@charset "UTF-8";
.benefit {
    /* [ popup ] */
    /* ! 그린마일리지 */
}
.benefit.conts {
    /* ABF-A01-001.html */
    /* ABF-A01-006.html */
    /* ABF-A01-027.html */
}
.benefit.conts .btn_wrap.title_select {
    display: inline-block;
}
.benefit.conts .btn_wrap.title_select .text_arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.benefit.conts .btn_wrap.title_select .text_arrow > .text {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.7;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -1px;
    font-family: "Happiness-Sans" !important;
}
.benefit.conts .btn_wrap.title_select .text_arrow > .arrow_icon {
    display: inline-block;
    margin-left: 8px;
    width: 20px;
    height: 20px;
    background-image: url("/images/mo/benefit/icon_arrow_down_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.conts .event_list > div:first-of-type.sub_header > .title_select {
    padding-top: 16px;
}
.benefit.conts .event_list .sub_header {
    padding-left: 8px;
    padding-right: 8px;
}
.benefit.conts .event_list .sub_header + .button_area {
    margin-top: 24px;
}
.benefit.conts .event_list .button_area + .sub_conts {
    margin-top: 32px;
}
.benefit.conts .event_list .detail_sec .date_term_search {
    margin-bottom: 0px;
    border-bottom: 0px;
    padding-bottom: 0px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.benefit.conts .event_list .no_result {
    margin-top: 80px;
    margin-bottom: 80px;
}
.benefit.conts .event_list .img_list_conts > div:first-of-type.image_item {
    margin-top: 16px;
}
.benefit.conts .event_list .image_item + .image_item {
    margin-top: 24px;
}
.benefit.conts .event_view {
    display: block;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 50%;
    width: 100vw;
    font-size: 0;
    line-height: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.benefit.conts .event_view .sub_header .view_top {
    position: relative;
}
.benefit.conts .event_view .sub_header .view_top > .title_area {
    padding: 16px 24px 24px;
    background-color: #FFFFFF;
}
.benefit.conts .event_view .sub_header .view_top > .title_area span {
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -1px;
    font-family: "Happiness-Sans" !important;
}
.benefit.conts .event_view .sub_header .view_top > .title_area span.date {
    margin-top: 8px;
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .event_view .sub_header .view_top > .heart_share_area {
    width: 135px;
    height: 34px;
    background-image: url("/images/mo/benefit/bg_shape_curve_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding-right: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}
.benefit.conts .event_view .sub_conts .detail_box {
    padding-top: 32px;
    padding-right: 24px;
    padding-left: 24px;
}
.benefit.conts .event_view .event_mission {
    padding-top: 32px;
    padding-bottom: 32px;
    background-color: #EBF2EF;
    /* ABF-A01-003.html */
    /* ABF-A01-004.html */
    /* ABF-A01-009.html */
    /* ABF-A01-002.html */
}
.benefit.conts .event_view .event_mission > .head {
    padding: 0 24px;
}
.benefit.conts .event_view .event_mission > .head > .title span {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -1px;
    font-family: "Happiness-Sans" !important;
}
.benefit.conts .event_view .event_mission > .head + .draw_wrap > div:first-of-type.img_area {
    margin-top: 32px;
}
.benefit.conts .event_view .event_mission > .head + .draw_wrap > div:first-of-type.button_area {
    padding-top: 24px;
}
.benefit.conts .event_view .event_mission > .head + .roullete_wrap {
    margin-top: 16px;
}
.benefit.conts .event_view .event_mission > .head + .challeng_wrap {
    margin-top: 24px;
}
.benefit.conts .event_view .event_mission > .head + .reward_wrap {
    margin-top: 32px;
}
.benefit.conts .event_view .event_mission .draw_wrap .button_area {
    position: relative;
    min-height: 55px;
    -webkit-animation-name: bounce-anim;
    -moz-animation-name: bounce-anim;
    animation-name: bounce-anim;
    -webkit-animation-duration: 0.9s;
    -moz-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.benefit.conts .event_view .event_mission .draw_wrap .button_area .btn_wrap {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.benefit.conts .event_view .event_mission .draw_wrap .button_area .btn_wrap .gradient_btn01 {
    position: relative;
    margin-bottom: 7px;
    padding: 12px 20px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #00b775;
}
.benefit.conts .event_view .event_mission .draw_wrap .button_area .btn_wrap .gradient_btn01::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 0px;
    height: 0px;
    border-top: 7px solid #00b775;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    -webkit-transform: translate(-50%, 100%);
    -moz-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
}
.benefit.conts .event_view .event_mission .draw_wrap .button_area .btn_wrap .gradient_btn01 span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.benefit.conts .event_view .event_mission .draw_wrap .img_area {
    width: 180px;
    margin: 0 auto;
}
.benefit.conts .event_view .event_mission .draw_wrap .img_area + .result_area {
    margin-top: 24px;
}
.benefit.conts .event_view .event_mission .draw_wrap .text_area p {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
}
.benefit.conts .event_view .event_mission .draw_wrap .text_area p strong {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .event_view .event_mission .draw_wrap .text_area p > span {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .event_view .event_mission .draw_wrap .text_area p > strong {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .event_view .event_mission .draw_wrap .text_area p > strong + span {
    margin-top: 4px;
}
.benefit.conts .event_view .event_mission .draw_wrap .text_area + .result_area {
    margin-top: 24px;
}
.benefit.conts .event_view .event_mission .draw_wrap .result_area {
    padding: 20px;
    margin-left: 16px;
    margin-right: 16px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: #FFFFFF;
}
.benefit.conts .event_view .event_mission .draw_wrap .result_area .progress .text_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.benefit.conts .event_view .event_mission .draw_wrap .result_area .progress .text_box span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .event_view .event_mission .draw_wrap .result_area .progress .text_box strong {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 900;
    color: #171A19;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .event_view .event_mission .draw_wrap .result_area .progress .text_box + .button_box {
    margin-top: 16px;
}
.benefit.conts .event_view .event_mission .draw_wrap .result_area .end .text_box strong {
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
}
.benefit.conts .event_view .event_mission .draw_wrap .result_area .end .text_box strong + span {
    margin-top: 8px;
}
.benefit.conts .event_view .event_mission .draw_wrap .result_area .end .text_box span {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
}
.benefit.conts .event_view .event_mission .draw_wrap .result_area .end + .progress {
    margin-top: 19px;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .roullete_area {
    position: relative;
    width: auto;
    max-width: 500px;
    margin: 0 auto;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .roullete_area .btn_wrap.img_type {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    background-color: transparent;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .roullete_area .btn_wrap.img_type .btn.img_type {
    position: relative;
    padding: 0;
    margin: 0px;
    border: 0px;
    background-color: transparent;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .roullete_area .btn_wrap.img_type .btn.img_type > .text {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .roullete_area .btn_wrap.img_type .btn.img_type::after {
    content: "룰렛돌리기";
    display: block;
    overflow: hidden;
    width: 90px;
    height: 90px;
    background-image: url("/images/mo/benefit/img_roulettecenter_button.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 0px;
    line-height: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation-name: zoom-anim;
    -moz-animation-name: zoom-anim;
    animation-name: zoom-anim;
    -webkit-animation-duration: 0.9s;
    -moz-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .roullete_area + .result_area {
    margin-top: 16px;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .text_area > p {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .text_area > p strong {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .text_area > p > span {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .text_area > p > strong {
    margin-bottom: 4px;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .text_area > p > strong > span {
    margin-top: 4px;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .text_area + .result_area {
    margin-top: 24px;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .result_area {
    margin-left: 16px;
    margin-right: 16px;
    padding: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: #FFFFFF;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .result_area span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .result_area strong {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 800;
    color: #171A19;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .result_area .progress > .text_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .result_area .progress > .text_box + .button_box {
    margin-top: 16px;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .result_area .end .text_box strong {
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .result_area .end .text_box strong + span {
    margin-top: 8px;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .result_area .end .text_box span {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .result_area .end + .progress {
    margin-top: 19px;
}
.benefit.conts .event_view .event_mission .roullete_wrap > .result_area .btn_wrap button.btn > span, .benefit.conts .event_view .event_mission .roullete_wrap > .result_area .btn_wrap a.btn > span {
    color: #FFFFFF;
    font-weight: 700;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area {
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item1 > ul.roullete_list > li:nth-of-type(1) {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotate(0deg);
    transform: rotateZ(0deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item1 > ul.roullete_list > li:nth-of-type(+n + 2) {
    display: none;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item2 > ul.roullete_list > li {
    -webkit-clip-path: polygon(0% 0%, 0% 50%, 50% 50%, 100% 50%, 100% 0);
    clip-path: polygon(0% 0%, 0% 50%, 50% 50%, 100% 50%, 100% 0);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item2 > ul.roullete_list > li:nth-of-type(1) {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotate(0deg);
    transform: rotateZ(0deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item2 > ul.roullete_list > li:nth-of-type(2) {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item2 > ul.roullete_list > li:nth-of-type(+n + 3) {
    display: none;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item3 > ul.roullete_list {
    background-image: url("/images/mo/benefit/img_rouletteboard_03.png");
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item3 > ul.roullete_list > li {
    -webkit-clip-path: polygon(0% 0%, 0% 21.2%, 50% 50%, 100% 21.2%, 100% 0);
    clip-path: polygon(0% 0%, 0% 21.2%, 50% 50%, 100% 21.2%, 100% 0);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item3 > ul.roullete_list > li:nth-of-type(1) {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotate(0deg);
    transform: rotateZ(0deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item3 > ul.roullete_list > li:nth-of-type(2) {
    -webkit-transform: rotateZ(120deg);
    -moz-transform: rotateZ(120deg);
    -ms-transform: rotate(120deg);
    transform: rotateZ(120deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item3 > ul.roullete_list > li:nth-of-type(3) {
    -webkit-transform: rotateZ(240deg);
    -moz-transform: rotateZ(240deg);
    -ms-transform: rotate(240deg);
    transform: rotateZ(240deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item3 > ul.roullete_list > li:nth-of-type(+n + 4) {
    display: none;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item4 > ul.roullete_list {
    background-image: url("/images/mo/benefit/img_rouletteboard_04.png");
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item4 > ul.roullete_list > li {
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 50% 50%, 100% 0%, 100% 0);
    clip-path: polygon(0% 0%, 0% 0%, 50% 50%, 100% 0%, 100% 0);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item4 > ul.roullete_list > li:nth-of-type(1) {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotate(0deg);
    transform: rotateZ(0deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item4 > ul.roullete_list > li:nth-of-type(2) {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -ms-transform: rotate(90deg);
    transform: rotateZ(90deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item4 > ul.roullete_list > li:nth-of-type(3) {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item4 > ul.roullete_list > li:nth-of-type(4) {
    -webkit-transform: rotateZ(270deg);
    -moz-transform: rotateZ(270deg);
    -ms-transform: rotate(270deg);
    transform: rotateZ(270deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item4 > ul.roullete_list > li:nth-of-type(+n + 5) {
    display: none;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item5 > ul.roullete_list {
    background-image: url("/images/mo/benefit/img_rouletteboard_05.png");
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item5 > ul.roullete_list > li {
    -webkit-clip-path: polygon(0% 0%, 13% 0%, 50% 50%, 86% 0%, 100% 0);
    clip-path: polygon(0% 0%, 13% 0%, 50% 50%, 86% 0%, 100% 0);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item5 > ul.roullete_list > li:nth-of-type(1) {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotate(0deg);
    transform: rotateZ(0deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item5 > ul.roullete_list > li:nth-of-type(2) {
    -webkit-transform: rotateZ(72deg);
    -moz-transform: rotateZ(72deg);
    -ms-transform: rotate(72deg);
    transform: rotateZ(72deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item5 > ul.roullete_list > li:nth-of-type(3) {
    -webkit-transform: rotateZ(144deg);
    -moz-transform: rotateZ(144deg);
    -ms-transform: rotate(144deg);
    transform: rotateZ(144deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item5 > ul.roullete_list > li:nth-of-type(4) {
    -webkit-transform: rotateZ(216deg);
    -moz-transform: rotateZ(216deg);
    -ms-transform: rotate(216deg);
    transform: rotateZ(216deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item5 > ul.roullete_list > li:nth-of-type(5) {
    -webkit-transform: rotateZ(288deg);
    -moz-transform: rotateZ(288deg);
    -ms-transform: rotate(288deg);
    transform: rotateZ(288deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item5 > ul.roullete_list > li:nth-of-type(+n + 6) {
    display: none;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item6 > ul.roullete_list {
    background-image: url("/images/mo/benefit/img_rouletteboard_06.png");
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item6 > ul.roullete_list > li {
    -webkit-clip-path: polygon(0% 0%, 21% 0%, 50% 50%, 79% 0%, 100% 0);
    clip-path: polygon(0% 0%, 21% 0%, 50% 50%, 79% 0%, 100% 0);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item6 > ul.roullete_list > li:nth-of-type(1) {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotate(0deg);
    transform: rotateZ(0deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item6 > ul.roullete_list > li:nth-of-type(2) {
    -webkit-transform: rotateZ(60deg);
    -moz-transform: rotateZ(60deg);
    -ms-transform: rotate(60deg);
    transform: rotateZ(60deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item6 > ul.roullete_list > li:nth-of-type(3) {
    -webkit-transform: rotateZ(120deg);
    -moz-transform: rotateZ(120deg);
    -ms-transform: rotate(120deg);
    transform: rotateZ(120deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item6 > ul.roullete_list > li:nth-of-type(4) {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item6 > ul.roullete_list > li:nth-of-type(5) {
    -webkit-transform: rotateZ(240deg);
    -moz-transform: rotateZ(240deg);
    -ms-transform: rotate(240deg);
    transform: rotateZ(240deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item6 > ul.roullete_list > li:nth-of-type(6) {
    -webkit-transform: rotateZ(300deg);
    -moz-transform: rotateZ(300deg);
    -ms-transform: rotate(300deg);
    transform: rotateZ(300deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item6 > ul.roullete_list > li:nth-of-type(+n + 7) {
    display: none;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item7 > ul.roullete_list > li {
    -webkit-clip-path: polygon(0% 0%, 25% 0%, 50% 50%, 75% 0%, 100% 0);
    clip-path: polygon(0% 0%, 25% 0%, 50% 50%, 75% 0%, 100% 0);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item7 > ul.roullete_list > li:nth-of-type(1) {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotate(0deg);
    transform: rotateZ(0deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item7 > ul.roullete_list > li:nth-of-type(2) {
    -webkit-transform: rotateZ(51.4285714286deg);
    -moz-transform: rotateZ(51.4285714286deg);
    -ms-transform: rotate(51.4285714286deg);
    transform: rotateZ(51.4285714286deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item7 > ul.roullete_list > li:nth-of-type(3) {
    -webkit-transform: rotateZ(102.8571428571deg);
    -moz-transform: rotateZ(102.8571428571deg);
    -ms-transform: rotate(102.8571428571deg);
    transform: rotateZ(102.8571428571deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item7 > ul.roullete_list > li:nth-of-type(4) {
    -webkit-transform: rotateZ(154.2857142857deg);
    -moz-transform: rotateZ(154.2857142857deg);
    -ms-transform: rotate(154.2857142857deg);
    transform: rotateZ(154.2857142857deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item7 > ul.roullete_list > li:nth-of-type(5) {
    -webkit-transform: rotateZ(205.7142857143deg);
    -moz-transform: rotateZ(205.7142857143deg);
    -ms-transform: rotate(205.7142857143deg);
    transform: rotateZ(205.7142857143deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item7 > ul.roullete_list > li:nth-of-type(6) {
    -webkit-transform: rotateZ(257.1428571429deg);
    -moz-transform: rotateZ(257.1428571429deg);
    -ms-transform: rotate(257.1428571429deg);
    transform: rotateZ(257.1428571429deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item7 > ul.roullete_list > li:nth-of-type(7) {
    -webkit-transform: rotateZ(308.5714285714deg);
    -moz-transform: rotateZ(308.5714285714deg);
    -ms-transform: rotate(308.5714285714deg);
    transform: rotateZ(308.5714285714deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item7 > ul.roullete_list > li:nth-of-type(+n + 8) {
    display: none;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item8 > ul.roullete_list > li {
    -webkit-clip-path: polygon(0% 0%, 30% 0%, 50% 50%, 71% 0%, 100% 0);
    clip-path: polygon(0% 0%, 30% 0%, 50% 50%, 71% 0%, 100% 0);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item8 > ul.roullete_list > li:nth-of-type(1) {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotate(0deg);
    transform: rotateZ(0deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item8 > ul.roullete_list > li:nth-of-type(2) {
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item8 > ul.roullete_list > li:nth-of-type(3) {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -ms-transform: rotate(90deg);
    transform: rotateZ(90deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item8 > ul.roullete_list > li:nth-of-type(4) {
    -webkit-transform: rotateZ(135deg);
    -moz-transform: rotateZ(135deg);
    -ms-transform: rotate(135deg);
    transform: rotateZ(135deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item8 > ul.roullete_list > li:nth-of-type(5) {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item8 > ul.roullete_list > li:nth-of-type(6) {
    -webkit-transform: rotateZ(225deg);
    -moz-transform: rotateZ(225deg);
    -ms-transform: rotate(225deg);
    transform: rotateZ(225deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item8 > ul.roullete_list > li:nth-of-type(7) {
    -webkit-transform: rotateZ(270deg);
    -moz-transform: rotateZ(270deg);
    -ms-transform: rotate(270deg);
    transform: rotateZ(270deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item8 > ul.roullete_list > li:nth-of-type(8) {
    -webkit-transform: rotateZ(315deg);
    -moz-transform: rotateZ(315deg);
    -ms-transform: rotate(315deg);
    transform: rotateZ(315deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item8 > ul.roullete_list > li:nth-of-type(+n + 9) {
    display: none;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item9 > ul.roullete_list > li:nth-of-type(1) {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotate(0deg);
    transform: rotateZ(0deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item9 > ul.roullete_list > li:nth-of-type(2) {
    -webkit-transform: rotateZ(40deg);
    -moz-transform: rotateZ(40deg);
    -ms-transform: rotate(40deg);
    transform: rotateZ(40deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item9 > ul.roullete_list > li:nth-of-type(3) {
    -webkit-transform: rotateZ(80deg);
    -moz-transform: rotateZ(80deg);
    -ms-transform: rotate(80deg);
    transform: rotateZ(80deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item9 > ul.roullete_list > li:nth-of-type(4) {
    -webkit-transform: rotateZ(120deg);
    -moz-transform: rotateZ(120deg);
    -ms-transform: rotate(120deg);
    transform: rotateZ(120deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item9 > ul.roullete_list > li:nth-of-type(5) {
    -webkit-transform: rotateZ(160deg);
    -moz-transform: rotateZ(160deg);
    -ms-transform: rotate(160deg);
    transform: rotateZ(160deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item9 > ul.roullete_list > li:nth-of-type(6) {
    -webkit-transform: rotateZ(200deg);
    -moz-transform: rotateZ(200deg);
    -ms-transform: rotate(200deg);
    transform: rotateZ(200deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item9 > ul.roullete_list > li:nth-of-type(7) {
    -webkit-transform: rotateZ(240deg);
    -moz-transform: rotateZ(240deg);
    -ms-transform: rotate(240deg);
    transform: rotateZ(240deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item9 > ul.roullete_list > li:nth-of-type(8) {
    -webkit-transform: rotateZ(280deg);
    -moz-transform: rotateZ(280deg);
    -ms-transform: rotate(280deg);
    transform: rotateZ(280deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item9 > ul.roullete_list > li:nth-of-type(9) {
    -webkit-transform: rotateZ(320deg);
    -moz-transform: rotateZ(320deg);
    -ms-transform: rotate(320deg);
    transform: rotateZ(320deg);
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area .roullete.item9 > ul.roullete_list > li:nth-of-type(+n + 10) {
    display: none;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_pointer {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_pointer span {
    display: block;
    width: 72px;
    height: 72px;
    background-image: url("/images/mo/benefit/img_roulettepointer.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 58px;
    height: 58px;
    background-image: url("/images/mo/benefit/img_roulettecenter.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete {
    overflow: hidden;
    width: 100%;
    padding: 11.112%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background-image: url("/images/mo/benefit/img_rouletteborder.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotate(0deg);
    transform: rotateZ(0deg);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_list {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    line-height: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background-image: url("/images/mo/benefit/img_rouletteboard_06.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_list > li {
    position: absolute;
    width: 100%;
    height: 100%;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_item {
    position: relative;
    width: 100%;
    height: 100%;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_item > a {
    display: block;
    width: 100%;
    height: 100%;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_item_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    text-align: center;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_item_inner > .item_position {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 35%;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_item_inner strong {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #0c4b2f;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_item_inner span {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_item.boom div.roullete_item_inner strong {
    display: block;
    font-size: 1.25rem;
    font-weight: 900;
    color: #0c4b2f;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -1px;
    font-family: "Happiness-Sans" !important;
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area.off .roullete.item3 > ul.roullete_list {
    background-image: url("/images/mo/benefit/img_rouletteboard_03_off.png");
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area.off .roullete.item4 > ul.roullete_list {
    background-image: url("/images/mo/benefit/img_rouletteboard_04_off.png");
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area.off .roullete.item5 > ul.roullete_list {
    background-image: url("/images/mo/benefit/img_rouletteboard_05_off.png");
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area.off .roullete.item6 > ul.roullete_list {
    background-image: url("/images/mo/benefit/img_rouletteboard_06_off.png");
}
.benefit.conts .event_view .event_mission .roullete_wrap .roullete_area.off .btn_wrap {
    display: none;
}
.benefit.conts .event_view .event_mission .challeng_wrap {
    position: relative;
    padding: 0 16px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area {
    padding: 8px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap {
    position: relative;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_list_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 2;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_list_wrap > li {
    display: block;
    width: 100%;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_list_wrap > li:first-of-type {
    display: block;
    width: auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_list_wrap > li:first-of-type .gauge_item {
    display: block;
    position: relative;
    width: 100%;
    height: 24px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_list_wrap > li:first-of-type .gauge_item_target {
    position: relative;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_list_wrap > li:first-of-type .gauge_item_target > em::before {
    width: 16px !important;
    background: none !important;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_list_wrap > li:first-of-type .gauge_item_target > em > span {
    border-color: #171A19;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_list_wrap > li:first-of-type .gauge_item_target.no_start > em > span {
    border-color: #00905C;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_list_wrap > li:last-of-type .gauge_item .gauge_item_target em span {
    background-color: #D4D6D4;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_list_wrap .gauge_item {
    display: block;
    position: relative;
    width: 100%;
    height: 24px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_list_wrap .gauge_item .gauge_item_target {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
    line-height: 0;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_list_wrap .gauge_item .gauge_item_target em {
    display: inline-block;
    position: relative;
    font-size: 0;
    line-height: 0;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_list_wrap .gauge_item .gauge_item_target em span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: solid 2px #D4D6D4;
    font-size: 0;
    line-height: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_list_wrap .gauge_item .gauge_item_target em::before {
    content: "";
    display: block;
    position: relative;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_list_wrap .gauge_item.success .gauge_item_target em::before {
    content: "";
    display: block;
    position: relative;
    top: 0;
    right: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background-image: url("/images/mobilehome2/new/ico_checkbox_selected_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
    background-color: #171A19;
    z-index: 2;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_bar_wrap {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    padding-right: 4px;
    font-size: 0;
    line-height: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_bar_wrap .gauge_bar {
    position: relative;
    width: 100%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #D4D6D4;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_bar_wrap .gauge_bar > .gauge_bar_inner {
    display: block;
    position: relative;
    width: 50%;
    height: 4px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #01a76b;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_bar_wrap .gauge_bar > .gauge_bar_inner .arrow_icon_wrap {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, -14px);
    -moz-transform: translate(50%, -14px);
    -ms-transform: translate(50%, -14px);
    transform: translate(50%, -14px);
    width: 40px;
    height: 40px;
    background-image: url("/images/mo/benefit/ico_visual_3d_location_40.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
    -webkit-animation: point-anim 0.8s ease-in-out infinite;
    -moz-animation: point-anim 0.8s ease-in-out infinite;
    animation: point-anim 0.8s ease-in-out infinite;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_bar_wrap .gauge_bar > .gauge_bar_inner .arrow_icon_wrap._pull {
    right: 9px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap .gauge_bar_wrap .gauge_bar > .gauge_bar_inner .arrow_icon_wrap.v2 {
    width: 40px;
    height: 40px;
    background-image: url("/images/mo/benefit/ico_visual_3d_location_40_v2.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap.location {
    margin-top: 40px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .challeng_area .gauge_wrap.location .gauge_bar_wrap .gauge_bar > .gauge_bar_inner .arrow_icon_wrap {
    display: block;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area {
    margin-top: 24px;
    padding: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: #FFFFFF;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area strong {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 900;
    color: #171A19;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .end > .text_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .end > .text_box > span {
    margin-top: 8px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .end > .text_box + .button_box {
    margin-top: 17.4px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .head_box {
    margin-bottom: 12px;
    text-align: center;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .head_box > .title strong em {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 900;
    color: #01A76B;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .head_box > .title + .text {
    margin-top: 8px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .head_box > .text p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .history_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .history_box > dl > dt span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .history_box > dl > dt + dd {
    margin-top: 2px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .history_box > dl > dd strong {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .history_box > dl > dd strong em {
    color: #01A76B;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .history_box .target {
    text-align: right;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress .progress_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 24px 0 40px;
    border-top: 1px solid #EAEBEA;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-image: url("/images/mo/benefit/ico_eventarrow_40_gray.png");
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: 40px;
    background-size: 40px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress .progress_box > .progress {
    width: -webkit-calc(50% + 20px);
    width: -moz-calc(50% + 20px);
    width: calc(50% + 20px);
    margin-left: -20px;
    padding: 24px 0 6px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress .progress_box > .target {
    width: -webkit-calc(50% + 20px);
    width: -moz-calc(50% + 20px);
    width: calc(50% + 20px);
    margin-right: -20px;
    padding-top: 24px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress .progress_box dl.item {
    text-align: center;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress .progress_box dl.item > dt span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress .progress_box dl.item > dt + dd {
    padding-top: 2px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress .progress_box dl.item > dd strong {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress .progress_box dl.item > dd strong > em {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress .progress_box dl.item > dd strong + strong {
    padding-left: 4px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress .progress_box dl.item + dl.item {
    padding-top: 20px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .gauge_box {
    margin-top: 12px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .gauge_box .gauge_wrap {
    display: block;
    overflow: hidden;
    width: 100%;
    font-size: 0;
    line-height: 0px;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
    background-color: #EAEBEA;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .gauge_box .gauge_bar {
    width: 100%;
    height: 8px;
    font-size: 0;
    line-height: 0px;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
    background-color: #01A76B;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .gauge_box .gauge_bar span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0);
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .gauge_box + .button_box {
    margin-top: 24px;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .text_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .button_box .btn_wrap button.btn > span,
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .button_box .btn_wrap a.btn > span {
    font-weight: 700;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .button_box .btn_wrap button.btn.border,
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .button_box .btn_wrap a.btn.border {
    border: 2px solid #171A19;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .button_box .btn_wrap button.btn.border > span,
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .progress > .button_box .btn_wrap a.btn.border > span {
    color: #171A19;
}
.benefit.conts .event_view .event_mission .challeng_wrap > .result_area .btn_wrap button.btn > span, .benefit.conts .event_view .event_mission .challeng_wrap > .result_area .btn_wrap a.btn > span {
    color: #FFFFFF;
}
.benefit.conts .event_view .event_mission .challeng_wrap .dim_wrap {
    display: none;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 10;
}
.benefit.conts .event_view .event_mission .challeng_wrap .dim_wrap > div[class^=success_] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    margin: 0 auto;
    padding: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.benefit.conts .event_view .event_mission .challeng_wrap .dim_wrap > div[class^=success_] .head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.benefit.conts .event_view .event_mission .challeng_wrap .dim_wrap > div[class^=success_] .head::before {
    content: "";
    display: block;
    margin-bottom: 4px;
    width: 40px;
    height: 40px;
    background-image: url("/images/mo/benefit/thumbnail_3d_success_40x.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.conts .event_view .event_mission .challeng_wrap .dim_wrap > div[class^=success_] .head.v2::before {
    width: 40px;
    height: 40px;
    background-image: url("/images/mo/benefit/thumbnail_3d_success_40x_v2.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.conts .event_view .event_mission .challeng_wrap .dim_wrap > div[class^=success_] .head .title {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #01a76b;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
}
.benefit.conts .event_view .event_mission .challeng_wrap .dim_wrap > div[class^=success_] .head + .body {
    margin-top: 16px;
}
.benefit.conts .event_view .event_mission .challeng_wrap .dim_wrap > div[class^=success_] .body {
    width: 100%;
}
.benefit.conts .event_view .event_mission .challeng_wrap._dim .challeng_area {
    opacity: 0.2;
}
.benefit.conts .event_view .event_mission .challeng_wrap._dim .dim_wrap {
    display: block;
}
.benefit.conts .event_view .event_mission .challeng_wrap._dim._all {
    display: block;
    padding-bottom: 100px;
    margin-bottom: 8px;
}
.benefit.conts .event_view .event_mission .challeng_wrap._dim._all .success_all {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.benefit.conts .event_view .event_mission .challeng_wrap._dim._all .success_end {
    display: none;
}
.benefit.conts .event_view .event_mission .challeng_wrap._dim._end {
    display: block;
    padding-bottom: 44px;
    margin-bottom: 8px;
}
.benefit.conts .event_view .event_mission .challeng_wrap._dim._end .success_all {
    display: none;
}
.benefit.conts .event_view .event_mission .challeng_wrap._dim._end .success_end {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.benefit.conts .event_view .event_mission .reward_wrap {
    padding: 0 16px;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_wrap {
    position: relative;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_wrap.success_dim .reward_list {
    opacity: 0.4;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_wrap.success_dim .reward_dim_wrap {
    display: block !important;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_wrap.success_dim .reward_list_item .conts_wrap > .end > .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_wrap.success_dim .reward_list_item .conts_wrap > .end > .text > p {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    opacity: 1;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_wrap.success_dim .reward_list_item .conts_wrap > .end > .text > strong {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    max-width: 70%;
    opacity: 0.5;
    word-break: keep-all;
    text-align: center;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    z-index: 0;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list > li {
    width: -webkit-calc((100% - 24px) / 3);
    width: -moz-calc((100% - 24px) / 3);
    width: calc((100% - 24px) / 3);
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list > li + li {
    margin-left: 12px;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list > li:nth-of-type(n + 4) {
    margin-top: 12px;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list > li:nth-of-type(3n + 4) {
    margin-left: 0px;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item {
    display: block;
    position: relative;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap {
    position: relative;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap::before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    z-index: -1;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .end {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #01A76B;
    background-image: url("/images/mo/benefit/img_check_80.png");
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: 80% 80%;
    background-size: 80% 80%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .end > .button_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .end > .button_wrap > button, .benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .end > .button_wrap > a {
    display: block;
    width: 100%;
    height: 100%;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .end > .button_wrap span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0);
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .end > .dateflag {
    display: block;
    position: absolute;
    top: -8px;
    left: 0px;
    font-size: 0px;
    line-height: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 47px;
    height: 26px;
    background-image: url("/images/mo/benefit/img_dateflag.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .end > .dateflag > span {
    padding-top: 1px;
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
    font-family: "Happiness-Sans" !important;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .end > .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .end > .text > strong {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .end > .text > strong + p {
    margin-top: 2px;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .end > .text > p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    max-width: 70%;
    opacity: 0.5;
    word-break: keep-all;
    text-align: center;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .end > .num {
    display: none;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .end > .dim {
    display: none;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: dashed 1px #D4D6D4;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .active > .button_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .active > .button_wrap > button, .benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .active > .button_wrap > a {
    display: block;
    width: 100%;
    height: 100%;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .active > .button_wrap span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0);
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .active > .dateflag {
    display: none;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .active > .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-position: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-background-size: 80%;
    background-size: 80%;
    background-repeat: no-repeat;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .active > .text::before {
    content: "";
    display: none;
    margin-bottom: 4px;
    width: 40px;
    height: 40px;
    background-image: url("");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .active > .text > strong {
    display: none;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .active > .text > p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    max-width: 70%;
    word-break: keep-all;
    text-align: center;
    text-decoration: underline;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .active > .text.buy::before {
    display: block;
    background-image: url("/images/mo/benefit/ico_missionevent_buy.png");
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .active > .text.buy.v2::before {
    background-image: url("/images/mo/benefit/ico_missionevent_buy_v2.png");
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .active > .text.checkin::before {
    display: block;
    background-image: url("/images/mo/benefit/ico_missionevent_checkin.png");
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .active > .text.checkin.v2::before {
    background-image: url("/images/mo/benefit/ico_missionevent_checkin_v2.png");
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .active > .text.visit::before {
    display: block;
    background-image: url("/images/mo/benefit/ico_missionevent_visit.png");
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .active > .text.visit.v2::before {
    background-image: url("/images/mo/benefit/ico_missionevent_visit_v2.png");
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .active > .num {
    position: absolute;
    z-index: 0;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .active > .num span {
    display: inline-block;
    font-size: 5rem;
    font-weight: 900;
    color: #EBF2EF;
    line-height: 1;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.1px;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .active > .dim {
    display: none;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .unactive {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f7faf9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .unactive > .button_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .unactive > .button_wrap > button,
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .unactive > .button_wrap > a {
    display: block;
    width: 100%;
    height: 100%;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .unactive > .button_wrap span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0);
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .unactive > .dateflag {
    display: none;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .unactive > .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .unactive > .text > strong {
    display: none;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .unactive > .text > p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    max-width: 70%;
    word-break: keep-all;
    text-align: center;
    text-decoration: underline;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .unactive > .num {
    position: absolute;
    z-index: 0;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .unactive > .num span {
    display: inline-block;
    font-size: 5rem;
    font-weight: 900;
    color: #EBF2EF;
    line-height: 1;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.1px;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .unactive > .dim {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 4px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: rgba(23, 26, 25, 0.5);
    z-index: 10;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .unactive > .dim::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background-image: url("/images/mo/benefit/ico_3d_lock_40.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .unactive > .dim.v2::before {
    width: 40px;
    height: 40px;
    background-image: url("/images/mo/benefit/ico_3d_lock_40_v2.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .conts_wrap > .unactive > .dim > p {
    margin-top: 17px;
    padding-bottom: 10px;
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
    display: none;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_list_item .hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0) !important;
    clip-path: polygon(0 0, 0 0, 0 0) !important;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_dim_wrap {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_dim_wrap .reward_dim {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 210px;
    margin: auto;
    padding: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_dim_wrap .reward_dim > .head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_dim_wrap .reward_dim > .head::before {
    content: "";
    display: block;
    margin-bottom: 4px;
    width: 40px;
    height: 40px;
    background-image: url("/images/mo/benefit/thumbnail_3d_success_40x.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_dim_wrap .reward_dim > .head.v2::before {
    width: 40px;
    height: 40px;
    background-image: url("/images/mo/benefit/thumbnail_3d_success_40x_v2.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_dim_wrap .reward_dim > .head .title {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
    text-align: center;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_dim_wrap .reward_dim > .head + .body {
    margin-top: 16px;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_dim_wrap.success_03 .reward_dim.success_03 {
    display: block;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_dim_wrap.success_all .reward_dim.success_all {
    display: block;
}
.benefit.conts .event_view .event_mission .reward_wrap .reward_dim_wrap.success_end .reward_dim.success_end {
    display: block;
}
.benefit.conts .event_view .btm_notice_line {
    padding-left: 24px;
    padding-right: 24px;
}
.benefit.conts .event_view .btm_notice_line:before {
    margin-left: -24px;
    margin-right: -24px;
}
.benefit.conts .quiz_event .sub_header {
    padding-top: 16px;
}
.benefit.conts .quiz_event .sub_header .design_text_box .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 20px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #F7FAF9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.conts .quiz_event .sub_header .design_text_box .title p {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
}
.benefit.conts .quiz_event .sub_header .design_text_box .title em {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .quiz_event .sub_header + .sub_conts {
    margin-top: 26px;
}
.benefit.conts .quiz_event .sub_conts .quiz_list {
    padding: 0 8px;
}
.benefit.conts .quiz_event .sub_conts .quiz_list > li {
    position: relative;
}
.benefit.conts .quiz_event .sub_conts .quiz_list > li + li {
    padding-top: 26px;
    border-top: 1px solid #EAEBEA;
}
.benefit.conts .quiz_event .sub_conts .quiz_list + .address_from_wrap {
    border-top: 1px solid #EAEBEA;
}
.benefit.conts .quiz_event .sub_conts .quiz_list + .address_from_wrap > div:first-child.title {
    padding-top: 56px;
}
.benefit.conts .quiz_event .sub_conts .quiz_list + .address_from_wrap > dl:first-child.address_from {
    padding-top: 32px;
}
.benefit.conts .quiz_event .sub_conts .quiz_list + .privacy_form {
    border-top: 1px solid #EAEBEA;
}
.benefit.conts .quiz_event .sub_conts .quiz_list + .privacy_form > div:first-child.privacy_form_head {
    padding-top: 56px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item {
    position: relative;
    padding-left: 38px;
    margin-bottom: 32px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_num {
    display: inline-block;
    position: absolute;
    left: -9px;
    width: 44px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_num::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_num > span {
    padding-top: 6px;
    padding-left: 8px;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 800;
    color: #01A76B;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts {
    margin: 0 !important;
    padding: 0 !important;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_q {
    padding-top: 8px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_q span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    word-break: keep-all;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_q + .quiz_item_conts_a .quiz_item_conts_a_form.rdo_area {
    margin-top: 20px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_q + .quiz_item_conts_a .quiz_item_conts_a_form > *:first-of-type.input_wrap {
    margin-top: 20px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_q + .quiz_item_conts_a .quiz_item_conts_a_form > *:first-of-type.textarea_wrap {
    margin-top: 20px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_q + .quiz_item_conts_a .quiz_item_conts_a_form > *:first-of-type.text_num_type_wrap {
    margin-top: 20px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_q + .quiz_item_conts_a .quiz_item_conts_a_form > *:first-of-type.address_from {
    margin-top: 14px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_list {
    margin-top: 20px;
    font-size: 0;
    line-height: 0;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_list > li + li {
    margin-top: 20px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_list._text li + li {
    margin-top: 12px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_item .rdo_wrap {
    line-height: 0;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_item .rdo_wrap label:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_item .rdo_wrap label > span.img_box {
    display: block;
    width: 80px;
    height: 80px;
    line-height: 0;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_item .rdo_wrap label > span.img_box > img {
    width: 100%;
    height: 100%;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_item .rdo_wrap label > span.img_box + span {
    display: inline-block;
    margin-top: 4px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_item.wrong .rdo_wrap label > span {
    color: #EB3912;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_form {
    font-size: 0;
    line-height: 0;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_form .rdo_wrap.sel_btn + .rdo_wrap.sel_btn {
    margin: 0;
    margin-left: 8px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_form .textarea_wrap.type02 {
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: solid 1px #EAEBEA;
    background-color: #FFFFFF;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_form .textarea_wrap.type02 textarea {
    padding: 13px 20px 20px 16px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_form .textarea_wrap.type02 textarea::-webkit-input-placeholder {
    display: initial;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_form .textarea_wrap.type02 textarea:-moz-placeholder {
    display: initial;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_form .textarea_wrap.type02 textarea::-moz-placeholder {
    display: initial;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_form .textarea_wrap.type02 textarea:-ms-input-placeholder {
    display: initial;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_form .textarea_wrap.type02 textarea::placeholder {
    display: initial;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_form .textarea_wrap.type02 .word_num {
    right: 20px;
    bottom: 20px;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_form .textarea_wrap.type02 .word_num .cnt {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item_conts_a_form .address_from > dt + dd {
    margin-top: 0px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item.correct > .quiz_item_num::before {
    width: 48px;
    height: 48px;
    background-image: url("/images/mo/benefit/img_correct_48.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.conts .quiz_event .sub_conts .quiz_item.wrong > .quiz_item_num::before {
    width: 48px;
    height: 48px;
    background-image: url("/images/mo/benefit/img_wrong_48.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.conts .quiz_event .sub_conts .quiz_item .input_wrap.text_num_type_wrap .text_num_1 input {
    padding: 0px !important;
}
.benefit.conts .quiz_event .sub_conts .quiz_item .input_wrap.text_num_type_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /* 한글자 짜리 정렬 방식 */
}
.benefit.conts .quiz_event .sub_conts .quiz_item .input_wrap.text_num_type_wrap > .del_input {
    display: none !important;
}
.benefit.conts .quiz_event .sub_conts .quiz_item .input_wrap.text_num_type_wrap .input_item {
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: solid 1px #EAEBEA;
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.conts .quiz_event .sub_conts .quiz_item .input_wrap.text_num_type_wrap .input_item + .input_item {
    margin-left: 8px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item .input_wrap.text_num_type_wrap .input_item input {
    display: inline-block;
    overflow: hidden;
    height: 46px;
    padding: 0;
    border: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.conts .quiz_event .sub_conts .quiz_item .input_wrap.text_num_type_wrap .input_item label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0);
}
.benefit.conts .quiz_event .sub_conts .quiz_item .input_wrap.text_num_type_wrap .text_num_1 input {
    width: 47px;
    padding: 0 !important;
    text-align: center;
}
.benefit.conts .quiz_event .sub_conts .quiz_item .input_wrap.text_num_type_wrap .text_num_3 input {
    width: 76px;
    padding: 0 15px !important;
    text-align: center;
}
.benefit.conts .quiz_event .sub_conts .quiz_item .input_wrap.text_num_type_wrap .text_num_4 input {
    width: 102px;
    padding: 0 15px !important;
    text-align: center;
}
.benefit.conts .quiz_event .sub_conts .quiz_item .input_wrap.text_num_type_wrap .hyphen {
    margin: 0 8px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item .input_wrap.text_num_type_wrap .hyphen span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item .input_wrap.text_num_type_wrap.varchar01_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.benefit.conts .quiz_event .sub_conts .quiz_item .input_wrap.text_num_type_wrap.varchar01_box .space_item {
    width: 49px;
    height: 48px;
}
.benefit.conts .quiz_event .sub_conts .quiz_item .input_wrap.text_num_type_wrap.varchar01_box .input_item {
    margin: 0px !important;
}
.benefit.conts .quiz_event .sub_conts .quiz_item .input_wrap.text_num_type_wrap.varchar01_box .del_input {
    display: none !important;
}
.benefit.conts .quiz_event .sub_conts .address_from_wrap > .title {
    margin-left: 8px;
}
.benefit.conts .quiz_event .sub_conts .address_from_wrap > .title span {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .quiz_event .sub_conts .address_from_wrap > .title + .address_from {
    margin-top: 24px;
}
.benefit.conts .quiz_event .sub_conts .address_from_wrap + .privacy_form {
    margin-top: 40px;
}
.benefit.conts .quiz_event .sub_conts .privacy_form {
    margin: 0 8px;
}
.benefit.conts .quiz_event .sub_conts .privacy_form .privacy_form_head .title span {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .quiz_event .sub_conts .privacy_form .privacy_form_head + .privacy_form_body {
    margin-top: 24px;
}
.benefit.conts .quiz_event .sub_conts .privacy_form .privacy_form_body .text_green_box_wrap {
    padding: 20px !important;
    margin: 0 -8px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #F7FAF9;
}
.benefit.conts .quiz_event .sub_conts .privacy_form .privacy_form_body .text_green_box_wrap .text_green_box_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.benefit.conts .quiz_event .sub_conts .privacy_form .privacy_form_body .text_green_box_wrap .text_green_box_header strong {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .quiz_event .sub_conts .privacy_form .privacy_form_body .text_green_box_wrap .text_green_box_header + .text_green_box_content {
    margin-top: 12px;
}
.benefit.conts .quiz_event .sub_conts .privacy_form .privacy_form_body .text_green_box_wrap .text_green_box_content p {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.conts .quiz_event .sub_conts .privacy_form .privacy_form_body .text_green_box_wrap .text_green_box_content p + .bullet_dot.gray {
    margin-top: 16px;
}
.benefit.conts .quiz_event .sub_conts .privacy_form .privacy_form_body .text_green_box_wrap .text_green_box_content p.bullet_dot {
    position: relative;
    padding-left: 10px;
}
.benefit.conts .quiz_event .sub_conts .privacy_form .privacy_form_body .text_green_box_wrap .text_green_box_content p.bullet_dot::before {
    content: "";
    position: absolute;
    top: 0.9em;
    left: 0;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #727573;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.benefit.conts .quiz_event .sub_conts .privacy_form .privacy_form_body .text_green_box_wrap .text_green_box_content p.bullet_dot span {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    word-break: keep-all;
}
.benefit.conts .quiz_event .sub_conts .privacy_form .privacy_form_footer {
    margin-top: 16px;
}
.benefit.conts .quiz_event .sub_conts .privacy_form .privacy_form_footer .chk_wrap label > span {
    font-weight: 700;
}
.benefit.conts .quiz_event + .fixed {
    z-index: 2;
}
.benefit.conts .wrap_btn_ev_gold {
    background-color: #111;
    padding: 24px 20px 63px;
}
.benefit.conts .wrap_btn_ev_gold .txt {
    margin-top: 20px;
}
.benefit.conts .wrap_btn_ev_gold .txt img {
    width: 100%;
}
.benefit.conts .bullet_list_wrap.type01 {
    padding: 40px 20px;
    background-color: #2B2B2B;
}
.benefit.conts .bullet_list_wrap.type01 .bullet_list_title {
    margin-bottom: 8px;
}
.benefit.conts .bullet_list_wrap.type01 .bullet_list_title strong {
    color: #B2B2B2;
    font-size: 0.938rem;
}
.benefit.conts .bullet_list_wrap.type01 .bullet_list > li {
    color: #B2B2B2;
}
.benefit.conts .bullet_list_wrap.type01 .bullet_list > li::before {
    background-color: #B2B2B2;
    width: 3px;
    height: 3px;
}
.benefit.conts .bullet_list_wrap .txt_line {
    text-decoration: underline;
    color: #B2B2B2;
    margin-left: 5px;
}
.benefit.conts .bullet_list_wrap .txt_line span {
    color: #B2B2B2;
}
.benefit.lay_conts._event {
    /* ABF-A01-018P.html */
}
.benefit.lay_conts._event .payment_history {
    padding-top: 16px;
    padding-bottom: 64px;
}
.benefit.lay_conts._event .payment_history .sub_title {
    padding: 0 8px;
}
.benefit.lay_conts._event .payment_history .sub_title span {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -1px;
    font-family: "Happiness-Sans" !important;
}
.benefit.lay_conts._event .payment_history .sub_title + .sub_conts {
    margin-top: 24px;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .no_result {
    margin-top: 80px;
    margin-bottom: 120px;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area {
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area > input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0);
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area > input:focus + label {
    outline: 0;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area > label {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area > label > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0);
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area .contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 19px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    border: solid 1.4px #EAEBEA;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area .contents::before {
    content: "";
    display: block;
    width: auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background-image: url("/images/mobilehome2/new/ico_check_20_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area .contents dl.info_area {
    width: 100%;
    padding-left: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area .contents dl.info_area > dt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area .contents dl.info_area > dt span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area .contents dl.info_area > dt strong {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area .contents dl.info_area > dd:nth-of-type(1) {
    margin-top: 4px;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area .contents dl.info_area > dd:nth-of-type(1) > span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4392156863);
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area .contents dl.info_area > dd:nth-of-type(2) {
    margin-top: 2px;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area .contents dl.info_area > dd:nth-of-type(2) > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area .contents dl.info_area > dd:nth-of-type(2) > ul > li {
    position: relative;
    font-size: 0;
    line-height: 0;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area .contents dl.info_area > dd:nth-of-type(2) > ul > li > span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4392156863);
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area .contents dl.info_area > dd:nth-of-type(2) > ul > li + li {
    margin-left: 10px;
    padding-left: 9px;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area .contents dl.info_area > dd:nth-of-type(2) > ul > li + li::before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    width: 1px;
    height: 11px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #171A19;
    opacity: 0.1;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area .disabled_dim_text {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area .disabled_dim_text > p {
    display: block;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area > input:checked ~ .contents {
    border-color: #171A19;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area > input:checked ~ .contents::before {
    width: 20px;
    height: 20px;
    background-image: url("/images/mobilehome2/new/ico_check_20_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area > input:disabled ~ .contents::before {
    width: 20px;
    height: 20px;
    background-image: url("/images/mobilehome2/new/ico_check_20_dis.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li .chk_item_area > input:disabled ~ .disabled_dim_text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li:first-child {
    margin-top: 24px;
}
.benefit.lay_conts._event .payment_history .sub_conts .payment_history_list > ul > li + li {
    margin-top: 16px;
}
.benefit.lay_conts._event .mission_success {
    height: auto;
    margin: 0 4px;
    /* ABF-A01-015P.html */
    /* ABF-A01-016P.html */
    /* ABF-A01-017B.html */
}
.benefit.lay_conts._event .mission_success .text_simple02 {
    position: relative;
    padding: 20px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #F7FAF9;
}
.benefit.lay_conts._event .mission_success .text_simple02 > dl > dt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.benefit.lay_conts._event .mission_success .text_simple02 > dl > dt span {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    width: auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.benefit.lay_conts._event .mission_success .text_simple02 > dl > dt span + strong {
    width: 100%;
    text-align: right;
}
.benefit.lay_conts._event .mission_success .text_simple02 > dl > dt strong {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.lay_conts._event .mission_success .text_simple02 > dl > dt + dd {
    margin-top: 8px;
}
.benefit.lay_conts._event .mission_success .text_simple02 > dl > dd {
    line-height: 0;
}
.benefit.lay_conts._event .mission_success .text_simple02 > dl > dd span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
}
.benefit.lay_conts._event .mission_success .text_simple02 > dl > dd + dd {
    margin-top: 2px;
}
.benefit.lay_conts._event .mission_success .text_simple02 > dl > dd:nth-of-type(1) span {
    position: relative;
    padding: 0 8px;
}
.benefit.lay_conts._event .mission_success .text_simple02 > dl > dd:nth-of-type(1) span:nth-of-type(1) {
    padding-left: 0;
}
.benefit.lay_conts._event .mission_success .text_simple02 > dl > dd:nth-of-type(1) span + span {
    padding-left: 9px;
}
.benefit.lay_conts._event .mission_success .text_simple02 > dl > dd:nth-of-type(1) span + span::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 11px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #171A19;
    opacity: 0.1;
}
.benefit.lay_conts._event .mission_success .text_simple02 > dl > dd:nth-of-type(2) span + span {
    padding-left: 3px;
}
.benefit.lay_conts._event .mission_success .text_green_box_wrap {
    padding: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: #F7FAF9;
}
.benefit.lay_conts._event .mission_success .text_green_box_wrap + .form_box01 {
    margin-top: 32px;
}
.benefit.lay_conts._event .mission_success .text_green_box_header strong {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.benefit.lay_conts._event .mission_success .text_green_box_header + .text_green_box_content {
    margin-top: 8px;
}
.benefit.lay_conts._event .mission_success .text_green_box_content p {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.lay_conts._event .mission_success .text_green_box_content p + .bullet_small_dot {
    margin-top: 4px;
}
.benefit.lay_conts._event .mission_success .text_green_box_content p.bullet_small_dot {
    position: relative;
    padding-left: 6px;
}
.benefit.lay_conts._event .mission_success .text_green_box_content p.bullet_small_dot::before {
    content: "";
    position: absolute;
    top: 0.9em;
    left: 0;
    width: 2px;
    height: 2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #727573;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.benefit.lay_conts._event .mission_success .text_green_box_content p.bullet_small_dot span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.lay_conts._event .mission_success .text_green_box_content p.bullet_small_dot + .bullet_small_dot {
    margin-top: 4px;
}
.benefit.lay_conts._event .mission_success .text_green_box + .text_green_box {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #EAEBEA;
}
.benefit.lay_conts._event .mission_success .form_box01 .box_header span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.benefit.lay_conts._event .mission_success .form_box01 .box_header span + p {
    margin-top: 8px;
}
.benefit.lay_conts._event .mission_success .form_box01 .box_header p {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.lay_conts._event .mission_success .form_box01 .box_header + .box_conts {
    margin-top: 24px;
}
.benefit.lay_conts._event .mission_success .text_simple01::before {
    content: "";
    display: block;
    margin: 0 auto 24px;
    width: 120px;
    height: 120px;
    background-image: url("/images/mo/benefit/img_present_120.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
    -moz-background-size: 100%;
    background-size: 100%;
}
.benefit.lay_conts._event .mission_success .text_simple01 > dl {
    padding: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: #F7FAF9;
}
.benefit.lay_conts._event .mission_success .text_simple01 > dl > dt span {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.benefit.lay_conts._event .mission_success .text_simple01 > dl > dt + dd {
    margin-top: 16px;
}
.benefit.lay_conts._event .mission_success .rewards_list > li + li {
    margin-top: 10px;
}
.benefit.lay_conts._event .mission_success .rewards_list .rewards_item {
    position: relative;
    padding: 15px 20px 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #ebf2ef;
}
.benefit.lay_conts._event .mission_success .rewards_list .rewards_item::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #171A19;
}
.benefit.lay_conts._event .mission_success .rewards_list .rewards_item p {
    padding-left: 12px;
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.lay_conts._event .mission_success .rewards_list .rewards_item p > em {
    font-size: inherit;
    font-weight: 700;
    color: #00905C;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: inherit;
    letter-spacing: inherit;
}
.benefit.lay_conts._event + .lay_bot_btns .basic_inner_pd {
    padding: 0px !important;
}
.benefit.greenmileage .ico_list > li + li {
    margin-top: 20px;
}
.benefit.greenmileage .ico_list_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.benefit.greenmileage .ico_list_item > .icon {
    width: 40px;
    height: 40px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.benefit.greenmileage .ico_list_item > .icon > img {
    width: 100%;
}
.benefit.greenmileage .ico_list_item > .con {
    width: 100%;
}
.benefit.greenmileage .ico_list_item > .con > strong {
    display: block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.greenmileage .ico_list_item > .con > strong + p {
    margin-top: 4px;
}
.benefit.greenmileage .ico_list_item > .con > p {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.greenmileage .ico_list_item > .con > p.ty_red {
    color: #EB3912;
}
.benefit.greenmileage .bullet_list_wrap .bullet_list_title strong {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.greenmileage .bullet_list_wrap .bullet_list_title + .bullet_list {
    margin-top: 16px;
}
.benefit.greenmileage .ico_accordion > ul > li {
    border-bottom: 1px solid #EAEBEA;
}
.benefit.greenmileage .ico_accordion > ul > li.on .ico_list_item::after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}
.benefit.greenmileage .ico_accordion .head .ui_accord_toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 89px;
    padding: 0 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.greenmileage .ico_accordion .head + .ui_accord_content {
    padding-left: 64px;
    padding-bottom: 20px;
}
.benefit.greenmileage .ico_accordion .ui_accord_content .text_conts > dt p {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    word-break: keep-all;
}
.benefit.greenmileage .ico_accordion .ui_accord_content .text_conts > dt + dd {
    margin-top: 8px;
}
.benefit.greenmileage .ico_accordion .ui_accord_content .text_conts > dd p {
    padding-right: 5px;
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    word-break: keep-all;
}
.benefit.greenmileage .ico_accordion .ico_list_item {
    position: relative;
    width: 100%;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
}
.benefit.greenmileage .ico_accordion .ico_list_item::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background-image: url("/images/mobilehome2/new/ico_arrow_up_20_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}
.benefit.greenmileage .ico_accordion .ico_list_item > .con > strong {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.benefit.greenmileage .ico_accordion .ico_list_item > .con > p {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.greenmileage.lay_conts > .box_wrap > div:first-child {
    margin-top: 16px;
}
.benefit.greenmileage.lay_conts > .box_wrap > div:last-child.bullet_list_wrap {
    padding-bottom: 80px;
}
.benefit.greenmileage.lay_conts > .box_wrap .icon_list_wrap {
    margin-right: 8px;
    margin-left: 8px;
}
.benefit.greenmileage.lay_conts > .box_wrap .icon_list_wrap + .bullet_list_wrap {
    margin-top: 40px;
}
.benefit.greenmileage.lay_conts > .box_wrap .bullet_list_wrap {
    margin-right: 8px;
    margin-left: 8px;
}
.benefit.greenmileage.lay_conts > .box_wrap .bullet_list_wrap ul.bullet_list.dot.gray > li {
    padding-left: 10px;
    word-break: break-all;
}
.benefit.greenmileage.lay_conts > .box_wrap .bullet_list_wrap ul.bullet_list.dot.gray > li:before {
    top: 8px;
}
.benefit.greenmileage.lay_conts > .box_wrap .bullet_list_wrap + .bullet_list_wrap {
    margin-top: 40px;
}
.benefit.greenmileage.conts._full {
    padding: 0px !important;
}
.benefit.greenmileage.conts._full > .box_wrap {
    background-color: #F7FAF9;
}
.benefit.greenmileage.conts .tab_conts > div .common_usage_history {
    padding-top: 32px;
    padding-right: 16px;
    padding-left: 16px;
}
.benefit.greenmileage.conts .tab_conts > div .common_usage_history .date_term_search .date > span {
    margin-left: 8px;
}
.benefit.greenmileage.conts .tab_conts > div .common_usage_history .usage_list > .no_result {
    margin-top: 80px;
    margin-bottom: 80px;
}
.benefit.greenmileage.conts .tab_conts > div .common_usage_history .usage_list dl dd.info .status {
    position: absolute;
    top: 46px;
    right: 20px;
}
.benefit.greenmileage.conts .tab_conts > div .common_usage_history .usage_list dl dd.info .status > ul li span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
}
.benefit.greenmileage.conts .tab_conts > div .common_usage_history .usage_list dl dd.info .date > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.benefit.greenmileage.conts .tab_conts > div .common_usage_history .usage_list dl dd.info .date > ul li + li {
    position: relative;
    margin-left: 8px;
    padding-left: 9px;
}
.benefit.greenmileage.conts .tab_conts > div .common_usage_history .usage_list dl dd.info .date > ul li + li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 11px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.1;
    background-color: #171A19;
}
.benefit.greenmileage.conts .tab_conts > div .common_usage_history .usage_list dl dd.info .date > ul + ul {
    margin-top: 2px;
}
.benefit.greenmileage.conts .tab_conts > div .common_usage_history .usage_list dl dd.info .btn_wrap > span > em {
    margin-right: 2px;
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit.greenmileage.conts .tab_conts > div .common_usage_history .usage_list dl dd.info .btn_wrap > span > em.c03 {
    color: #EB3912;
}
.benefit.greenmileage.conts .tab_conts > div .common_usage_history .usage_list dl dd.info .btn_wrap > span > small {
    margin-right: 2px;
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.greenmileage.conts .tab_conts > div .common_usage_history .usage_list dl + .btn_wrap {
    margin-top: 40px;
}
.benefit.greenmileage.conts .tab_conts > div .common_usage_history .usage_list .btn_wrap .btn.w100 {
    width: 100px;
}
.benefit.greenmileage.conts > .box_wrap > div:first-child.sec_box {
    padding-top: 32px;
}
.benefit.greenmileage.conts > .box_wrap.type_line > .sec_box + .sec_box {
    position: relative;
    padding-top: 48px;
}
.benefit.greenmileage.conts > .box_wrap.type_line > .sec_box + .sec_box::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 50%;
    width: -webkit-calc(100% + 32px);
    width: -moz-calc(100% + 32px);
    width: calc(100% + 32px);
    height: 8px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #EAEBEA;
}
.benefit.greenmileage.conts .sec_box > .head {
    padding-right: 8px;
    padding-left: 8px;
}
.benefit.greenmileage.conts .sec_box > .head .tit03 + .text01 {
    margin-top: 8px;
}
.benefit.greenmileage.conts .sec_box > .head .text01 {
    padding-bottom: 8px;
    display: block;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4666666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
    font-family: "Happiness-Sans" !important;
}
.benefit.greenmileage.conts .sec_box > .head + .content {
    margin-top: 16px;
}
.benefit.greenmileage.conts .sec_box > .content > .img_box {
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-image: -webkit-gradient(linear, left top, right top, from(#EBF2EF), color-stop(50%, rgba(235, 242, 239, 0)), to(#EBF2EF));
    background-image: -webkit-linear-gradient(left, #EBF2EF 0%, rgba(235, 242, 239, 0) 50%, #EBF2EF 100%);
    background-image: -moz-linear-gradient(left, #EBF2EF 0%, rgba(235, 242, 239, 0) 50%, #EBF2EF 100%);
    background-image: linear-gradient(to right, #EBF2EF 0%, rgba(235, 242, 239, 0) 50%, #EBF2EF 100%);
    background-color: #EBF2EF;
}
.benefit.greenmileage.conts .sec_box > .content > .img_text_box > .img {
    overflow: hidden;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}
.benefit.greenmileage.conts .sec_box > .content > .img_text_box > .img + .text {
    margin-top: 16px;
}
.benefit.greenmileage.conts .sec_box > .content > .img_text_box > .text {
    padding-left: 8px;
    padding-right: 8px;
}
.benefit.greenmileage.conts .sec_box > .content > .img_text_box > .text > strong {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.benefit.greenmileage.conts .sec_box > .content > .img_text_box > .text > strong + p {
    margin-top: 4px;
}
.benefit.greenmileage.conts .sec_box > .content > .img_text_box > .text > p {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.greenmileage.conts .sec_box > .content .table_wrap th .member {
    display: none;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit.greenmileage.conts .sec_box > .content .table_wrap td .member {
    display: none;
}
.benefit.greenmileage.conts .sec_box > .content .table_wrap._member th .member,
.benefit.greenmileage.conts .sec_box > .content .table_wrap._member td .member {
    display: inline;
}
.benefit.greenmileage.conts .sec_box + .sec_box {
    margin-top: 40px;
}
.benefit.greenmileage.conts .top_box._visual {
    position: relative;
}
.benefit.greenmileage.conts .top_box._visual > .images {
    position: relative;
}
.benefit.greenmileage.conts .top_box._visual > .cont_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.benefit.greenmileage.conts .top_box._visual > .cont_wrap .cont {
    position: relative;
    width: 100%;
    height: 100%;
}
.benefit.greenmileage.conts .top_box._visual > .cont_wrap .top {
    min-height: 110px;
    padding-top: 11.112%;
    padding-left: 24px;
    margin-bottom: 13.33%;
}
.benefit.greenmileage.conts .top_box._visual > .cont_wrap .top > strong {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4166666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -1px;
    font-family: "Happiness-Sans" !important;
}
.benefit.greenmileage.conts .top_box._visual > .cont_wrap .top > strong + p {
    margin-top: 8px;
}
.benefit.greenmileage.conts .top_box._visual > .cont_wrap .top > p {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.greenmileage.conts .top_box._visual > .cont_wrap .bottom .point_box {
    max-width: 270px;
    margin: 0 auto;
}
.benefit.greenmileage.conts .top_box._visual > .cont_wrap .bottom .point_box + .btn_wrap {
    margin-top: 16px;
}
.benefit.greenmileage.conts .top_box._visual > .cont_wrap .bottom .point_box .point_btn_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7px 20px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    background-color: #FFFFFF;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.benefit.greenmileage.conts .top_box._visual > .cont_wrap .bottom .point_box .point_btn_item .flag_wrap {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.benefit.greenmileage.conts .top_box._visual > .cont_wrap .bottom .point_box .point_btn_item .flag_wrap > span {
    font-weight: 700;
}
.benefit.greenmileage.conts .top_box._visual > .cont_wrap .bottom .point_box .point_btn_item .point_num_wrap {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 3px;
    -moz-column-gap: 3px;
    column-gap: 3px;
    text-align: right;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.benefit.greenmileage.conts .top_box._visual > .cont_wrap .bottom .point_box .point_btn_item .point_num_wrap strong {
    width: auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.benefit.greenmileage.conts .top_box._visual > .cont_wrap .bottom .point_box .point_btn_item .point_num_wrap .point_num {
    width: 100%;
    -webkit-flex-shrink: initial;
    -ms-flex-negative: initial;
    flex-shrink: initial;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4166666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -1px;
}
.benefit.greenmileage.conts .top_box._visual > .cont_wrap .bottom > .btn_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.benefit.greenmileage.conts .top_box._visual > .cont_wrap .bottom > .btn_wrap .btn {
    margin: 0px;
}
.benefit.greenmileage.conts .top_box._visual > .cont_wrap .bottom > .btn_wrap .btn.w200 {
    width: 200px;
}
.benefit.greenmileage.conts .top_box._visual > .cont_wrap .bottom > .btn_wrap .btn.w160 {
    width: 160px;
}
.benefit.greenmileage.conts .top_box + .cont_box {
    margin-top: 56px;
}
.benefit.greenmileage.conts .cont_box {
    padding-right: 16px;
    padding-left: 16px;
}
.benefit.greenmileage.conts .cont_box > .top_area {
    margin-right: 8px;
    margin-left: 8px;
}
.benefit.greenmileage.conts .cont_box > .top_area .tit04 + .sub_title {
    margin-top: 4px;
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.greenmileage.conts .cont_box > .top_area + .cont_area {
    margin-top: 16px;
}
.benefit.greenmileage.conts .cont_box > .cont_area._shadow {
    padding: 20px 20px 21px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
}
.benefit.greenmileage.conts .cont_box > .cont_area + .footer_area {
    margin-top: 16px;
}
.benefit.greenmileage.conts .cont_box > .footer_area {
    margin-right: 8px;
    margin-left: 8px;
}
.benefit.greenmileage.conts .cont_box > .footer_area > .btn_wrap {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.benefit.greenmileage.conts .cont_box > .footer_area._right {
    text-align: right;
}
.benefit.greenmileage.conts .cont_box > .footer_area .text_box .top_area .tooltip_text {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.greenmileage.conts .cont_box > .footer_area .text_box .top_area .tooltip_wrap .bubble_wrap {
    right: -152px;
}
.benefit.greenmileage.conts .cont_box > .footer_area .text_box .top_area .tooltip_wrap .bubble_wrap::before {
    right: 152px;
}
.benefit.greenmileage.conts .cont_box > .footer_area .text_box .top_area + .bullet_list_area {
    margin-top: 24px;
}
.benefit.greenmileage.conts .cont_box > .footer_area .text_box .top_area + .bullet_list_area ul.bullet_list.dot.gray > li {
    padding-right: 20px;
}
.benefit.greenmileage.conts .cont_box + .cont_box {
    margin-top: 40px;
}
.benefit.greenmileage.conts .cont_box .text_box > dt > strong {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.benefit.greenmileage.conts .cont_box .text_box > dt > strong span.c03 {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.benefit.greenmileage.conts .cont_box .text_box > dt > strong + p {
    margin-top: 4px;
}
.benefit.greenmileage.conts .cont_box .text_box > dt p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.greenmileage.conts .cont_box .text_box > dt + dd {
    margin-top: 12px;
}
.benefit.greenmileage.conts .cont_box .ico_box_wrap {
    padding-right: 4px;
    padding-left: 4px;
}
.benefit.greenmileage.conts .cont_box .ico_box_wrap > .top > p {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.greenmileage.conts .cont_box .ico_box_wrap > .top + .ico_box {
    margin-top: 24px;
}
.benefit.greenmileage.conts .cont_box .ico_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 24px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.benefit.greenmileage.conts .cont_box .ico_box > li {
    width: 84px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.benefit.greenmileage.conts .cont_box .ico_box > li:nth-child(3n-1) {
    width: -webkit-calc(100% - 168px);
    width: -moz-calc(100% - 168px);
    width: calc(100% - 168px);
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}
.benefit.greenmileage.conts .cont_box .ico_box_item {
    height: 100%;
}
.benefit.greenmileage.conts .cont_box .ico_box_item > .icon {
    width: 64px;
    height: 64px;
    padding: 12px;
    margin: 0 auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.greenmileage.conts .cont_box .ico_box_item > .icon::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.greenmileage.conts .cont_box .ico_box_item > .icon.recycle_clothese::before {
    background-image: url("/images/mobilehome2/new/ico_3d_recycle_clothes_40.png");
}
.benefit.greenmileage.conts .cont_box .ico_box_item > .icon.cafeh::before {
    background-image: url("/images/mobilehome2/new/ico_3d_cafeh_40_02.png");
}
.benefit.greenmileage.conts .cont_box .ico_box_item > .icon.shopping_basket::before {
    background-image: url("/images/mobilehome2/new/ico_3d_shopping_basket_40.png");
}
.benefit.greenmileage.conts .cont_box .ico_box_item > .icon.receipt::before {
    background-image: url("/images/mobilehome2/new/ico_3d_receipt_40.png");
}
.benefit.greenmileage.conts .cont_box .ico_box_item > .icon.mobilecard::before {
    background-image: url("/images/mobilehome2/new/ico_3d_mobilecard_40.png");
}
.benefit.greenmileage.conts .cont_box .ico_box_item > .icon.comingsoon::before {
    background-image: url("/images/mobilehome2/new/ico_3d_comingsoon_40.png");
}
.benefit.greenmileage.conts .cont_box .ico_box_item > .icon.event::before {
    content: none;
}
.benefit.greenmileage.conts .cont_box .ico_box_item > .icon + .text {
    margin-top: 8px;
}
.benefit.greenmileage.conts .cont_box .ico_box_item > .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.benefit.greenmileage.conts .cont_box .ico_box_item > .text > p {
    max-width: 86px;
    display: block;
    font-size: 0.75rem;
    font-weight: 500;
    color: #434545;
    line-height: 1.4166666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
    word-break: keep-all;
}
.benefit.greenmileage.conts .cont_box .ico_box_item > .text > strong {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
}
.benefit.greenmileage.conts .cont_box .ico_box_item > .text + .text {
    display: block;
    height: auto;
    margin-top: 4px;
}
.benefit.greenmileage.conts .cont_box .ico_box_item.on > .icon {
    background-image: url("/images/mobilehome2/new/img_stamp_green_64.png");
}
.benefit.greenmileage.conts .cont_box .ico_box_item.off > .icon {
    background-image: url("/images/mobilehome2/new/img_stamp_green_off_64.png");
}
.benefit.greenmileage.conts .cont_box .ico_box_item.off > .icon > img {
    opacity: 0.4;
}
.benefit.greenmileage.conts .cont_box .ico_box_item.off > .text > p {
    color: #9B9E9C;
}
.benefit.greenmileage.conts .cont_box .ico_box_item.off > .text > strong {
    color: #D4D6D4;
}
.benefit.greenmileage.conts .cont_box + .cont_box {
    margin-top: 40px;
}
.benefit.greenmileage.conts .cont_box.point_gauge {
    padding: 0 !important;
}
.benefit.greenmileage.conts .cont_box.point_gauge .top_area .tit04 {
    text-align: center;
}
.benefit.greenmileage.conts .cont_box.point_gauge .top_area .tit04 + .text {
    margin-top: 8px;
}
.benefit.greenmileage.conts .cont_box.point_gauge .top_area .text {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
}
.benefit.greenmileage.conts .cont_box.point_gauge .top_area .text span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.greenmileage.conts .cont_box.point_gauge .top_area + .cont_area {
    margin-top: 0px;
}
.benefit.greenmileage.conts .cont_box.point_gauge .top_area + .cont_area > .green_point {
    padding-top: 25px;
}
.benefit.greenmileage.conts .cont_box.point_gauge .footer_area {
    margin: 24px 24px 0;
}
.benefit.greenmileage.conts .cont_box.point_gauge .footer_area .tooltip_text {
    padding-right: 4px;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.greenmileage.conts .cont_box.point_gauge .footer_area .tooltip_text + .tooltip_wrap .bubble_wrap.tr {
    right: -143px;
}
.benefit.greenmileage.conts .cont_box.point_gauge .footer_area .tooltip_text + .tooltip_wrap .bubble_wrap.tr::before {
    right: 143px;
}
.benefit.greenmileage.conts .cont_box + .btm_notice_line {
    margin-top: 48px;
}
.benefit.greenmileage.conts .cont_box + .btm_notice_line::before {
    content: none;
}
.benefit.greenmileage.conts .cont_box + .btm_notice_line .ui_accordion {
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 0px;
}
.benefit.greenmileage.conts .cont_box + .btm_notice_line .ui_accord_content {
    padding-bottom: 80px !important;
}
.benefit.greenmileage.conts .btm_notice_line .ui_accordion {
    background-color: #FFFFFF;
}
.benefit.greenmileage.conts .visual_tree_box {
    padding-top: 4px;
    padding-bottom: 12px;
}
.benefit.greenmileage.conts .visual_tree_box > .top {
    text-align: center;
}
.benefit.greenmileage.conts .visual_tree_box > .top::before {
    content: "";
    display: block;
    margin: 0 auto 16px;
    width: 56px;
    height: 56px;
    background-image: url("/images/mo/benefit/icon_mileage_32_02.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.greenmileage.conts .visual_tree_box > .top.v2::before {
    width: 56px;
    height: 56px;
    background-image: url("/images/mo/benefit/icon_mileage_32_02_v2.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.greenmileage.conts .visual_tree_box > .top + .image {
    margin-top: 8px;
}
.benefit.greenmileage.conts .visual_tree_box .image {
    width: 220px;
    height: 220px;
    margin: 0 auto;
}
.benefit.greenmileage.conts .visual_tree_box .image + div {
    margin-top: 20px;
}
.benefit.greenmileage.conts .visual_tree_box .text_box_wrap .text_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.benefit.greenmileage.conts .visual_tree_box .text_box_wrap .text_box .tooltip_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.benefit.greenmileage.conts .visual_tree_box .text_box_wrap .text_box .tooltip_area .tooltip_wrap .bubble_wrap.tr {
    right: -67px;
}
.benefit.greenmileage.conts .visual_tree_box .text_box_wrap .text_box .tooltip_area .tooltip_wrap .bubble_wrap.tr:before {
    right: 67px;
}
.benefit.greenmileage.conts .visual_tree_box .text_box_wrap .text_box p {
    display: inline-block;
    position: relative;
    padding-bottom: 2px;
    margin-bottom: -2px;
}
.benefit.greenmileage.conts .visual_tree_box .text_box_wrap .text_box p::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0px;
    border-bottom: 2px solid #00b775;
}
.benefit.greenmileage.conts .visual_tree_box .text_box_wrap .text_box p strong {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4166666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -1px;
    letter-spacing: -1px !important;
    font-family: "Happiness-Sans" !important;
}
.benefit.greenmileage.conts .visual_tree_box .text_box_wrap .text_box p strong + strong {
    margin-left: 4px;
}
.benefit.greenmileage.conts .visual_tree_box .text_box_wrap .text_box i.roundtree {
    display: none;
    width: 40px;
    height: 40px;
    background-image: url("/images/mo/benefit/ico_3D_roundtree_40.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.greenmileage.conts .visual_tree_box .text_box_wrap .text_box i.pointedtree {
    display: none;
    width: 40px;
    height: 40px;
    background-image: url("/images/mo/benefit/ico_3D_pointedtree_40.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.greenmileage.conts .visual_tree_box .text_box_wrap .text_box + .text {
    margin-top: 8px;
}
.benefit.greenmileage.conts .visual_tree_box .text_box_wrap .text {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
}
.benefit.greenmileage.conts .visual_tree_box .text_box_wrap .text strong {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.greenmileage.conts .visual_tree_box .text_box_wrap + .text_box_wrap {
    margin-top: 20px;
}
.benefit.greenmileage.conts .green_point {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow-x: scroll;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.benefit.greenmileage.conts .green_point::-webkit-scrollbar {
    display: none;
}
.benefit.greenmileage.conts .green_point > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.greenmileage.conts .green_point > ul > li {
    position: relative;
    width: 92px;
    padding-top: 146px;
    padding-bottom: 39px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.greenmileage.conts .green_point > ul > li .green_point_item {
    position: relative;
    width: 100%;
    height: 4px;
}
.benefit.greenmileage.conts .green_point > ul > li .green_point_item::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    border: solid 2px #D4D6D4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #FFFFFF;
    z-index: 1;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.greenmileage.conts .green_point > ul > li .green_point_item .ballon_wrap {
    position: absolute;
    right: 0%;
    bottom: 18px;
    width: 80px;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    z-index: 5;
}
.benefit.greenmileage.conts .green_point > ul > li .green_point_item .ballon {
    margin-bottom: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #EBF2EF;
    z-index: 5;
}
.benefit.greenmileage.conts .green_point > ul > li .green_point_item .ballon > .img {
    margin: 0 auto 4px;
    width: 32px;
    height: 32px;
    background-image: url("/images/mobilehome2/new/icon_mileage_32.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit.greenmileage.conts .green_point > ul > li .green_point_item .ballon > .text_area span {
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #9B9E9C;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
    text-align: center;
}
.benefit.greenmileage.conts .green_point > ul > li .green_point_item .ballon > .text_area .text {
    display: none;
}
.benefit.greenmileage.conts .green_point > ul > li .green_point_item > .bar {
    width: 100%;
    height: 4px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #D4D6D4;
}
.benefit.greenmileage.conts .green_point > ul > li .green_point_item > .bar .bar_inner {
    width: 0;
    height: inherit;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #00b775;
}
.benefit.greenmileage.conts .green_point > ul > li .green_point_item > .text {
    position: absolute;
    right: 0;
    top: 18px;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}
.benefit.greenmileage.conts .green_point > ul > li .green_point_item > .text > span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit.greenmileage.conts .green_point > ul > li .green_point_item::after {
    content: "";
    display: block;
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background-image: url("/images/mobilehome2/new/ico_checkbox_selected_24.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
    background-color: #171A19;
    z-index: 2;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    visibility: hidden;
}
.benefit.greenmileage.conts .green_point > ul > li:first-child {
    width: 8px;
    padding-left: 32px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.benefit.greenmileage.conts .green_point > ul > li:first-child .green_point_item::before {
    content: none;
}
.benefit.greenmileage.conts .green_point > ul > li:first-child .green_point_item .bar {
    display: none;
}
.benefit.greenmileage.conts .green_point > ul > li:nth-of-type(2) {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit.greenmileage.conts .green_point > ul > li.bar_000 .green_point_item .bar_inner {
    width: 0%;
}
.benefit.greenmileage.conts .green_point > ul > li.bar_050 .green_point_item .bar_inner {
    width: 50%;
}
.benefit.greenmileage.conts .green_point > ul > li.bar_100 .green_point_item .bar_inner {
    width: 100%;
}
.benefit.greenmileage.conts .green_point > ul > li.bar_100 .green_point_item::before {
    border-color: #00b775;
}
.benefit.greenmileage.conts .green_point > ul > li.end .green_point_item .ballon {
    background-color: #FFFFFF;
}
.benefit.greenmileage.conts .green_point > ul > li.end .green_point_item .ballon > .img {
    width: 32px;
    height: 32px;
    margin-bottom: 4px;
    background-image: url("/images/mobilehome2/new/ico_3d_success_gray_40.png");
}
.benefit.greenmileage.conts .green_point > ul > li.end .green_point_item .ballon > .img.v2 {
    background-image: url("/images/mobilehome2/new/ico_3d_success_gray_40_v2.png");
}
.benefit.greenmileage.conts .green_point > ul > li.end .green_point_item .ballon > .text_area span {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.benefit.greenmileage.conts .green_point > ul > li.end .green_point_item .ballon > .text_area .text {
    display: none;
}
.benefit.greenmileage.conts .green_point > ul > li.on .green_point_item .ballon_wrap {
    -webkit-animation-name: ballon-anim;
    -moz-animation-name: ballon-anim;
    animation-name: ballon-anim;
    -webkit-animation-duration: 0.9s;
    -moz-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.benefit.greenmileage.conts .green_point > ul > li.on .green_point_item .ballon {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #00b775;
}
.benefit.greenmileage.conts .green_point > ul > li.on .green_point_item .ballon::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 0px;
    height: 0px;
    border-top: 7px solid #00b775;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    -webkit-transform: translate(-50%, 100%);
    -moz-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
}
.benefit.greenmileage.conts .green_point > ul > li.on .green_point_item .ballon > .img {
    width: 40px;
    height: 40px;
    margin-bottom: 4px;
    background-image: url("/images/mobilehome2/new/ico_3d_point_41.png");
}
.benefit.greenmileage.conts .green_point > ul > li.on .green_point_item .ballon > .img.v2 {
    background-image: url("/images/mobilehome2/new/ico_3d_point_41_v2.png");
}
.benefit.greenmileage.conts .green_point > ul > li.on .green_point_item .ballon > .text_area span {
    color: #FFFFFF;
}
.benefit.greenmileage.conts .green_point > ul > li.on .green_point_item .ballon > .text_area span.text {
    display: block;
}
.benefit.greenmileage.conts .green_point > ul > li.on .green_point_item::after {
    visibility: initial;
}
.benefit.greenmileage.conts .green_point > ul > li.on_end .green_point_item::after {
    visibility: initial;
}
.benefit.greenmileage.conts .green_point > ul > li.off .green_point_item .ballon > .img {
    background-image: url("/images/mobilehome2/new/icon_point_32.png");
}
.benefit.greenmileage.conts .green_point > ul > li.off .green_point_item .ballon .text_area span {
    opacity: 0.2;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
}
.benefit.greenmileage.conts .green_point > ul > li.off .green_point_item .ballon .text_area .text {
    display: none !important;
}
.benefit.greenmileage.conts .green_point > ul > li:first-of-type .ballon_wrap {
    display: none;
}
.benefit.greenmileage.conts .green_point > ul::after {
    content: "";
    display: block;
    position: relative;
    width: 50%;
    height: 4px;
    background-color: transparent;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@-webkit-keyframes point-anim {
    50% {
        -webkit-transform: translate(50%, -8px);
        transform: translate(50%, -8px);
    }
}

@-moz-keyframes point-anim {
    50% {
        -moz-transform: translate(50%, -8px);
        transform: translate(50%, -8px);
    }
}

@keyframes point-anim {
    50% {
        -webkit-transform: translate(50%, -8px);
        -moz-transform: translate(50%, -8px);
        transform: translate(50%, -8px);
    }
}
@-webkit-keyframes ballon-anim {
    50% {
        -webkit-transform: translate(50%, -8px);
        transform: translate(50%, -8px);
    }
}
@-moz-keyframes ballon-anim {
    50% {
        -moz-transform: translate(50%, -8px);
        transform: translate(50%, -8px);
    }
}
@keyframes ballon-anim {
    50% {
        -webkit-transform: translate(50%, -8px);
        -moz-transform: translate(50%, -8px);
        transform: translate(50%, -8px);
    }
}
@-webkit-keyframes bounce-anim {
    50% {
        -webkit-transform: translate(0, -11px);
        transform: translate(0, -11px);
    }
}
@-moz-keyframes bounce-anim {
    50% {
        -moz-transform: translate(0, -11px);
        transform: translate(0, -11px);
    }
}
@keyframes bounce-anim {
    50% {
        -webkit-transform: translate(0, -11px);
        -moz-transform: translate(0, -11px);
        transform: translate(0, -11px);
    }
}
@-webkit-keyframes zoom-anim {
    50% {
        -webkit-transform: scale(1.1111);
        transform: scale(1.1111);
    }
}
@-moz-keyframes zoom-anim {
    50% {
        -moz-transform: scale(1.1111);
        transform: scale(1.1111);
    }
}
@keyframes zoom-anim {
    50% {
        -webkit-transform: scale(1.1111);
        -moz-transform: scale(1.1111);
        transform: scale(1.1111);
    }
}
.benefit02 {
    padding-bottom: 20px;
}
.benefit02 .text_arrow {
    margin: 16px 0 0 8px;
}
.benefit02 .text_arrow h3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.42;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .text_arrow h3 i {
    position: relative;
    top: 5px;
    margin: 0 0 0 6px;
    display: inline-block;
    width: 20px;
    height: 20px;
    width: 20px;
    height: 20px;
    background-image: url("/images/mobilehome2/new/ico_dropdown_20_black.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit02 .sort_list {
    margin-top: 24px;
}
.benefit02 .sort_list p {
    padding-left: 22px;
    position: relative;
    padding: 16px 20px 16px 52px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: #ebf2ef;
}
.benefit02 .sort_list p a {
    position: relative;
    top: 1px;
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .sort_list p:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 16px;
    bottom: auto;
    right: auto;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("/images/mobilehome2/card/new/ico_gift_24_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit02 .sort_list .sel_wrap {
    margin: 32px 8px 0 0;
}
.benefit02 .sort_list .sel_wrap select {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    border: none;
}
.benefit02 .sort_list .sel_wrap span.ui-select-text {
    text-align: right;
}
.benefit02 .con_no_card_event {
    position: relative;
    margin-top: 80px;
    padding-top: 96px;
    text-align: center;
    letter-spacing: -0.25px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .con_no_card_event:before {
    content: "";
    position: absolute;
    top: 0px;
    left: -webkit-calc(50% - 40px);
    left: -moz-calc(50% - 40px);
    left: calc(50% - 40px);
    bottom: auto;
    right: auto;
    display: block;
    width: 80px;
    height: 80px;
    background-image: url("/images/mo/benefit02/bg_no_card_80_event.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit02 .con_no_card_event.v2:before {
    content: "";
    position: absolute;
    top: 0px;
    left: -webkit-calc(50% - 40px);
    left: -moz-calc(50% - 40px);
    left: calc(50% - 40px);
    bottom: auto;
    right: auto;
    width: 80px;
    height: 80px;
    background-image: url("/images/mo/benefit02/bg_no_card_80_event_v2.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit02 .con_no_card_event.con_no_card_event02 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
    letter-spacing: -1px;
}
.benefit02 .con_no_card_event.con_no_card_event02:before {
    background-image: url("/images/mo/benefit02/bg_baucher_80_event.png");
}
.benefit02 .list_shop_tabs li {
    position: relative;
    margin-top: 16px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.benefit02 .list_shop_tabs li p {
    position: relative;
}
.benefit02 .list_shop_tabs li p .slide_info_text_br {
    display: block;
    padding: 20px 0 0 20px;
}
.benefit02 .list_shop_tabs li p .slide_info_text_br em + em {
    margin-left: 2px;
}
.benefit02 .list_shop_tabs li dl {
    padding: 12px 20px 24px 20px;
}
.benefit02 .list_shop_tabs li dl dt {
    margin-bottom: 4px;
    letter-spacing: -0.25px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: auto;
    max-height: 48px;
}
.benefit02 .list_shop_tabs li dl dd {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_shop_tabs li dl dd em {
    font-size: 0.875rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    margin-left: 12px;
}
.benefit02 .list_shop_tabs li dl dd em.slide_tit_text_red {
    color: #eb3912;
}
.benefit02 .list_shop_tabs li .ico_heart_20_green_gray {
    position: absolute;
    right: 52px;
    bottom: 24px;
    overflow: hidden;
    line-height: 10;
    width: 20px;
    height: 20px;
    background-image: url("/images/mo/shopping/ico_heart_20_green_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit02 .list_shop_tabs li .ico_heart_20_green_gray.on {
    width: 20px;
    height: 20px;
    background-image: url("/images/mo/shopping/ico_heart_20_green_gray_on.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit02 .list_shop_tabs li .ico_share_20_green_gray {
    position: absolute;
    right: 20px;
    bottom: 24px;
    overflow: hidden;
    line-height: 10;
    width: 20px;
    height: 20px;
    background-image: url("/images/mo/shopping/ico_share_20_green_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit02 .image_item_list_gh01 {
    padding-top: 14px;
}
.benefit02 .image_item_list_gh01 .image_item + .image_item {
    margin-top: 24px;
}
.benefit02 .image_item_list_gh01 .image_item_info > .text.inline > span.slide_tit_text_red {
    color: #EB3912;
}
.benefit02 .btn_shop_tabs_more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
}
.benefit02 .btn_shop_tabs_more button {
    padding: 7px 20px 6px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: solid 1.4px #171A19;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .tit_trend_view_img {
    padding: 24px 8px 0 8px;
}
.benefit02 .tit_trend_view_img:first-child {
    padding-top: 16px;
}
.benefit02 .tit_trend_view_img span {
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
}
.benefit02 .tit_trend_view_img em {
    display: block;
    margin-top: 16px;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit02 .tit_trend_view_img.mt30 {
    margin-top: 30px;
}
.benefit02 .tit_trend_view_img.tit_trend_view_img_tit_first_top {
    padding-top: 0px;
}
.benefit02 .tit_trend_view_img dfn {
    margin-top: 8px;
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    font-style: normal;
}
.benefit02 .tit_trend_view_img dfn + dfn {
    margin-top: 4px;
}
.benefit02 .tit_trend_view_img dfn > strong {
    padding-right: 3px;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit02 .tit_trend_view_img.tit_trend_view_img_0612 {
    padding-top: 16px;
}
.benefit02 .txt_card_benefit_date0612 {
    padding: 8px 0 0 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .full_width {
    margin-left: -16px;
    margin-right: -16px;
}
.benefit02 .con_view_products {
    position: relative;
    margin-top: 24px;
}
.benefit02 .con_view_products.end::after {
    content: "다음 시즌을 준비중이에요";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.25rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 11.4;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -1px;
}
.benefit02 .wrap_dldt_benefit0612 {
    margin: 24px 0 0 -16px;
    width: 100%;
    padding: 0 16px 40px 16px;
    background-color: #EBF2EF;
}
.benefit02 .wrap_dldt_benefit0612 dt:first-child {
    padding-top: 24px;
}
.benefit02 .tit_benefit_20 {
    margin: 0 0 0 8px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .tit_benefit_20.mt40 {
    margin-top: 0;
}
.benefit02 .tit_benefit_20.tit_benefit_20_0616 {
    margin-top: 32px;
}
.benefit02 .wrap_dldt_benefit0612 + .btm_notice_line {
    margin-top: 0;
}
.benefit02 .list_reciept + .tit_benefit_20 {
    margin-top: 48px;
}
.benefit02 .list_reciept {
    padding-top: 8px;
}
.benefit02 .list_reciept li {
    position: relative;
    margin-top: 16px;
    padding: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    border: solid 1.4px #EAEBEA;
}
.benefit02 .list_reciept li h5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
}
.benefit02 .list_reciept li h5 em {
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_reciept li span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_reciept li span dfn {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-style: normal;
}
.benefit02 .list_reciept li span + span {
    margin-top: 9px;
}
.benefit02 .list_reciept li span.list_reciept0612 {
    font-size: 0.937rem;
    font-weight: 700;
    color: #00905C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_reciept li span.list_reciept0612 dfn {
    font-size: 0.875rem;
    font-weight: 700;
    color: #00905C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_reciept li i {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 16px;
}
.benefit02 .list_reciept li i dfn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_reciept li i em {
    font-size: 0.75rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_reciept li i em + em {
    margin-left: 10px;
    padding-left: 9px;
    position: relative;
}
.benefit02 .list_reciept li i em + em:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0px;
    bottom: auto;
    right: auto;
    display: block;
    width: 1px;
    height: 10px;
    opacity: 0.1;
    background-color: #000;
}
.benefit02 .list_reciept li button {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    text-decoration: underline;
}
.benefit02 .dldt_benefit {
    margin-left: 8px;
}
.benefit02 .dldt_benefit dt {
    margin-top: 24px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .dldt_benefit dt.dldt_benefit0612 {
    margin-top: 32px;
}
.benefit02 .dldt_benefit dd {
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .dldt_benefit dd li {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    margin-top: 4px;
}
.benefit02 .dldt_benefit dd.mt16 {
    margin-top: 16px;
}
.benefit02 .bullet_list.dot.dot2 li {
    padding-left: 10px;
    line-height: 1.5;
}
.benefit02 .bullet_list.dot.dot2 li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0px;
    bottom: auto;
    right: auto;
    width: 4px;
    height: 4px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #171A19;
}
.benefit02 .btm_notice_line {
    margin-top: 48px;
}
.benefit02 .btm_notice_line .head div {
    font-size: 0.937rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .btm_notice_line.mt40 {
    margin-top: 40px;
}
.benefit02 .btm_notice_line .bullet_list {
    padding-top: 8px;
}
.benefit02 .btm_notice_line .bullet_list li {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .btm_notice_line .bullet_list + .ui_accordion_agreement {
    margin-top: 24px;
}
.benefit02 .ui_accordion_agreement {
    margin-top: 0;
    border: solid 1px #EAEBEA;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.benefit02 .ui_accordion_agreement .head .chk_wrap {
    margin-left: 16px;
}
.benefit02 .ui_accordion_agreement .head label span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .ui_accordion_agreement .head .ui_accord_toggle {
    margin-right: 16px;
}
.benefit02 .ui_accordion_agreement .head .ui_accord_toggle.ui_accord_toggle_card_baucher {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.benefit02 .ui_accordion_agreement .ui_accord_content {
    padding: 4px 0 20px 0;
    border-bottom: none !important;
    position: relative;
    background-color: #F7FAF9 !important;
}
.benefit02 .ui_accordion_agreement .ui_accord_content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    bottom: auto;
    right: auto;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #F7FAF9;
}
.benefit02 .ui_accordion_agreement .ui_accord_content li {
    margin: 0 16px 16px 16px;
    margin-bottom: 0px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .ui_accordion_agreement .ui_accord_content li + li {
    margin-top: 16px;
}
.benefit02 .ui_accordion_agreement .ui_accord_content ul {
    margin: 4px 0;
}
.benefit02 .con_complete_baucher1 {
    padding: 24px 8px 0 8px;
}
.benefit02 .con_complete_baucher1 li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 16px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .con_complete_baucher1 li span {
    font-size: 1.125rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .con_complete_baucher1 li span.txt_baucher_black {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .con_complete_baucher1 li.txt_thinner {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .con_complete_baucher1 li.txt_thinner span {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .con_complete_baucher1 li.txt_thinner.txt_bigger {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .con_complete_baucher1 li.txt_thinner.txt_bigger span {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .con_complete_baucher1.con_complete_baucher3 {
    border-top: 1px solid #EAEBEA;
    margin: 20px 8px 0 8px;
    padding: 0px;
}
.benefit02 .con_complete_baucher1.con_complete_baucher3 li:first-of-type {
    margin-top: 20px;
}
.benefit02 .con_complete_baucher1.con_complete_baucher4 {
    border-bottom: 1px solid #EAEBEA;
    padding: 20px 8px;
}
.benefit02 .con_complete_baucher1.con_complete_baucher4 li:first-of-type {
    margin-top: 20px;
}
.benefit02 .con_complete_baucher1.pt16 {
    padding-top: 16px;
}
.benefit02 .con_complete_baucher1.pt24 {
    padding-top: 24px;
}
.benefit02 .con_complete_baucher2 {
    margin-top: 32px;
    padding: 20px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #ebf2ef;
}
.benefit02 .con_complete_baucher2 h4 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.44;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .con_complete_baucher2 h5 {
    margin-top: 20px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .con_complete_baucher2 li {
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .con_complete_baucher_green {
    padding: 20px;
    margin-top: 24px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: #F7FAF9;
}
.benefit02 .con_complete_baucher_green li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0.875rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .con_complete_baucher_green li + li {
    margin-top: 12px;
}
.benefit02 .con_complete_baucher_green li span {
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .mt40 {
    margin-top: 40px;
}
.benefit02 .mt50 {
    margin-top: 50px;
}
.benefit02 .mt65 {
    margin-top: 65px;
}
.benefit02 .mt65 a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit02 .txt_present_event {
    margin: 32px 8px 0 8px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
    letter-spacing: -1px;
}
.benefit02 .txt_present_event0612 {
    margin: 16px 8px 0 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .txt_present_event0612 span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_event_point {
    padding-top: 8px;
}
.benefit02 .list_event_point li {
    margin-top: 16px;
}
.benefit02 .list_event_point li a {
    display: block;
    padding: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
.benefit02 .list_event_point li a p {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: auto;
    max-height: 48px;
}
.benefit02 .list_event_point li a span {
    display: block;
    margin-top: 4px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_event_point li a span .color01 {
    margin-left: 12px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_event_point li a span .color02 {
    margin-left: 12px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #eb3912;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .btn_wrap.btn_wrap_sm_width {
    margin-top: 40px;
}
.benefit02 .btn_wrap.btn_wrap_sm_width button {
    width: auto;
    padding-left: 32px;
    padding-right: 32px;
}
.benefit02 .btm_notice_line .ui_accordion ul li .ui_accord_content.border_bottom_none {
    border-bottom: none;
}
.benefit02 .btm_notice_line .bullet_list.color_gray li {
    color: #727573;
}
.benefit02 .txt_top_benefit_20 {
    padding: 16px 8px 0 8px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
    letter-spacing: -1px;
}
.benefit02 .txt_top_benefit_20 span {
    font-size: 1.25rem;
    font-weight: 700;
    color: #00905C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
    letter-spacing: -1px;
}
.benefit02 .txt_top_benefit_20.mt32 {
    padding-top: 32px;
}
.benefit02 .txt_top_benefit_20.txt_top_benefit_20_0612 {
    padding-top: 16px;
}
.benefit02 .status_reciept {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #EBF2EF;
    margin-top: 24px;
}
.benefit02 .status_reciept .status_reciept01 p {
    display: inline-block;
    margin-right: 2px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .status_reciept .status_reciept02 {
    font-size: 0.875rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    padding: 3px 12px 4px 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #00905C;
}
.benefit02 .con_no_card_event_p {
    padding-bottom: 70px;
}
.benefit02 .con_no_card_event_p p {
    margin-top: 4px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .tooltip_wrap .bubble_wrap.tr:before {
    right: 133px;
}
.benefit02 .tooltip_wrap .tooltip_no_reciept {
    width: 300px;
    right: -133px;
}
.benefit02 .tooltip_wrap .tooltip_no_reciept h6 {
    font-size: 0.875rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .tooltip_wrap .tooltip_no_reciept .bullet_list {
    margin-top: 5px;
}
.benefit02 .tooltip_wrap .tooltip_no_reciept .bullet_list li {
    margin-top: 1px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .tooltip_wrap .tooltip_no_reciept .bullet_list li:before {
    background-color: #FFFFFF;
}
.benefit02.pb60 {
    padding-bottom: 60px;
}
.benefit02 .btn_fixed_bottom {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.benefit02 .btn_fixed_bottom a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit02 .list_reciept_boxes {
    padding-top: 16px;
}
.benefit02 .list_reciept_boxes li .chk_wrap {
    display: block;
}
.benefit02 .list_reciept_boxes li label {
    display: block;
    position: relative;
    padding: 20px 20px 20px 52px;
    margin-top: 16px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    border: solid 1.4px #EAEBEA;
}
.benefit02 .list_reciept_boxes li label:before {
    left: 20px;
    top: 34px;
}
.benefit02 .list_reciept_boxes li label dt {
    opacity: 0.5;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_reciept_boxes li label dd {
    margin-top: 4px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
}
.benefit02 .list_reciept_boxes li label dd:last-child {
    position: absolute;
    margin-top: 0;
    right: 20px;
    top: 31px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.44;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    width: auto;
}
.benefit02 .list_reciept_boxes li label p {
    margin-top: 12px;
    padding: 9px 12px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #ebf2ef;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.benefit02 .list_reciept_boxes li label p i {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    opacity: 0.5;
    font-style: normal;
}
.benefit02 .list_reciept_boxes li label p span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_reciept_boxes li input:checked + label {
    border-color: #171A19;
}
.benefit02 .list_reciept_boxes li input:checked + label dl dd:last-child {
    top: 46px;
}
.benefit02 .list_reciept_boxes em {
    position: absolute;
    left: -1px;
    top: -1px;
    width: -webkit-calc(100% + 2px);
    width: -moz-calc(100% + 2px);
    width: calc(100% + 2px);
    height: -webkit-calc(100% + 2px);
    height: -moz-calc(100% + 2px);
    height: calc(100% + 2px);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    overflow: hidden;
    text-align: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.benefit02 .list_reciept_boxes em span {
    width: 100%;
    padding: 0 10px;
    font-size: 0.937rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    position: relative;
    word-break: keep-all;
}
.benefit02 .list_reciept_boxes em:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    bottom: auto;
    right: auto;
    display: block;
    background-color: #000;
    display: block;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
}
.benefit02 .btn_wrap .lbtn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.benefit02 .lay_pop.bottom_type.layer_pop_reciept_bt.ui_reciept_pop .lay_wrap .lay_conts {
    padding-top: 0;
}
.benefit02 .lay_pop.bottom_type.layer_pop_reciept_bt.ui_reciept_pop .lay_tit h1 span em {
    font-size: 1.125rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.44;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_reciept_boxes2 {
    margin-top: 32px;
    padding: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
}
.benefit02 .list_reciept_boxes2 li .chk_wrap {
    display: block;
    margin: 0;
}
.benefit02 .list_reciept_boxes2 li .label_as_div {
    display: block;
    position: relative;
}
.benefit02 .list_reciept_boxes2 li .label_as_div:before {
    left: 20px;
    top: 34px;
}
.benefit02 .list_reciept_boxes2 li .label_as_div dt {
    opacity: 0.5;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_reciept_boxes2 li .label_as_div dd {
    margin-top: 4px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
}
.benefit02 .list_reciept_boxes2 li .label_as_div dd:last-child {
    position: absolute;
    right: 0px;
    top: 26px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.44;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
    width: auto;
    margin-top: 0;
}
.benefit02 .list_reciept_boxes2 li .label_as_div p {
    margin-top: 12px;
    padding: 9px 12px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #ebf2ef;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.benefit02 .list_reciept_boxes2 li .label_as_div p i {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    opacity: 0.5;
    font-style: normal;
}
.benefit02 .list_reciept_boxes2 li .label_as_div p span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_reciept_boxes2 li + li {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #EAEBEA;
}
.benefit02 .txt_check_reciept_again {
    padding-top: 32px;
    padding-left: 8px;
    letter-spacing: -1px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .box_green_info {
    margin-top: 24px;
    padding: 20px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #EBF2EF;
}
.benefit02 .box_green_info dt {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .box_green_info dd {
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_no_blit_number {
    padding: 8px 8px 0 8px;
}
.benefit02 .list_no_blit_number.list_no_blit_number2 {
    padding-top: 16px;
}
.benefit02 .list_no_blit_number li {
    position: relative;
    padding: 8px 0 0 17px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_no_blit_number li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0px;
    bottom: auto;
    right: auto;
}
.benefit02 .list_no_blit_number li:nth-child(1):before {
    content: "①";
}
.benefit02 .list_no_blit_number li:nth-child(2):before {
    content: "②";
}
.benefit02 .list_no_blit_number li:nth-child(3):before {
    content: "③";
}
.benefit02 .list_no_blit_number li:nth-child(4):before {
    content: "④";
}
.benefit02 .list_no_blit_number li:nth-child(5):before {
    content: "⑤";
}
.benefit02 .bullet_list.pt8 {
    padding: 8px 8px 0 8px;
}
.benefit02 .bullet_list.pt8 li {
    margin-top: 8px;
    color: #171A19 !important;
}
.benefit02 .bullet_list.pt8.pt16 {
    padding-top: 16px;
}
.benefit02 .bullet_list.pt4 {
    padding-top: 4px;
}
.benefit02 .bullet_list.pt4 li {
    margin-top: 8px;
}
.benefit02 .bullet_list.dot.strong.list_color_gray li {
    color: #727573;
}
.benefit02 .bullet_list.dot.strong.list_color_gray li:before {
    background-color: #727573;
}
.benefit02 p.txt_100desc {
    margin: 24px 8px 0 8px;
}
.benefit02 .txt_big_letsjoin {
    padding: 40px 8px 0 8px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .table_wrap.mt24 {
    margin-top: 24px;
}
.benefit02.lay_conts ._module {
    margin-left: -4px;
    margin-right: -4px;
}
.benefit02.lay_conts ._module2 {
    margin-left: 4px;
    margin-right: 4px;
}
.benefit02.lay_conts .tab_wrap .tab_conts {
    padding-bottom: 60px;
}
.benefit02 .fc_rred {
    color: #EB3912;
}
.benefit02 .tit_nickname {
    margin-top: 32px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Pretendard" !important;
}
.benefit02 .txt_info_particpate {
    position: relative;
    padding: 16px 8px 0 8px;
}
.benefit02 .txt_info_particpate p {
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
    letter-spacing: -1px;
}
.benefit02 .txt_info_particpate p span {
    margin-right: 4px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #00905C;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
    letter-spacing: -1px;
}
.benefit02 .txt_info_particpate p + p {
    margin-top: 8px;
}
.benefit02 .txt_info_particpate em {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    padding-top: 13px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .txt_info_particpate em span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-left: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 0.875rem;
    font-weight: 700;
    color: #EB3912;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .txt_info_particpate em span:before {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    margin-right: 8px;
    background: #9B9E9C;
}
.benefit02 .txt_info_particpate em > strong {
    padding-right: 3px;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
}
.benefit02 .txt_info_particpate em + em {
    margin-top: 4px;
    padding-top: 0px;
}
.benefit02 .txt_info_particpate button {
    position: absolute;
    right: 0px;
    bottom: 61px;
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    text-decoration: underline;
}
.benefit02 .list_question_jelly {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    margin-top: 24px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    background-color: #f7f7f7;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.benefit02 .list_question_jelly div {
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}
.benefit02 .tit_today_jelly {
    padding: 40px 8px 0 8px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .tit_today_jelly.pt56 {
    padding-top: 56px;
}
.benefit02 .tit_today_jelly.pt48 {
    padding-top: 48px;
}
.benefit02 .jelly_points {
    position: relative;
    margin-top: 16px;
}
.benefit02 .jelly_points dt {
    font-size: 0.937rem;
    font-weight: 500;
    color: #727573;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    padding-left: 8px;
}
.benefit02 .jelly_points dt span {
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .jelly_points dd {
    position: absolute;
    right: 0;
    top: -44px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.42;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.benefit02 .jelly_points dd span {
    font-size: 1.25rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.42;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.benefit02 .jelly_interection {
    position: relative;
    height: 350px;
    margin-top: 30px;
}
.benefit02 .jelly_interection:before {
    content: "";
    position: absolute;
    top: 225px;
    left: 0px;
    bottom: auto;
    right: auto;
    display: block;
    margin: 0 -16px;
    width: -webkit-calc(100% + 32px);
    width: -moz-calc(100% + 32px);
    width: calc(100% + 32px);
    height: 220px;
    background-color: #00905C;
    opacity: 0.12;
}
.benefit02 .jelly_interection img {
    position: absolute;
    width: 228px;
    left: -webkit-calc(50% + 4px);
    left: -moz-calc(50% + 4px);
    left: calc(50% + 4px);
    top: 40px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
    opacity: 0;
}
.benefit02 .jelly_interection img.on {
    opacity: 1;
}
.benefit02 .jelly_interection img.back_jelly {
    width: 192px;
    z-index: 1;
    opacity: 1;
    top: 41px;
}
.benefit02 .jelly_interection img.drop_jelly {
    width: 48px;
    top: 0;
    z-index: 2;
    display: none;
}
.benefit02 .box_jelly_points {
    position: relative;
    z-index: 1;
    margin-top: 24px;
    padding: 24px 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    text-align: center;
}
.benefit02 .box_jelly_points .btn_wrap + .btn_wrap {
    margin-top: 20px;
}
.benefit02 .con_property_jelly {
    margin-top: 24px;
    padding: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
.benefit02 .con_property_jelly dt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #EAEBEA;
    font-size: 1rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
}
.benefit02 .con_property_jelly dt span {
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
    letter-spacing: -1px;
}
.benefit02 .con_property_jelly dt span em {
    font-size: 1.25rem;
    font-weight: 700;
    color: #00905C;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
    letter-spacing: -1px;
    margin-left: 16px;
}
.benefit02 .con_property_jelly dd p {
    width: -webkit-calc(100% + 4px);
    width: -moz-calc(100% + 4px);
    width: calc(100% + 4px);
    margin: 0 -4px 0 -4px;
}
.benefit02 .con_property_jelly dd p span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.benefit02 .con_property_jelly dd p span dfn {
    font-size: 1rem;
    font-weight: 500;
    color: #171A19;
    line-height: 2;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-style: normal;
}
.benefit02 .con_property_jelly dd p span dfn:last-child {
    font-weight: 700;
    letter-spacing: -0.25px;
}
.benefit02 .con_property_jelly dd p span img {
    width: 32px;
    margin-right: 4px;
}
.benefit02 .con_property_jelly dd p span + span {
    margin-top: 16px;
}
.benefit02 .con_property_jelly dd .btn_wrap {
    text-align: center;
}
.benefit02 .con_property_jelly dd .btn_wrap button {
    width: -webkit-calc(100% + 8px);
    width: -moz-calc(100% + 8px);
    width: calc(100% + 8px);
    margin: 20px -4px 0 -4px;
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #F7FAF9;
    padding: 10px 0;
}
.benefit02 .con_property_jelly dd .btn_wrap button:after {
    right: auto;
    left: -webkit-calc(50% + 59px);
    left: -moz-calc(50% + 59px);
    left: calc(50% + 59px);
    top: 11px;
}
.benefit02 .plr8 {
    padding-left: 8px;
    padding-right: 8px;
}
.benefit02 .pt16 {
    padding-top: 16px;
}
.benefit02 .btn_wrap.btn_wrap_jelly3 {
    margin-top: 26px;
}
.benefit02 .tit_jelly_lank {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.benefit02 .tit_jelly_lank .btn_wrap {
    position: relative;
    top: 4px;
}
.benefit02 .box_jelly_lank {
    text-align: center;
    margin-top: 24px;
    padding: 20px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #ebf2ef;
    font-size: 0.875rem;
    font-weight: 500;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .box_jelly_lank span {
    display: block;
    margin-top: 4px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.42;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
    letter-spacing: -1px;
}
.benefit02 .box_jelly_lank span em {
    font-size: 1.5rem;
    font-weight: 700;
    color: #00905C;
    line-height: 1.42;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
}
.benefit02 .box_jelly_lank p {
    display: block;
    margin-top: 12px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .box_jelly_lank p em {
    margin-left: 8px;
    margin-right: 4px;
    font-size: 0.75rem;
}
.benefit02 .box_jelly_lank p em.up {
    color: #00905C;
}
.benefit02 .box_jelly_lank p em.down {
    color: #171A19;
}
.benefit02 .box_jelly_lank strong {
    padding: 20px 0;
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    color: #9b9e9c;
    line-height: 1.4444444444;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.4px;
    text-align: center;
    font-style: normal;
}
.benefit02 .box_jelly_lank dfn {
    display: block;
    margin-top: 2px;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .box_jelly_lank + .box_jelly_lank {
    margin-top: 16px;
}
.benefit02 .txt_top100_gh {
    padding: 0 8px 0 8px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.44;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
}
.benefit02 .txt_top100_gh span {
    display: block;
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 h4.tit_top100_gh {
    display: inline-block;
    margin: 40px 0px 0 8px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.44;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 div.tit_top100_gh {
    margin-top: 44px;
}
.benefit02 div.tit_top100_gh .bubble_wrap.tr {
    right: -198px;
}
.benefit02 div.tit_top100_gh .bubble_wrap.tr:before {
    right: 198px;
}
.benefit02 div.tit_top100_gh .desc p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 div.tit_top100_gh .desc ul {
    padding-top: 4px;
}
.benefit02 div.tit_top100_gh .desc ul li {
    margin-top: 4px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 div.tit_top100_gh .desc ul li:before {
    background-color: #FFFFFF;
}
.benefit02 .table_thead_tbody_devide {
    margin-top: 24px;
}
.benefit02 .table_thead_tbody_devide .table_scroll_interaction {
    height: -webkit-calc(100vh - 305px);
    height: -moz-calc(100vh - 305px);
    height: calc(100vh - 305px);
    border-top: none;
}
.benefit02 .table_thead_tbody_devide .table_wrap.col thead th {
    padding-top: 8px;
    padding-bottom: 8px;
}
.benefit02 .table_thead_tbody_devide .table_wrap.col tbody td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.benefit02 .table_thead_tbody_devide .table_wrap.col tbody td .jelly_table_updown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .table_thead_tbody_devide .table_wrap.col tbody td .jelly_table_updown em {
    font-size: 0.75rem;
    margin-right: 5px;
    position: relative;
    top: -1px;
    margin-top: 2px;
}
.benefit02 .table_thead_tbody_devide .table_wrap.col tbody td .jelly_table_updown em.up {
    color: #00905C;
}
.benefit02 .table_thead_tbody_devide .table_wrap.col tbody td .jelly_table_updown em.down {
    color: #171A19;
}
.benefit02 .table_thead_tbody_devide .table_wrap.col tr.tr_my_lanking td {
    background-color: #F7FAF9;
    font-size: 0.875rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_season_end {
    padding: 16px 8px 0 8px;
}
.benefit02 .list_season_end li {
    padding: 8px 0 0 0;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .txt_season_end {
    margin: 24px 8px 0 8px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.44;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .btn_season_end {
    margin-top: 24px;
}
.benefit02 .btn_season_end span {
    position: relative;
    padding-left: 24px;
}
.benefit02 .btn_season_end span:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    bottom: auto;
    right: auto;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("/images/mo/common/ico_alam_20_green.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit02 .txt_season_end_result {
    margin: 56px 8px 0 8px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
    letter-spacing: -1px;
}
.benefit02 .txt_season_end_result em {
    font-size: 1.25rem;
    font-weight: 700;
    color: #00905C;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
}
.benefit02 .con_property_jelly.con_property_jelly2 dt {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
}
.benefit02 .con_property_jelly.con_property_jelly2 dd {
    padding-top: 24px;
    margin-top: 0;
    border-top: none;
}
.benefit02 .tit_jelly_lank2 {
    padding-top: 55px;
}
.benefit02 .box_jelly_lank2 span {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Pretendard" !important;
}
.benefit02 .box_jelly_lank2 span em {
    font-size: 1rem;
    font-weight: 700;
    color: #00905C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Pretendard" !important;
}
.benefit02 .box_jelly_lank2 span + span {
    margin-top: 4px;
}
.benefit02 .box_jelly_lank3 span:first-child {
    margin-top: 0;
}
.benefit02 .box_jelly_lank3 span, .benefit02 .box_jelly_lank3 span em {
    font-family: "Pretendard" !important;
}
.benefit02 .btn_wrap.btn_season_end + .tit_trend_view_img {
    padding-top: 56px;
}
.benefit02 .h4_explain_jelly {
    margin: 0 8px 0 8px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .h5_explain_jelly {
    position: relative;
    margin: 24px 0 0 0;
    padding: 16px 16px 16px 56px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Pretendard" !important;
}
.benefit02 .h5_explain_jelly span {
    display: block;
    margin-top: 4px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .h5_explain_jelly.blue {
    background-color: rgba(128, 171, 255, 0.07);
}
.benefit02 .h5_explain_jelly.blue:before {
    content: "";
    position: absolute;
    top: 25px;
    left: 16px;
    bottom: auto;
    right: auto;
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("/images/mo/benefit/img_jelly_blue.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit02 .h5_explain_jelly.red {
    background-color: rgba(255, 161, 186, 0.07);
}
.benefit02 .h5_explain_jelly.red:before {
    content: "";
    position: absolute;
    top: 25px;
    left: 16px;
    bottom: auto;
    right: auto;
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("/images/mo/benefit/img_jelly_red.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit02 .bullet_list + .h5_explain_jelly {
    margin-top: 32px;
}
.benefit02 .list_color_gray2 {
    padding-top: 16px;
}
.benefit02 .list_color_gray3 {
    padding-top: 12px;
}
.benefit02 .con_howget_jelly {
    padding: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
.benefit02 .con_howget_jelly h4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Pretendard" !important;
    letter-spacing: -0.25px;
    position: relative;
    padding-right: 110px;
}
.benefit02 .con_howget_jelly h4 span {
    display: block;
    padding-left: 36px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1rem;
    font-weight: 800;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
}
.benefit02 .con_howget_jelly h4 span img {
    position: absolute;
    left: 0;
    top: -4px;
    display: block;
    width: 32px;
    margin-top: 0;
}
.benefit02 .con_howget_jelly p {
    margin-top: 16px;
    padding-top: 20px;
    border-top: 1px solid #EAEBEA;
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .con_howget_jelly img {
    margin-top: 16px;
}
.benefit02 .con_howget_jelly h5 {
    margin-top: 24px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Pretendard" !important;
}
.benefit02 .con_howget_jelly .list_color_gray2 {
    padding-top: 8px;
}
.benefit02 .con_howget_jelly .btn_wrap {
    margin-top: 24px;
}
.benefit02 .con_howget_jelly + .con_howget_jelly {
    margin-top: 24px;
}
.benefit02 .tab_plr16_gh {
    padding-left: 16px;
    padding-right: 16px;
}
.benefit02 .box_gift_jellly_wrapper {
    padding-top: 16px;
}
.benefit02 .box_gift_jellly {
    padding: 20px 16px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
.benefit02 .box_gift_jellly h4 {
    padding-left: 4px;
}
.benefit02 .box_gift_jellly h4 span {
    font-size: 1rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .box_gift_jellly h4 em {
    display: block;
    position: relative;
    padding-left: 36px;
    margin-top: 18px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
}
.benefit02 .box_gift_jellly h4 em img {
    position: absolute;
    left: 0;
    top: -2px;
    width: 32px;
}
.benefit02 .box_gift_jellly p {
    position: relative;
    padding: 16px 16px 16px 52px;
    margin-top: 14px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    border: solid 1px #EAEBEA;
    background-color: #F7F7F7;
}
.benefit02 .box_gift_jellly p img {
    position: absolute;
    left: 16px;
    top: 16px;
    width: 32px;
}
.benefit02 .box_gift_jellly p span {
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .box_gift_jellly p span em {
    display: block;
    margin-top: 2px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .box_gift_jellly.box_gift_jellly2 {
    position: relative;
    background: #FFFFFF;
    margin-top: -88px;
}
.benefit02 .btn_wrap_gift_jellly {
    margin: 16px 8px 0 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.benefit02 .tit_gift_jellly {
    margin: 28px 8px 0 8px;
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Pretendard" !important;
}
.benefit02 .tit_gift_jellly2 {
    margin: 40px 8px 0 8px;
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Pretendard" !important;
}
.benefit02 .txt_jelly_descri_reci {
    padding: 8px 8px 0 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .input_wrap_gift_jelly {
    margin-top: 8px;
}
.benefit02 .tab_wrap.inline_tab_jelly {
    margin: 16px 0 0 0;
}
.benefit02 .tab_wrap.inline_tab_jelly .tabs ul {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.benefit02 .tab_wrap.inline_tab_jelly .tabs ul li + li {
    margin-left: 8px;
}
.benefit02 .tab_wrap.inline_tab_jelly .tab_wrap {
    margin-left: 0;
    margin-right: 0;
}
.benefit02 .tab_wrap.inline_tab_jelly .tab_conts .tab_conts {
    margin-top: 16px;
}
.benefit02 .tab_wrap.inline_tab_jelly .inner_type li:last-of-type {
    margin-right: 0;
}
.benefit02 .tab_wrap.inline_tab_jelly .inner_type li a {
    background: #F7F7F7;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
.benefit02 .tab_wrap.inline_tab_jelly .inner_type li a span {
    font-size: 0.875rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .tab_wrap.inline_tab_jelly .inner_type li.on a {
    background: #F7F7F7;
}
.benefit02 .tab_wrap.inline_tab_jelly .inner_type li.on a span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .tab_wrap.inline_tab_jelly .btn_barcode_jely {
    display: block;
    margin: 16px 8px 0 8px;
    font-size: 0.937rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
    text-decoration: underline;
}
.benefit02 .tab_wrap.inline_tab_jelly .list_color_gray3 {
    padding-top: 24px;
}
.benefit02 .tab_wrap.inline_tab_jelly .list_color_gray4 {
    padding-top: 12px;
}
.benefit02 .tab_wrap.inline_tab_jelly .ui_select_text {
    color: #9B9E9C;
}
.benefit02 .tab_wrap.inline_tab_jelly .no_list_gift_jelly {
    position: relative;
    padding-top: 84px;
    text-align: center;
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .tab_wrap.inline_tab_jelly .no_list_gift_jelly:before {
    content: "";
    position: absolute;
    top: 24px;
    left: -webkit-calc(50% - 24px);
    left: -moz-calc(50% - 24px);
    left: calc(50% - 24px);
    bottom: auto;
    right: auto;
    display: block;
    width: 48px;
    height: 48px;
    background-image: url("/images/mo/benefit/no_list_gift_jelly.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit02 .tab_wrap.inline_tab_jelly .txt_caution_jelly_red {
    color: #EB3912;
}
.benefit02 .txt_given_present_jelly {
    padding: 16px 8px 0 8px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
}
.benefit02 .txt_given_present_jelly.txt_given_present_jelly_pt32 {
    padding-top: 32px;
}
.benefit02 .txt_given_present_jelly .txt_given_present_jelly_inner {
    display: block;
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .txt_given_present_jelly_gray {
    padding: 8px 8px 0 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .tab_plr16_gh .txt_given_present_jelly {
    padding-top: 32px;
}
.benefit02 .list_given_present_jelly {
    padding-top: 8px;
}
.benefit02 .list_given_present_jelly li {
    position: relative;
    margin: 16px 0 0 0;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    padding: 20px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    font-size: 0.75rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.2px;
}
.benefit02 .list_given_present_jelly li span {
    display: block;
    margin-bottom: 4px;
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_given_present_jelly li em {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 0.937rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_given_present_jelly li em.minus {
    color: #EB3912;
}
.benefit02 .list_given_present_jelly.list_given_present_jelly_history {
    padding-top: 8px;
}
.benefit02 .tit_jelly_market {
    padding: 48px 8px 0 8px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_jelly_market {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.benefit02 .list_jelly_market li {
    position: relative;
    width: -webkit-calc(50% - 8px);
    width: -moz-calc(50% - 8px);
    width: calc(50% - 8px);
    height: 294px;
    margin-top: 24px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    overflow: hidden;
}
.benefit02 .list_jelly_market li:nth-child(even) {
    margin-left: 16px;
}
.benefit02 .list_jelly_market li > img {
    height: 156px;
}
.benefit02 .list_jelly_market li span {
    width: 100%;
    position: relative;
    display: block;
}
.benefit02 .list_jelly_market li span span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.42;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.2px;
    top: -11px;
    padding: 1px 8px 2px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #171A19;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    width: auto;
}
.benefit02 .list_jelly_market li h6 {
    margin-top: 22px;
    padding: 0 8px;
    min-height: 42px;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Pretendard" !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: auto;
}
.benefit02 .list_jelly_market li p {
    text-align: center;
    font-size: 0.75rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    margin-top: 4px;
    letter-spacing: -0.2px;
}
.benefit02 .list_jelly_market li p dfn {
    font-size: 0.75rem;
    font-weight: 500;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_jelly_market li button {
    width: 100%;
    display: block;
    padding: 10px 0 6px 0;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    margin-top: 12px;
    background-color: #00905C;
}
.benefit02 .list_jelly_market li button img {
    width: 24px;
    margin-right: 5px;
    position: relative;
    top: -2px;
}
.benefit02 .list_jelly_market li button:disabled {
    background-color: #D4D6D4;
    pointer-events: none;
    padding: 9px 0 10px 0;
}
.benefit02 .date_term {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 0 12px 0;
    margin-left: 8px;
    margin-right: 8px;
    border-bottom: 1px solid #EAEBEA;
}
.benefit02 .date_term p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .date_term button {
    position: relative;
    top: 1px;
    padding-left: 22px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .date_term button:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: auto;
    right: auto;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("/images/mo/benefit/ico_calendar_jelly_20_gray.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit02 .txt_this_season_jelly {
    padding: 32px 8px 0 8px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.44;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
}
.benefit02 .txt_this_season_jelly span {
    display: block;
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_this_season_jelly_wrapper {
    margin-top: 146px;
    padding: 40px 16px 16px 16px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: #01A76B;
}
.benefit02 .list_this_season_jelly_wrapper .list_this_season_jelly {
    position: relative;
    padding: 0px 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.12);
}
.benefit02 .list_this_season_jelly_wrapper .list_this_season_jelly:before {
    content: "";
    position: absolute;
    top: -162px;
    left: -webkit-calc(50% - 80px);
    left: -moz-calc(50% - 80px);
    left: calc(50% - 80px);
    bottom: auto;
    right: auto;
    display: block;
    width: 160px;
    height: 160px;
    background-image: url("/images/mo/benefit/list_this_season_jelly.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit02 .list_this_season_jelly_wrapper .list_this_season_jelly li {
    position: relative;
    font-size: 1rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
    padding: 16px 0 16px 40px;
}
.benefit02 .list_this_season_jelly_wrapper .list_this_season_jelly li span {
    display: block;
    margin-top: 4px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_this_season_jelly_wrapper .list_this_season_jelly li + li:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: auto;
    right: auto;
    display: block;
    width: 100%;
    height: 1px;
    opacity: 0.2;
    background-color: #EAEBEA;
}
.benefit02 .list_this_season_jelly_wrapper .list_this_season_jelly li img {
    position: absolute;
    left: -8px;
    top: 21px;
    width: 40px;
}
.benefit02 .tit_today_jelly_history {
    padding-top: 40px;
}
.benefit02 .sel_inline_jelly_history {
    margin: 24px 8px 0 0;
    padding-bottom: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}
.benefit02 .sel_inline_jelly_history div.sel_wrap.inline_type .ui-dropdown {
    min-width: 180px;
}
.benefit02 .no_result {
    padding-top: 80px;
}
.benefit02 .no_result::before {
    width: 88px;
    height: 88px;
    background-image: url("/images/mo/common/ico_no_result_88.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
    content: "";
    display: inline-block;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 8px;
    margin-left: auto;
    vertical-align: top;
    display: block;
}
.benefit02 .no_result.v2::before {
    width: 88px;
    height: 88px;
    background-image: url("/images/mobilehome2/new/ico_no_result_88_v2.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit02 .no_result .comment {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .no_result .add_comment {
    margin-top: 4px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .no_result .btn_wrap {
    margin-top: 24px;
}
.benefit02 .no_result .btn_wrap a {
    width: auto;
    padding-left: 16px;
    padding-right: 16px;
    border: 1.4px solid #171A19;
}
.benefit02 .caution_wrap_jelly {
    color: #727573;
}
.benefit02 .btm_notice_line .bullet_list.dot li, .benefit02 .btm_notice_line .bullet_list.dot p {
    color: #727573;
}
.benefit02 .box_welcome_special {
    margin-left: -16px;
    width: -webkit-calc(100% + 32px);
    width: -moz-calc(100% + 32px);
    width: calc(100% + 32px);
    height: 133.3333333333vw;
    background-image: url("/images/mobilehome2/benefit/new/box_welcome_special.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
    background-position: 0 0;
}
.benefit02 .box_welcome_special span {
    display: block;
    padding: 32px 0 0 24px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #00905C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .box_welcome_special em {
    display: block;
    padding: 12px 0 0 24px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #111;
    line-height: 1.42;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
    letter-spacing: -1px;
}
.benefit02 .box_welcome_special p {
    padding: 16px 0 0 24px;
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .txt_welcome_enterance {
    padding: 32px 8px 0 8px;
}
.benefit02 .txt_welcome_enterance h4 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.benefit02 .txt_welcome_enterance p {
    padding-top: 16px;
    font-size: 0.937rem;
    font-weight: 400;
    color: #111;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .txt_welcome_enterance p + p {
    padding-top: 8px;
}
.benefit02 .txt_welcome_enterance .btn_wrap {
    margin-top: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.benefit02 .txt_welcome_check_number {
    margin-top: 48px;
}
.benefit02 .bullet_welcome_check_number {
    padding: 24px 8px 0 8px;
}
.benefit02 .bullet_welcome_check_number2 {
    padding: 12px 8px 0 8px;
}
.benefit02 .txt_welcome_thankyou {
    padding: 36px 8px 0 8px;
}
.benefit02 .txt_welcome_thankyou p {
    font-size: 1.5rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.42;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
    letter-spacing: -1px;
}
.benefit02 .txt_welcome_thankyou span {
    display: block;
    padding-top: 16px;
    font-size: 0.937rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .txt_welcome_thankyou span + span {
    padding-top: 8px;
}
.benefit02 .list_welcome_products h4 {
    padding: 56px 8px 0 8px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_welcome_products ul {
    margin-top: 20px;
}
.benefit02 .list_welcome_products ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
.benefit02 .list_welcome_products ul li img {
    min-width: 80px;
    width: 80px;
}
.benefit02 .list_welcome_products ul li div {
    margin-left: 16px;
}
.benefit02 .list_welcome_products ul li div h5 {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Pretendard" !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: auto;
    max-height: 42px;
}
.benefit02 .list_welcome_products ul li div em {
    display: block;
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #9B9E9C;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    text-decoration: line-through;
}
.benefit02 .list_welcome_products ul li div p {
    margin-top: 2px;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_welcome_products ul li div p span {
    margin-left: 4px;
    font-size: 1rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .list_welcome_products ul li + li {
    margin-top: 24px;
}
.benefit02 .btn_remove_value_welcome {
    position: absolute;
    top: 14px;
    right: 16px;
    width: 20px;
    height: 20px;
    width: 20px;
    height: 20px;
    background-image: url("/images/mobilehome2/benefit/new/btn_remove_value_welcome.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit02 .h4_welcome_detail {
    padding: 32px 0 0 8px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.benefit02 .img_welcome_detail {
    padding-top: 20px;
    margin-left: -16px;
    width: -webkit-calc(100% + 32px);
    width: -moz-calc(100% + 32px);
    width: calc(100% + 32px);
}
.benefit02 .con_welcome_detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-top: 16px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    padding: 20px 0;
    background-color: #F7F7F7;
}
.benefit02 .con_welcome_detail:after {
    content: "";
    position: absolute;
    top: -webkit-calc(50% + 14px);
    top: -moz-calc(50% + 14px);
    top: calc(50% + 14px);
    left: 50%;
    bottom: auto;
    right: auto;
    display: block;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background-image: url("/images/mobilehome2/benefit/new/con_welcome_detail.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit02 .con_welcome_detail p {
    width: 50%;
    text-align: center;
}
.benefit02 .con_welcome_detail span {
    display: block;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .con_welcome_detail dfn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    margin-top: 8px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.44;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-style: normal;
}
.benefit02 .con_welcome_detail dfn em {
    display: block;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .con_welcome_detail p:first-child dfn {
    font-weight: 500;
}
.benefit02 .dtdd_welcome_detail {
    padding: 24px 8px 0 8px;
}
.benefit02 .dtdd_welcome_detail dt {
    padding-top: 24px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .dtdd_welcome_detail dd {
    padding-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .chk_wrap_welcome_detail {
    margin: 55px 0 0 8px;
}
.benefit02 .chk_wrap_welcome_detail label span {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .dl_welcome_detail {
    margin-top: 20px;
    padding: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
}
.benefit02 .dl_welcome_detail dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.benefit02 .dl_welcome_detail dl + dl {
    padding-top: 12px;
}
.benefit02 .dl_welcome_detail dl dt {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .dl_welcome_detail dl dd {
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .dl_welcome_detail dl dd button {
    position: relative;
    display: block;
    font-size: 0;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #171A19;
}
.benefit02 .dl_welcome_detail dl dd button:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 5px;
    bottom: auto;
    right: auto;
    display: block;
    background: #FFFFFF;
    height: 2px;
    width: 10px;
}
.benefit02 .dl_welcome_detail dl dd button:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 9px;
    bottom: auto;
    right: auto;
    display: block;
    background: #FFFFFF;
    height: 10px;
    width: 2px;
}
.benefit02 .dl_welcome_detail dl dd button:first-child:after {
    display: none;
}
.benefit02 .dl_welcome_detail dl dd button:disabled {
    background: #D4D6D4;
}
.benefit02 .dl_welcome_detail dl dd button:disabled:before {
    background: #9B9E9C;
}
.benefit02 .dl_welcome_detail dl dd button:disabled:after {
    background: #9B9E9C;
}
.benefit02 .dl_welcome_detail dl dd span {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    margin: 0 8px;
}
.benefit02 .dl_welcome_detail dl.dl_welcome_detail_count1 {
    padding-top: 10px;
}
.benefit02 .dl_welcome_detail dl.dl_welcome_detail_count1 dd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -webkit-justify-content: right;
    -moz-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.benefit02 .dl_welcome_detail dl.dl_welcome_detail_count2 {
    margin-top: 23px;
    padding-top: 16px;
    border-top: 1px solid #EAEBEA;
}
.benefit02 .dl_welcome_detail dl.dl_welcome_detail_count2 dt {
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .dl_welcome_detail dl.dl_welcome_detail_count2 dd {
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .complete_wrap_welcome_detail {
    padding-top: 32px;
}
.benefit02 .complete_wrap_welcome_detail .complete_wrap_welcome_detail_txt {
    margin-top: 8px;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .dl_welcome_detail2 {
    margin-top: 56px;
    padding: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.1);
}
.benefit02 .dl_welcome_detail2 dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.benefit02 .dl_welcome_detail2 dl + dl {
    padding-top: 12px;
}
.benefit02 .dl_welcome_detail2 dt {
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .dl_welcome_detail2 dd {
    font-size: 1.125rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.44;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .dl_welcome_detail3 {
    margin-top: 24px;
    padding: 20px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    background-color: #F7FAF9;
}
.benefit02 .dl_welcome_detail3 dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.benefit02 .dl_welcome_detail3 dl + dl {
    padding-top: 12px;
}
.benefit02 .dl_welcome_detail3 dt {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .dl_welcome_detail3 dd {
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .dl_welcome_detail3 dd.dl_welcome_detail3_height {
    height: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
.benefit02 .date_term_search.date_term_search_welcome {
    padding-top: 32px;
    margin: 0;
}
.benefit02 .dl_welcome_detail4 li {
    position: relative;
    margin-top: 24px;
    padding: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
.benefit02 .dl_welcome_detail4 li h4 {
    width: -webkit-calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    width: calc(100% - 70px);
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Pretendard" !important;
    word-break: keep-all;
}
.benefit02 .dl_welcome_detail4 li button {
    position: absolute;
    right: 20px;
    top: 21px;
    font-size: 0.937rem;
    font-weight: 400;
    color: #00905C;
    line-height: 1.47;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    text-decoration: underline;
}
.benefit02 .dl_welcome_detail4 li em {
    position: absolute;
    right: 20px;
    top: 22px;
}
.benefit02 .dl_welcome_detail4 li em.badge_gray {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    width: 113px;
    height: 34px;
    padding-left: 19px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url("/images/mobilehome2/new/img_shape_curve_gray_113.png");
    background-repeat: no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    background-position: top right;
}
.benefit02 .dl_welcome_detail4 li em.badge_gray span {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 500;
    color: #9b9e9c;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -0.2px;
}
.benefit02 .dl_welcome_detail4 li dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px;
}
.benefit02 .dl_welcome_detail4 li dl + dl {
    margin-top: 12px;
}
.benefit02 .dl_welcome_detail4 li dl dt {
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .dl_welcome_detail4 li dl dd {
    font-size: 0.875rem;
    font-weight: 500;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .dl_welcome_detail4 li dl.dl_welcome_detail4_strong dt {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .dl_welcome_detail4 li dl.dl_welcome_detail4_strong dd {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.benefit02 .no_result_accumulate {
    padding-bottom: 32px;
    padding-top: 0;
}
.benefit02 .no_result_accumulate strong {
    font-weight: 500;
}
.benefit02 .tit_today_jelly_top_bdr_gray {
    position: relative;
    padding-top: 80px;
    padding-left: 8px;
    padding-right: 8px;
    margin: 0;
}
.benefit02 .tit_today_jelly_top_bdr_gray:before {
    content: "";
    position: absolute;
    top: 32px;
    left: -24px;
    bottom: auto;
    right: auto;
    display: block;
    margin: 0 -24px;
    width: -webkit-calc(100% + 64px);
    width: -moz-calc(100% + 64px);
    width: calc(100% + 64px);
    height: 8px;
    background-color: #F7F7F7;
}
.benefit02 .btn_wrap.btn_season_end + .tit_trend_view_img.tit_today_jelly_top_bdr_gray {
    padding-top: 80px;
}
.benefit02 .txt_gift_jelly_top0825 {
    padding: 32px 8px 8px 8px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
}
.benefit02 .txt_race_jelly_top0825 {
    position: relative;
    margin-left: -16px;
    width: -webkit-calc(100% + 32px);
    width: -moz-calc(100% + 32px);
    width: calc(100% + 32px);
    height: 63.3vw;
    background-image: url("/images/mo/benefit/txt_race_jelly_top0825.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.benefit02 .txt_race_jelly_top0825 h3 {
    padding-top: 32px;
    padding-left: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.42;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.benefit02 .txt_race_jelly_top0825 span {
    display: block;
    padding-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.4px;
}

.line2height_gh {
    line-height: 1.44;
    padding-right: 60px;
}

.lay_pop.bottom_type .lay_wrap .lay_bot_btns.pl16pr16 {
    padding-left: 16px;
    padding-right: 16px;
}

.lay_pop.full .lay_wrap .lay_conts.benefit02 {
    height: -webkit-calc(100% - 86px);
    height: -moz-calc(100% - 86px);
    height: calc(100% - 86px);
    padding-bottom: 20px;
}

.lay_pop.full .lay_wrap .lay_conts.tab_conts {
    padding-top: 0px;
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: calc(100% - 50px);
    padding-bottom: 0px;
}

.lay_pop.bottom_type.layer_pop_reciept_bt {
    /* 진혁 수정 */
    display: block;
    position: fixed;
    z-index: 3;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(292px);
    -moz-transform: translateY(292px);
    -ms-transform: translateY(292px);
    transform: translateY(292px);
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
    /* //진혁 수정 */
    /* 2023-05-09 추가 */
    /* //2023-05-09 추가 */
}
.lay_pop.bottom_type.layer_pop_reciept_bt.open {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.lay_pop.bottom_type.layer_pop_reciept_bt .lay_wrap {
    -webkit-box-shadow: 0 -4px 27px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 -4px 27px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 -4px 27px 0 rgba(0, 0, 0, 0.12);
    padding-top: 24px;
}
.lay_pop.bottom_type.layer_pop_reciept_bt .lay_wrap .lay_bot_btns {
    padding-left: 20px;
    padding-right: 20px;
}
.lay_pop.bottom_type.layer_pop_reciept_bt .lay_wrap .lay_tit h1 {
    border-bottom: 1px solid #eaebea;
    padding-bottom: 20px !important;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.lay_pop.bottom_type.layer_pop_reciept_bt .lay_wrap .lay_tit h1 span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
}
.lay_pop.bottom_type.layer_pop_reciept_bt .lay_wrap .lay_tit h1 span em {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -0.25px;
}
.lay_pop.bottom_type.layer_pop_reciept_bt .lay_conts {
    padding-top: 0;
}
.lay_pop.bottom_type.layer_pop_reciept_bt .lay_conts ul {
    padding-top: 4px;
    padding-bottom: 12px;
    padding-left: 8px;
    padding-right: 8px;
}
.lay_pop.bottom_type.layer_pop_reciept_bt .lay_conts ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 16px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.lay_pop.bottom_type.layer_pop_reciept_bt .lay_conts ul li span {
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.lay_pop.bottom_type.layer_pop_reciept_bt .lay_conts ul li:first-child {
    padding-top: 0;
}

.toarst_green .toast {
    bottom: 96px;
}
.toarst_green .toast span {
    display: block;
    text-align: left;
}
.toarst_green .toast span em {
    font-size: 0.875rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}

.lay_pop.full .lay_wrap .lay_conts.popup_no_btn {
    overflow-y: auto;
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: calc(100% - 50px);
    padding: 16px 16px 80px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#contents > .conts.benefit.type2 {
    padding-bottom: 20px;
}
#contents > .conts.benefit.type3 {
    padding-bottom: 0;
}
#contents > .conts.benefit.type4 {
    padding: 0;
}
.data_title_container {
    position: relative;
    padding-bottom: 24px;
    z-index: 2;
}
.data_title_container .heart_share_area {
    width: 135px;
    height: 34px;
    background-image: url("/images/mo/benefit/bg_shape_curve_white.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: -16px;
    bottom: 0px;
    padding-right: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.data_render_container {
    position: relative;
}
.data_render_container > .guide_image {
    margin: 0 -16px;
    min-height: 34px;
}

/* 20240321 */
.txt_top_benefit_20 {
    padding: 24px 8px 0 8px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.txt_top_benefit_20 + .date {
    display: block;
    margin-top: 8px;
    margin-left: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #727573;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}

.con_event_consequense {
    margin: 8px 0 0 -16px;
    padding: 0 24px 40px 24px;
    width: -webkit-calc(100% - 16px);
    width: -moz-calc(100% - 16px);
    width: calc(100% - 16px);
}
.con_event_consequense h4 {
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.con_event_consequense .con_event_consequense_innner {
    margin-top: 81px;
    padding: 71px 20px 20px 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: #6a10dc;
    font-size: 1.25rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
    letter-spacing: -1px;
    text-align: center;
    position: relative;
}
.con_event_consequense .con_event_consequense_innner:before {
    content: "";
    position: absolute;
    top: -81px;
    left: -webkit-calc(50% - 76px);
    left: -moz-calc(50% - 76px);
    left: calc(50% - 76px);
    bottom: auto;
    right: auto;
    display: block;
    width: 152px;
    height: 152px;
    background-image: url("/images/mobilehome2/mypage/new/bg_event_consequense1.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.con_event_consequense .con_event_consequense_innner.v2:before {
    content: "";
    position: absolute;
    top: -81px;
    left: -webkit-calc(50% - 76px);
    left: -moz-calc(50% - 76px);
    left: calc(50% - 76px);
    bottom: auto;
    right: auto;
    width: 152px;
    height: 152px;
    background-image: url("/images/mobilehome2/mypage/new/bg_event_consequense1_v2.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.con_event_consequense .con_event_consequense_innner.v2.fail:before {
    content: "";
    position: absolute;
    top: -81px;
    left: -webkit-calc(50% - 76px);
    left: -moz-calc(50% - 76px);
    left: calc(50% - 76px);
    bottom: auto;
    right: auto;
    width: 152px;
    height: 152px;
    background-image: url("/images/mobilehome2/mypage/new/bg_event_consequense2_v2.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.con_event_consequense .con_event_consequense_innner em {
    display: block;
    margin-top: 12px;
}
.con_event_consequense .con_event_consequense_innner em span {
    display: inline-block;
    padding: 1px 8px;
    letter-spacing: -0.2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: 8px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    background: #171A19;
}
.con_event_consequense .con_event_consequense_innner.fail {
    background-color: #113b9b;
    padding: 71px 20px 32px 20px;
}
.con_event_consequense .con_event_consequense_innner.fail:before {
    content: "";
    position: absolute;
    top: -81px;
    left: -webkit-calc(50% - 76px);
    left: -moz-calc(50% - 76px);
    left: calc(50% - 76px);
    bottom: auto;
    right: auto;
    display: block;
    width: 152px;
    height: 152px;
    background-image: url("/images/mobilehome2/mypage/new/bg_event_consequense2.png");
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center;
}
.con_event_consequense .con_event_consequense_innner div {
    margin-top: 16px;
    padding: 16px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: #811eff;
    text-align: left;
}
.con_event_consequense .con_event_consequense_innner div h5 {
    padding-bottom: 4px;
    margin-top: 0;
    font-size: 0.875rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Pretendard" !important;
}
.con_event_consequense .con_event_consequense_innner div ul.bullet_list.dot.dot2 li {
    margin-top: 4px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.con_event_consequense .con_event_consequense_innner div ul.bullet_list.dot.dot2 li:before {
    background-color: #FFFFFF;
}

.con_event_consequense .con_event_consequense_innner .success_message {
    font-size: 1.25rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    font-family: "Happiness-Sans" !important;
    letter-spacing: -1px;
    text-align: center;
}
.con_event_consequense h5 {
    font-size: 0.875rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    margin-top: 24px;
}
.con_event_consequense.con_event_consequense02 .con_event_consequense_innner {
    background-color: #0f62c3;
}
.con_event_consequense.con_event_consequense02 .con_event_consequense_innner:before {
    background-image: url("/images/mobilehome2/mypage/new/bg_event_consequense3.png");
}
.con_event_consequense.con_event_consequense02 .con_event_consequense_innner a {
    display: block;
    margin-top: 16px;
    padding: 9px 0 10px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #398ff4;
    font-size: 0.875rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.con_event_consequense.con_event_consequense02 .txt_consq {
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.con_event_consequense.con_event_consequense02 .txt_consq.mt20 {
    margin-top: 20px;
}
.con_event_consequense.con_event_consequense02 dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    margin-top: 20px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #ebf2ef;
}
.con_event_consequense.con_event_consequense02 dl dt {
    font-size: 1rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.con_event_consequense.con_event_consequense02 dl dd {
    padding-top: 24px;
    font-size: 1rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.con_event_consequense.con_event_consequense02 dl dd em {
    margin-right: 3px;
    position: relative;
    top: 3px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.42;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.con_event_consequense.con_event_consequense02 .btn_wrap {
    padding-top: 24px;
}
.con_event_consequense.con_event_consequense02 .btn_wrap a.btn.border {
    border-width: 2px;
}

.border_top_h4 {
    border-top: 8px solid #f0f2f0;
    margin: 0;
    padding-left: 24px;
    padding-top: 32px;
}

.tit_benefit_20 {
    margin: 0 -16px 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    letter-spacing: -1px;
}
.tit_benefit_20.v2 {
    margin: 0 -24px 0;
}

/* // 20240321 */
/* 20240729 APP 첫 가입 */
.gate_top_img_wrap {
    margin: 0 -16px 40px;
}
.gate_top_img_wrap > img {
    vertical-align: top;
}

.info_message_wrap {
    margin: 0 0 24px 0;
}

.info_message {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    text-align: center;
}
.info_message .info_emp_word {
    font-size: 18px;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.4;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}

.info_summarybox_list > li {
    margin-bottom: 16px;
}
.info_summarybox_list > li:last-of-type {
    margin-bottom: 0;
}

.summary_note_list {
    margin-top: 5px;
}
.summary_note_list > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3px;
}
.summary_note_list .note_bullet,
.summary_note_list .note_liquid {
    font-size: 12px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.summary_note_list .note_bullet {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    white-space: nowrap;
}
.summary_note_list .note_liquid {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.info_summarybox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    padding: 20px 15px;
    gap: 12px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
}
.info_summarybox .ico {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    background: url("/images/mobilehome2/benefit/ico_first_bene_01.png") no-repeat 0 0/100% auto;
}
.info_summarybox .ico.type2 {
    background-image: url("/images/mobilehome2/benefit/ico_first_bene_02.png");
}
.info_summarybox .ico.type3 {
    background-image: url("/images/mobilehome2/benefit/ico_first_bene_03.png");
}
.info_summarybox .ico.type4 {
    background-image: url("/images/mobilehome2/benefit/ico_first_bene_04.png");
}
.info_summarybox .ico.type5 {
    background-image: url("/images/mobilehome2/benefit/ico_first_bene_05.png");
}

.info_summary_spec {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}
.info_summary_spec * {
    word-break: keep-all;
}
.info_summary_spec .summary_main {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.info_summary_spec .summary_sub {
    font-size: 14px;
    font-weight: 400;
    color: #434545;
    line-height: 1.3;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    margin-top: 4px;
}

.btn_bottom_wrap {
    margin: 40px 0 0;
}
.btn_bottom_wrap .btn_wrap {
    margin-top: 28px;
}
.btn_bottom_wrap .btn_bottom_message {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}

.emp_info_block {
    margin: 48px -16px 0;
    padding: 40px 16px 48px;
    background: rgba(162, 215, 250, 0.3);
}
.emp_info_block.skin2 {
    margin: 0 -16px;
    padding: 40px 16px 80px;
    background: #EFF6F3;
}
.emp_info_copy_wrap {
    margin: 0 8px 16px;
}

.emp_info_main_copy {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}

.emp_info_sub_copy {
    font-size: 14px;
    font-weight: 400;
    color: #434545;
    line-height: 1.3;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    margin-top: 4px;
}

.emp_info_box {
    background: #fff;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    padding: 20px;
    position: relative;
}
.emp_info_box > .btn_wrap {
    margin-top: 16px;
}
.emp_info_box > .btn_wrap > .btn {
    width: auto;
    padding: 10px 16px;
    min-width: 160px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.screen_guide_list > li {
    margin-bottom: 24px;
}
.screen_guide_list > li:last-of-type {
    margin-bottom: 0;
}
.screen_guide_list .indent_parag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3px;
    margin-bottom: 16px;
}
.screen_guide_list .indent_parag * {
    font-size: 14px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}
.screen_guide_list .indent_bullet {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    white-space: nowrap;
}
.screen_img_wrap > img {
    vertical-align: top;
}

.screen_brick_wrap .screen_brick {
    margin-bottom: 16px;
}
.screen_brick_wrap .screen_brick:last-of-type {
    margin-bottom: 0;
}

.screen_info_caption {
    font-size: 14px;
    font-weight: 700;
    color: #727573;
    line-height: 1.3;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    margin-bottom: 8px;
}

.screen_img_wrap > img {
    vertical-align: top;
}

.info_top_copy_wrap {
    text-align: center;
}

.info_top_sub_copy {
    font-size: 18px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    margin-bottom: 5px;
}

.info_top_main_copy {
    font-size: 24px;
    font-weight: 700;
    color: #01A76B;
    line-height: 1.3;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}

.info_top_else_copy {
    font-size: 14px;
    font-weight: 400;
    color: #434545;
    line-height: 1.5;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    margin-top: 16px;
}

.info_visual_wrap {
    margin: 30px -16px -53px;
}
.info_visual_wrap > img {
    vertical-align: top;
}

.info_inner_copy_wrap {
    margin-bottom: 16px;
}

.info_inner_main {
    font-size: 16px;
    font-weight: 700;
    color: #171A19;
    line-height: 1.3;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
}

.info_inner_sub {
    font-size: 14px;
    font-weight: 400;
    color: #434545;
    line-height: 1.3;
    letter-spacing: -0.4px !important;
    font-family: "Happiness-Sans";
    margin-top: 4px;
}

/* // 20240729 APP 첫 가입 */
/* APP 첫 가입 혜택 안내 - 유의사항 추가 */
.notice_gray {
    margin-top: 28px;
    padding: 24px 16px;
    background-color: #f7f7f7;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}
.notice_gray .tit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.notice_gray .tit span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #000;
    font-family: "Happiness Sans";
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.25px;
}
.notice_gray .ico {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    background: url("/images/mobilehome2/benefit/ico_note_20.png") no-repeat 0 0/100% auto;
}
.notice_gray .ico.note {
    background-image: url("/images/mobilehome2/benefit/ico_note_20.png");
}
.notice_gray .bullet_list {
    margin-top: 12px;
}
.notice_gray .bullet_list.dot li {
    padding-left: 9px;
}
.notice_gray .bullet_list.dot li:before {
    content: " ";
    position: absolute;
    top: 9px;
    left: 0;
    width: 3px;
    height: 3px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #000;
    position: absolute;
}
/* // 20240729 APP 첫 가입 */
/*# sourceMappingURL=maps/benefit_thdi.css.map */




.benefit.greenmileage.conts .top_box._visual.layout_type2 {
    overflow: hidden;
}
.benefit.greenmileage.conts .top_box._visual.layout_type2 > .images {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.benefit.greenmileage.conts .top_box._visual.layout_type2 > .images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0 0;
}
.benefit.greenmileage.conts .top_box._visual.layout_type2 > .cont_wrap {
    position: relative;
    width: auto;
    height: auto;
    padding-bottom: 20.2666666667%;
}
.benefit.greenmileage.conts .top_box._visual.layout_type2 > .cont_wrap .top {
    padding: 11.112% 20px 13.33% 24px;
    margin-bottom: 0;
}


.benefit.greenmileage.conts .top_sub_contents {
    color: #fff;
    margin-top: 8px;
}
.benefit.greenmileage.conts .top_sub_contents * {
    color: #fff;
}
.benefit.greenmileage.conts .top_main_row strong {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4166666667;
    letter-spacing: -0.4px !important;
    font-family: "Pretendard" !important;
    letter-spacing: -1px;
    word-break: keep-all;
    font-family: "Happiness-Sans" !important;
}
.benefit.greenmileage.conts .top_sub_caption {
    margin-top: 8px;
}
.benefit.greenmileage.conts .top_sub_summary_wrap {
    margin-top: 8px;
}
.benefit.greenmileage.conts .top_sub_summary_para {
    font-size: 15px;
    font-weight: 700;
}
.benefit.greenmileage.conts .top_sub_summary_item_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 5px;
    margin-right: -5px;
    line-height: 1.3;
}
.benefit.greenmileage.conts .top_sub_summary_item_list > li {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    letter-spacing: -0.25px;
}
.benefit.greenmileage.conts .top_sub_clause_list > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3px;
}
.benefit.greenmileage.conts .top_sub_clause_bullet,
.benefit.greenmileage.conts .top_sub_clause_liquid {
    font-size: 12px;
}
.benefit.greenmileage.conts .top_sub_clause_bullet {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    white-space: nowrap;
}
.benefit.greenmileage.conts .tss_clause {
    font-size: 12px;
}