.admin_mode {
    width: 100%;
    padding: 14px 0;
    background-color: rgba(255, 0, 0, 0.5);
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    position: fixed;
    top: 150px;
    left: 0;
    z-index: 99;
    text-align: center
}

/* 임시 */
.banner img {
    width: 100%;
}

/* 평점 */
/* .star {
    display: inline-block;
    width: 128px;
    height: 24px;
    background: url('/resources/images/common/m_star_h48.png') no-repeat left center;
    background-size: auto 24px;
    vertical-align: top
}

.star:before {
    content: '';
    display: inline-block;
    margin-right: 6px;
    height: 24px;
    background-size: auto 24px;
    vertical-align: top;
    overflow: hidden
}

.star00:before {
    width: 0;
}

.star10:before {
    width: 24px;
}

.star20:before {
    width: 50px;
}

.star30:before {
    width: 76px;
}

.star40:before {
    width: 102px;
}

.star50:before {
    width: 128px;
} */

/* 공통 */
.textarea_wrap {
    position: relative;
}

.textarea_wrap textarea {
    padding: 0;
    background: #f7f7f7;
    width: 100%;
}

.textarea_wrap .limit_textarea_cnt {
    color: #bbb;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    bottom: 16px;
    right: 12px;
}

.textarea_wrap .limit_textarea_cnt span {
    color: #000
}

.upload_pic {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-width: 640px
}

.upload_pic .file_div:after {
    content: '';
    display: block;
    clear: both
}

.upload_pic .file {
    border-radius: 10px;
    position: relative;
    float: left;
    margin-left: 9px;
    width: calc(33.33% - 6px);
    width: -webkit-calc(33.33% - 6px);
}

.upload_pic .file:before {
    content: '';
    display: block;
    padding-bottom: 100%
}

.upload_pic .file:first-child {
    margin-left: 0
}

.upload_pic .file .img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.upload_pic .file .del {
    display: none;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 20px;
    height: 20px;
    background: url('/res/images/m_upload_pic_delete.png') no-repeat right top;
    background-size: 20px
}

.upload_pic .file.on {}

.upload_pic .file.on .img {
    display: block;
    border-radius: 10px;
}

.upload_pic .file.on .del {
    display: block
}

.upload_pic .upload {
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(33.33% - 6px);
    width: -webkit-calc(33.33% - 6px);
    height: 100%;
    background: url('/res/images/m_upload_pic_icon.png') no-repeat center #f9f9f9;
    background-size: 20px;
    cursor: pointer
}

.upload_pic .upload.one {
    left: 0px
}

.upload_pic .upload.two {
    left: calc(33.33% + 3px);
    left: -webkit-calc(33.33% + 3px)
}

.upload_pic .upload.thr {
    left: calc(66.66% + 6px);
    left: -webkit-calc(66.66% + 6px)
}

.upload_pic .upload input[type="file"] {
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border: none !important
}

.grade>p {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.grade .gold {
    background: url("/res/images/m_grade_review_gold.png") center / 36px no-repeat;
}

.grade .silver {
    background: url("/res/images/m_grade_review_silver.png") center / 36px no-repeat;
}

.grade .bronze {
    background: url("/res/images/m_grade_review_bronze.png") center / 36px no-repeat;
}

.grade .green {
    background: url("/res/images/m_grade_review_green.png") center / 36px no-repeat;
}

.grade .vip {
    background: url("/res/images/m_grade_review_vip.png") center / 36px no-repeat;
}

.grade .vipcusotm {
    background: url("/res/images/m_grade_review_vipcustom.png") center / 36px no-repeat;
}

.grade .celeb {
    background: url("/res/images/m_grade_review_celeb.png") center / 36px no-repeat;
}

.grade .tele {
    background: url("/res/images/m_grade_review_tele.png") center / 36px no-repeat;
}

.grade .test {
    background: url("/res/images/m_grade_review_test.png") center / 36px no-repeat;
}

.list_more {
    width: 256px;
    height: 48px;
    border-radius: 24px;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    display: block;
    padding: 13px 0;
    text-align: center;
    margin: 36px auto 0 auto;
}

.list_more span {
    background: url("/res/images/m_icn_down_32x32.png") center right no-repeat;
    background-size: 16px;
    padding-right: 20px;
    display: inline-block
}

/*.sub_tab .btn_area{width: 100%; display: table; table-layout: fixed; position: relative; margin: 0 auto 16px auto;}*/
/*.sub_tab .btn_area a{position:relative;width: 100%; display: table-cell; height: 40px; font-size: 14px; line-height: 20px; font-weight: 500; color: #999; text-align: center; padding: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}*/
/*.sub_tab .btn_area a:first-child{border-radius: 10px 0 0 10px; border-left: 1px solid #ddd;}*/
/*.sub_tab .btn_area a:last-child{border-radius: 0 10px 10px 0; border-right: 1px solid #ddd;}*/
/*.sub_tab .btn_area a:first-child:after{display: none;}*/
/*.sub_tab .btn_area a:after{content: ''; display: block; width: 1px; height: 40px; background:#ddd; position: absolute; left: 0; top: 0;}*/
/*.sub_tab .btn_area a.on{border: 1px solid #3cc814;}*/
/*.sub_tab .btn_area a.on:after{display: none;}*/
/*.sub_tab .btn_area a.on+a:after{display: none;}*/

/* 수정, 삭제 버튼 툴팁 */
.mine .wrt_tooltip.tooltip_div {
    display: block;
}

.wrt_tooltip.tooltip_div {
    display: none;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 20px;
    right: 20px;
    vertical-align: middle
}

.wrt_tooltip.tooltip_div .opener {
    background: url("/res/images/m_icn_edit_tooltip.png") top right no-repeat;
    background-size: 24px;
    height: 24px;
    display: block;
}

.wrt_tooltip.tooltip_div .tooltip {
    top: 36px !important;
}

.wrt_tooltip.tooltip_div .tooltip a {
    display: block;
    padding: 12px 36px 12px 14px;
    font-size: 13px;
    color: #000;
    border-bottom: 1px solid #ddd
}

.wrt_tooltip.tooltip_div .tooltip a:last-child {
    border-bottom: none;
}

.wrt_tooltip.tooltip_div .tooltip a.edit {
    background: url("/res/images/m_inc_tooltip_edit_btn.png") top 50% right 12px no-repeat;
    background-size: 16px;
}

.wrt_tooltip.tooltip_div .tooltip a.delete {
    background: url("/res/images/m_inc_tooltip_delete_btn.png") top 50% right 12px no-repeat;
    background-size: 16px;
}

/* btn 2개일때 */
.btn_type.btn_flex {
    display: flex
}

.btn_type.btn_flex a {
    width: 100%;
    margin-left: 8px;
}

.btn_type.btn_flex a:first-child {
    margin-left: 0px;
}

/* 바텀 툴바 */
.bottom_toolbar {
    display: flex;
    width: 100%;
}

.bottom_toolbar a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 14px 0
}

.bottom_toolbar a img {
    width: 28px;
    height: 28px;
}

.bottom_toolbar a img:nth-child(1) {
    display: inline-block;
}

.bottom_toolbar a img:nth-child(2) {
    display: none
}

.bottom_toolbar a.on img:nth-child(1) {
    display: none
}

.bottom_toolbar a.on img:nth-child(2) {
    display: inline-block
}

.bottom_toolbar a.on p {
    position: relative;
    display: inline-block
}

.bottom_toolbar a.bottom_seen_btn {
    padding: 8px 0
}

.bottom_toolbar a.bottom_seen_btn p {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: #f7f7f7;
    margin: 0 auto
}

.bottom_toolbar a.bottom_seen_btn p img {
    width: 40px;
    height: 40px;
}

/* 인디케이터 1depth 이상 추가 */
.indicator.accor_div .list.one_depth {
    position: relative;
    background: #fff;
    z-index: 12;
}

/* 221019 arrow icon */
.indicator .title h1 {
    padding-right: 24px;
    background: url("/res/images/m_icn_down_40x40.png") center right no-repeat;
    background-size: 20px;
}

/* 221019 arrow icon */
.indicator .list.on .title h1 {
    background: url("/res/images/m_icn_up_40x40.png") center right no-repeat;
    background-size: 20px;
}

.indicator.accor_div .list.one_depth .open.title {
    position: relative;
    /* 221019 arrow icon */
    width: auto;
    display: inline-block;
}

/* .indicator.accor_div .list.one_depth .open.title:after {
    content: '';
    display: block;
    position: absolute;
    top: 14px;
    right: -24px;
    width: 20px;
    height: 20px;
    background: url("/res/images/m_icn_down_40x40.png") center right no-repeat;
    background-size: 20px;
}

.indicator.accor_div .list.one_depth.on .open.title:after {
    background: url("/res/images/m_icn_up_40x40.png") center right no-repeat;
    background-size: 20px;
} */

.indicator.accor_div .list.one_depth .close {
    display: none;
    padding: 16px 36px;
    background: #fff;
    position: absolute;
    width: 100%;
}

.indicator.accor_div .list.one_depth .close:after {
    content: '';
    display: block;
    clear: both
}

.indicator.accor_div .list.one_depth .close a {
    display: table;
    float: left;
    margin-left: 32px;
    width: calc(50% - 16px);
    width: -webkit-calc(50% - 16px);
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
    color: #000;
    text-align: left
}

.indicator.accor_div .list.one_depth .close a:nth-child(2n-1) {
    margin-left: 0;
    clear: both
}

.indicator.accor_div .list.one_depth .close a span {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    word-break: break-all
}

.indicator.accor_div .list.one_depth .close a h2 {
    font-size: 14px;
    line-height: 20px;
}

.indicator.accor_div .list.two_depth {
    position: relative;
    background: #fff;
    z-index: 11;
}

.indicator.accor_div .list.two_depth .indi_menu {
    padding: 0 52px 0 20px;
}

.indicator.accor_div .list.two_depth .indi_menu:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #eee
}

.indicator.accor_div .list.two_depth .indi_menu .swiper-slide {
    width: auto;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #bbb;
    padding: 14px 0px;
    text-align: center;
}

.indicator.accor_div .list.two_depth .indi_menu .swiper-slide h2 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #bbb;
}

.indicator.accor_div .list.two_depth .indi_menu .swiper-slide.on {
    color: #000
}

.indicator.accor_div .list.two_depth .indi_menu .swiper-slide.on h2 {
    color: #000
}

.indicator.accor_div .list.two_depth .indi_menu .swiper-slide.on:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #000
}

.indicator.accor_div .list.two_depth .open {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 47px;
    z-index: 11;
}

.indicator.accor_div .list.two_depth .open:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url("/res/images/m_icn_down_40x40.png") center no-repeat #fff;
    background-size: 20px;
}

.indicator.accor_div .list.two_depth.on .open:after {
    background: url("/res/images/m_icn_up_40x40.png") center no-repeat #fff;
    background-size: 20px;
}

.indicator.accor_div .list.two_depth .close {
    display: none;
    padding: 16px 36px;
    background: #fff;
}

.indicator.accor_div .list.two_depth .close a {
    display: table;
    float: left;
    margin-left: 32px;
    width: calc(50% - 16px);
    width: -webkit-calc(50% - 16px);
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
    color: #000;
    text-align: left
}

.indicator.accor_div .list.two_depth .close a:nth-child(2n-1) {
    margin-left: 0;
    clear: both
}

.indicator.accor_div .list.two_depth .close a span {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    word-break: break-all
}

.indicator.accor_div .list.two_depth .close a h2 {
    font-size: 14px;
    line-height: 20px;
}


/* 카테고리 */
.cate_div.cate_pop {
    border-radius: 20px 20px 0 0;
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
    overflow-y: auto;
    z-index: 11;
    background: #fff;
}

.cate_div.cate_pop .btn_area {
    z-index: 11;
    border-radius: 20px 20px 0 0;
    position: absolute;
    width: 100%;
    height: 46px;
    top: 0;
    left: 0;
    background: #fff;
    text-align: right;
    padding: 16px 20px;
}

.cate_div.cate_pop .btn_area .close_btn {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url('/res/images/m_icn_close_56x56.png') no-repeat center;
    background-size: 28px;
    padding: 5px;
}

.cate_div.cate_pop .anchor_div {
    z-index: 11;
    position: absolute;
    width: 100%;
    top: 213px;
    left: 0;
    height: 45px;
    border-bottom: 1px solid #eee;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05)
}

.cate_div.cate_pop .anchor_div:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    height: 100%;
    background: #fff
}

.cate_div.cate_pop .anchor_div .anchor_tab {
    position: relative
}

.cate_div.cate_pop .anchor_div .anchor_tab a {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    color: #999;
    font-weight: 700;
    padding: 11px 10px;
}

.cate_div.cate_pop .anchor_div .anchor_tab a:first-child {
    margin-left: 10px;
}

.cate_div.cate_pop .anchor_div .anchor_tab a.on {
    color: #000;
    position: relative
}

.cate_div.cate_pop .anchor_div .anchor_tab a.on:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 10px;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    height: 3px;
    background: #3cc814
}

.cate_div.cate_pop .cate_wrap {
    position: relative;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.cate_div.cate_pop .cate_wrap .inner {
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
}

.cate_div.cate_pop .mem_div {
    padding-top: 56px
}

.cate_div.cate_pop .mem_div .mem_btn {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    font-weight: 700;
    margin-bottom: 16px;
    display: inline-block
}

.cate_div.cate_pop .mem_div.is_login .login {}

.cate_div.cate_pop .mem_div.is_login .logout {
    display: none;
}

.cate_div.cate_pop .info_div {
    background: #052822;
    color: #fff;
    width: 100%;
    border-radius: 20px;
}

.cate_div.cate_pop .login .info_div {
    display: flex;
    padding: 21px 18px
}

.cate_div.cate_pop .login .info_div a {
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    position: relative;
}

.cate_div.cate_pop .login .info_div a:not(:first-child):before {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    width: 1px;
    height: 36px;
    background: rgba(255, 255, 255, 0.1)
}

.cate_div.cate_pop .login .info_div a .count {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
}

.cate_div.cate_pop .login .info_div a .tit {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    opacity: 0.7;
    margin-top: 2px;
}

.cate_div.cate_pop .logout .info_div {
    display: block;
    padding: 26px 17px;
}

.cate_div.cate_pop .logout .mem_btn {
    padding-right: 20px;
    background: url("/res/images/m_icn_right_20x20.png") right center no-repeat;
    background-size: 20px;
}

.cate_div.cate_pop .logout .info_div:after {
    content: '';
    display: block;
    clear: both
}

.cate_div.cate_pop .logout .info_div .benefit {
    float: left;
}

.cate_div.cate_pop .logout .info_div .benefit .tit {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}

.cate_div.cate_pop .logout .info_div .benefit .desc {
    margin-top: 2px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
}

.cate_div.cate_pop .logout .info_div .join_btn {
    float: right;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #080202;
    background: url('/res/images/m_catepop_member.png') no-repeat left 12px top 50% #fff;
    background-size: 20px;
    padding: 11px 10px 9px 32px;
    border-radius: 8px;
}

.cate_div.cate_pop .anchor_wrap {
    position: relative;
}

.cate_div.cate_pop .menu .title {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-weight: 700;
}

.cate_div.cate_pop .inter_div {
    margin-top: 104px
}

.cate_div.cate_pop .inter_div .list_div {
    margin-top: 10px
}

.cate_div.cate_pop .inter_div .list_div:after {
    content: '';
    display: block;
    clear: both
}

.cate_div.cate_pop .inter_div .list_div .list {
    position: relative;
    float: left;
    padding: 15px 0 13px 40px;
    margin-left: 12px;
    width: calc(50% - 6px);
    width: -webkit-calc(50% - 6px);
}

.cate_div.cate_pop .inter_div .list_div .list:nth-child(2n-1) {
    margin-left: 0;
    clear: both
}

.cate_div.cate_pop .inter_div .list_div .list:nth-child(n+3) {
    margin-top: 4px
}

.cate_div.cate_pop .inter_div .list_div .list .icon {
    position: absolute;
    top: 12px;
    left: 0;
    width: 28px;
}

.cate_div.cate_pop .inter_div .list_div .list .icon img {
    width: 100%
}

.cate_div.cate_pop .inter_div .list_div .list .tit {
    font-size: 16px;
    line-height: 24px;
    color: #000
}

.cate_div.cate_pop .fn_div {
    margin-top: 60px
}

.cate_div.cate_pop .fn_div .list_div {
    margin-top: 10px
}

.cate_div.cate_pop .fn_div .list_div:after {
    content: '';
    display: block;
    clear: both
}

.cate_div.cate_pop .fn_div .list_div .list {
    display: table;
    position: relative;
    float: left;
    padding: 8px 18px;
    margin-left: 4px;
    width: calc(50% - 2px);
    width: -webkit-calc(50% - 2px);
    border-radius: 5px;
    background: #f7f7f7
}

.cate_div.cate_pop .fn_div .list_div .list:nth-child(2n-1) {
    margin-left: 0;
    clear: both
}

.cate_div.cate_pop .fn_div .list_div .list:nth-child(n+3) {
    margin-top: 4px
}

.cate_div.cate_pop .fn_div .list_div .list p {
    display: table-cell;
    height: 36px;
    font-size: 13px;
    line-height: 18px;
    color: #000;
    text-align: center;
    vertical-align: middle;
}

.cate_div.cate_pop .brand_div {
    margin-top: 60px;
}

.cate_div.cate_pop .brand_div .list_div {
    margin-top: 20px
}

.cate_div.cate_pop .brand_div .list_div .list {
    position: relative;
    float: left;
    margin-right: 24px;
    width: calc(33.33% - 16px);
    width: -webkit-calc(33.33% - 16px);
    text-align: center;
}

.cate_div.cate_pop .brand_div .list_div .list:nth-child(3n) {
    margin-right: 0px;
}

.cate_div.cate_pop .brand_div .list_div .list:nth-child(n+4) {
    margin-top: 24px
}

.cate_div.cate_pop .brand_div .list_div .list a {
    width: 90px;
}

.cate_div.cate_pop .brand_div .list_div .list .logo {
    position: relative;
    width: 90px;
    height: 90px;
    background: #f7f7f7;
    border-radius: 50%;
    margin: 0 auto;
}

.cate_div.cate_pop .brand_div .list_div .list .logo img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 72px;
    height: 72px
}

.cate_div.cate_pop .brand_div .list_div .list.pet .logo:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 32px;
    height: 32px;
    background-color: rgb(64, 15, 15, 0.8);
    background-blend-mode: multiply;
    border-radius: 100%;
}

.cate_div.cate_pop .brand_div .list_div .list.pet .logo:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("/res/images/pet_20.png");
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.cate_div.cate_pop .brand_div .list_div .list .tit {
    width: 90px;
    margin: 8px auto 0 auto;
    font-size: 14px;
    line-height: 18px;
    color: #555;
    font-weight: 400
}

.cate_div.cate_pop .service_div {
    margin-top: 60px;
}

.cate_div.cate_pop .service_div .list_div {
    margin-top: 20px;
    width: 100%;
}

.cate_div.cate_pop .service_div .list_div .list {
    float: left;
    width: calc(25% - 15px);
    width: -webkit-calc(25% - 15px);
    margin-right: 20px;
    text-align: center;
}

.cate_div.cate_pop .service_div .list_div .list:nth-child(n+5) {
    margin-top: 24px;
}

.cate_div.cate_pop .service_div .list_div .list:nth-child(4n+0) {
    margin-right: 0;
}

.cate_div.cate_pop .service_div .list_div .list a {
    width: 64px;
}

.cate_div.cate_pop .service_div .list_div .list .icn {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #f7f7f7;
    margin: 0 auto;
}

.cate_div.cate_pop .service_div .list_div .list .icn img {
    width: 40px;
    height: 40px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.cate_div.cate_pop .service_div .list_div .list .tit {
    margin-top: 8px;
    font-size: 14px;
    color: #555;
}

.cate_div.cate_pop .bottom_area {
    margin-top: 72px
}

.cate_div.cate_pop .bottom_area .banner {
    display: block
}

.cate_div.cate_pop .bottom_area .banner img {
    width: 100%;
}

.cate_div.cate_pop .bottom_area .foot_area {
    padding: 42px 20px 72px;
    background: #f9f9f9;
    text-align: center;
    border-top: 10px solid #f5f5f5
}

.cate_div.cate_pop .bottom_area .foot_area .cs_tel {
    display: block;
    margin: 0 auto;
    padding: 10px 29px;
    width: 242px;
    border-radius: 25px;
    border: 1px solid #bbb
}

.cate_div.cate_pop .bottom_area .foot_area .cs_tel:after {
    content: '';
    display: block;
    clear: both
}

.cate_div.cate_pop .bottom_area .foot_area .cs_tel .tit {
    float: left;
    font-size: 16px;
    line-height: 28px;
    color: #000
}

.cate_div.cate_pop .bottom_area .foot_area .cs_tel .tel {
    float: right;
    padding-left: 20px;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    background: url('/res/images/m_footer_cs_icon.png') no-repeat left center;
    background-size: 20px
}

.cate_div.cate_pop .bottom_area .foot_area .noti {
    margin-top: 10px;
    font-size: 12px;
    line-height: 16px;
    color: #777
}

.cate_div.cate_pop .bottom_area .foot_area .cs_link {
    display: inline-block;
    margin-top: 24px;
    padding-right: 16px;
    font-size: 13px;
    line-height: 20px;
    color: #555;
    background: url('/res/images/m_icn_right_gry_32x32.png') no-repeat right 1px;
    background-size: 16px
}

.cate_div.cate_pop .brand_div.mini .list_div .list .logo {
    width: 80px;
    height: 80px;
}

.cate_div.cate_pop .brand_div.mini .list_div .list .tit {
    width: 80px;
    font-size: 12px;
}

.cate_div.cate_pop .service_div.mini .list_div .list .icn {
    width: 60px;
    height: 60px;
}


/* 검색 */
.search_div {}

.search_div .search-wrap {
    padding-top: 64px;
    padding-bottom: 80px;
}

.search_div .search-wrap .product_list_top {
    padding: 12px 0;
}

.search_div .devide:after {
    content: '';
    display: block;
    width: 100%;
    height: 10px;
    background: #f7f7f7;
}

.search_div.search_pop {
    position: fixed;
    background: #fff;
    padding-top: 76px;
    bottom: -100%;
    right: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    z-index: 11;
    margin-top: 0;
}

.search_div.search_pop .search_data_div {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.search_div.search_pop .btn_area {
    z-index: 11;
    position: absolute;
    width: 100%;
    height: 72px;
    top: 0;
    left: 0;
    background: #fff;
    text-align: right;
    padding: 12px 46px 12px 16px;
}

.search_div.search_pop .btn_area.fixed {
    position: fixed;
}

.search_div.search_pop .btn_area .close_btn {
    position: absolute;
    top: 17px;
    right: 3px;
    width: 38px;
    height: 38px;
    background: url('/res/images/m_icn_close_56x56.png') no-repeat center;
    background-size: 28px;
}

.search_div.search_pop .top_div {
    display: block;
    position: relative;
    width: 100%;
    background: #fff;
    z-index: 11;
    height: 48px;
}

.search_div.search_pop .top_div .input_form {
    margin-top: 0;
    width: 100%;
    padding: 0;
    position: relative
}

.search_div.search_pop .search_words {
    display: none;
    position: absolute;
    top: 64px;
    left: 0;
    width: 100%;
    height: calc(100% - 64px);
    height: -webkit-calc(100% - 64px);
    background: #fff;
    z-index: 2;
    overflow-y: auto
}

.search_div.search_pop .search_words p {
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
    word-break: break-all;
}

.search_div.search_pop .search_words p a {
    display: inline-block;
    padding: 4px 0;
    font-size: 14px;
    line-height: 28px;
    color: #000;
    word-break: break-all
}

.search_div.search_pop .search_words p a span {
    color: #3cc814
}

.search_div.search_pop .search_words p.keyword {
    padding: 40px 20px;
    font-size: 14px;
    line-height: 18px;
    color: #555;
    text-align: center;
    border-bottom: none
}

.search_div.search_pop .search_words .no_data_div .txt_area {
    padding: 100px 20px 24px;
    background-position: center 24px
}

.search_div.search_pop .search_words .no_data_div p {
    padding: 0;
    border-bottom: none
}

.search_div .search_data_div .recommend_div .pd_swiper .swiper-slide .cart_btn {
    bottom: 20px;
    right: 5px
}

.search_div .search_data_div .recommend_div .pd_swiper .swiper-slide .alarm {
    bottom: 20px;
    right: 5px
}

.search_div .search_data_div .recommend_div .pd_swiper .swiper-slide .heart {
    top: 132px;
    right: 16px
}

.search_div .tit_div {
    margin-top: 36px;
    padding: 13px 0;
}

.search_div .tit_div .tit {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #000;
}

.search_div .top_div {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 9;
    height: 48px;
    padding: 4px 0;
    display: flex;
    flex: auto;
}

.search_div .top_div .prev {
    width: 36px;
    height: 40px;
    padding-left: 8px;
    background: url("/res/images/m_icn_left_56x56.png") center no-repeat;
    background-size: 28px;
}

.search_div .top_div .input_form {
    margin-top: 0;
    width: 100%;
    padding: 0 16px;
    position: relative
}

.search_div .top_div .input_form .input_area input {
    border: 1px solid #bbb;
    background: #fff;
    height: 40px;
    margin-right: 0;
    padding-right: 65px
}

.search_div .top_div .input_form .clear_has .delete {
    right: 35px;
    z-index: 1
}

.search_div .top_div .input_form .search_btn {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 5px;
    right: 7px;
    background: url("/res/images/m_icn_search_40x40.png") center no-repeat;
    background-size: 20px;
}

.search_div .no_data_div .cont_box {
    position: relative;
    padding: 32px 0;
}

.search_div .no_data_div .cont_box .icn {
    margin-bottom: 12px;
}

.search_div .no_data_div .cont_box .icn img {
    width: 64px;
    height: 64px;
}

.search_div .no_data_div .cont_box .desc {
    font-size: 14px;
    line-height: 17px;
    color: #555;
}

.search_div .no_data_div .cont_box .desc span {
    font-weight: 500;
    color: #3cc814
}

.search_div .search_data_div .no_search_rslt .cont_box {
    text-align: center;
    padding: 52px 0;
}

.search_div .search_data_div .no_search_rslt .cont_box .icn {
    margin-bottom: 12px;
}

.search_div .search_data_div .no_search_rslt .cont_box .icn img {
    width: 64px;
    height: 64px;
}

.search_div .search_data_div .no_search_rslt .cont_box .desc {
    font-size: 14px;
    color: #555;
}

.search_div .search_data_div .latest_div {
    margin-bottom: 36px;
}

.search_div.search_pop .search_data_div .latest_div .tit_div {
    margin-top: 0;
}

.search_div .search_data_div .latest_div .tit_div {
    margin-top: 16px;
}

.search_div .search_data_div .latest_div .tit_div .tit {
    float: left;
}

.search_div .search_data_div .latest_div .tit_div .tit:after {
    display: block;
    content: '';
    clear: both;
}

.search_div .search_data_div .latest_div .tit_div .delete_all {
    float: right;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.search_div .search_data_div .latest_div .tit_div .delete_all:after {
    display: block;
    content: '';
    clear: both;
}

.search_div .search_data_div .latest_div .list_div:after {
    display: block;
    content: '';
    clear: both;
}

.search_div .search_data_div .latest_div .list_div .list {
    position: relative;
    float: left;
    max-width: 100%;
    margin: 8px 8px 0 0;
    padding: 0 37px 0 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.search_div .search_data_div .latest_div .list_div .list .keywords {
    display: block;
    padding: 10px 1px 8px 17px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.search_div .search_data_div .latest_div .list_div .list .delete {
    position: absolute;
    top: 11px;
    right: 14px;
    width: 16px;
    height: 16px;
    background: url(/res/images/m_icn_search_delete.png) no-repeat;
    background-size: 16px;
}

.search_div .search_data_div .hottest_div {}

.search_div .search_data_div .hottest_div .tit_div {
    margin-top: 0
}

.search_div .search_data_div .hottest_div .list_div {}

.search_div .search_data_div .hottest_div .list_div:after {
    display: block;
    content: '';
    clear: both;
}

.search_div .search_data_div .hottest_div .list_div .left {
    float: left;
    width: 50%;
}

.search_div .search_data_div .hottest_div .list_div .right {
    float: left;
    width: 50%;
}

.search_div .search_data_div .hottest_div .list_div .list {}

.search_div .search_data_div .hottest_div .list_div .list .keywords {
    font-size: 14px;
    color: #000;
    padding: 8px 0;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%;
    overflow: hidden;
}

.search_div .search_data_div .hottest_div .list_div .list .keywords span {
    color: #3cc814;
    font-weight: 700;
    margin-right: 12px;
    width: 17px;
    display: inline-block;
    text-align: center;
}

.search_div .search_data_div .recommend_div {
    padding-bottom: 100px;
}

.search_div .search_data_div .recommend_div .tit_div {
    margin-bottom: 4px;
}

.search_div .search_data_div .recommend_div .tit_div .tit {
    float: left
}

.search_div .search_data_div .recommend_div .tit_div .more_btn {
    float: right;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    padding-right: 14px;
    background: url("/res/images/m_icn_right_24x32.png") center right no-repeat;
    background-size: 12px 16px;
}

.search_div .search_data_div .recommend_div .pd_swiper {
    padding: 21px 40px 36px 20px;
    margin-top: -17px;
}

.search_div .search_data_div .recommend_div .pd_swiper .swiper-slide {
    padding: 10px;
    width: 180px;
    height: 314px;
    border-radius: 20px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.search_div .search_data_div .recommend_div .pd_swiper .swiper-slide .thumb {
    width: 160px;
    height: 160px;
    text-align: center
}

.search_div .search_data_div .recommend_div .pd_swiper .swiper-slide .pd_info .name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search_div .search_data_div .recommend_div .pd_swiper .swiper-slide .pd_info .etc {
    display: none
}

.search_div .search_data_div .recommend_div .pd_swiper .swiper-slide .pd_info .badge {
    display: none
}

.search_div .search_data_div .recommend_div .pd_swiper .swiper-scrollbar {
    bottom: 0;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    left: 20px;
    height: 4px;
    background: #eee;
    border-radius: 2px
}

.search_div .search_data_div .recommend_div .pd_swiper .swiper-scrollbar .swiper-scrollbar-drag {
    background: #000;
    border-radius: 3px
}

/*** 선물하기 ***/
/* 메인 */
.gift_main {}

.gift_main .cate {
    position: relative;
}

.gift_main .sub_tab a {
    width: 50%
}

.gift_main .recomm {}

.gift_main .recomm.cont_parent {}

.gift_main .recomm.cont_parent .banner {
    margin: 0 auto;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px)
}

.gift_main .recomm.cont_parent .banner img {
    width: 100%;
    border-radius: 15px
}

.gift_main .recomm.cont_parent .top_box {
    padding: 32px 20px 40px 20px;
}

.gift_main .recomm.cont_parent .top_box .tit {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    font-weight: 700;
    margin-bottom: 16px;
}

.gift_main .recomm.cont_parent .top_box .cont_tab {}

.gift_main .recomm.cont_parent .top_box .cont_tab .gender {
    width: 100%;
    padding: 0 16px;
}

.gift_main .recomm.cont_parent .top_box .cont_tab .gender a {
    display: block;
    float: left;
    width: calc(50% - 4px);
    width: -webkit-calc(50% - 4px);
    height: 60px;
    line-height: 32px;
    padding: 14px 0;
    text-align: center;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 700;
}

.gift_main .recomm.cont_parent .top_box .cont_tab .gender a:not(:last-child) {
    margin-right: 8px;
}

.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.on {
    font-weight: 700;
    color: #000;
}

.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.female {
    background: rgba(251, 98, 142, 0.15);
}

.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.female.on {
    background: #fb628e;
    box-shadow: 0 0 20px 0 rgba(233, 174, 191, 1);
}

.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.male {
    background: rgba(40, 181, 235, 0.15);
}

.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.male.on {
    background: #28b5eb;
    box-shadow: 0 0 20px 0 rgba(163, 217, 238, 1);
}

.gift_main .recomm.cont_parent .top_box .cont_tab .gender a span {
    display: inline-block;
    padding-left: 42px;
}

.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.female span {
    background: url("/res/images/m_icn_woman_off.png") left center no-repeat;
    color: #f498b3;
    background-size: 32px;
}

.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.female.on span {
    background: url("/res/images/m_icn_woman_on.png") left center no-repeat;
    color: #fff;
    background-size: 32px;
}

.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.male span {
    background: url("/res/images/m_icn_man_off.png") left center no-repeat;
    color: #97d8f2;
    background-size: 32px;
}

.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.male.on span {
    background: url("/res/images/m_icn_man_on.png") left center no-repeat;
    color: #fff;
    background-size: 32px;
}

.gift_main .recomm.cont_parent .top_box .cont_tab .gender a.male {}

.gift_main .recomm.cont_parent .top_box .age_box {
    position: absolute;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    z-index: 2;
}

.gift_main .recomm.cont_parent .top_box .age {
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed;
    background: #052832;
    padding: 14px 24px;
    border-radius: 15px;
    margin-top: 14px;
}

.gift_main .recomm.cont_parent .top_box .age:after {
    content: '';
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    top: -8px;
    left: 25%;
    border-top: none;
    border-bottom: 8px solid #052822;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.gift_main .recomm.cont_parent .top_box .age.female_caret:after {
    left: 25%;
}

.gift_main .recomm.cont_parent .top_box .age.male_caret:after {
    left: 75%;
}

.gift_main .recomm.cont_parent .top_box .age a {
    position: relative;
    display: table-cell;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
}

.gift_main .recomm.cont_parent .top_box .age a:not(:first-child):after {
    display: block;
    content: '';
    position: absolute;
    width: 1px;
    height: 12px;
    top: 5px;
    background: rgba(255, 255, 255, 0.5)
}

.gift_main .recomm.cont_parent .top_box .age a.on {
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}

.gift_main .recomm.cont_parent .cont_con {
    padding-top: 42px;
}

.gift_main .recomm.cont_parent .cont_con.female {
    display: block
}

.gift_main .product_list_div {}

.gift_main .best .product_list_div .product_list.list .heart {
    display: block;
    bottom: 122px;
    right: 6px;
    width: 32px;
    height: 32px;
    background: url("/res/images/m_icn_circle_heart_off_32x32.png") center / contain no-repeat;
}

.gift_main .best .product_list_div .product_list.list .heart.on {
    background: url("/res/images/m_icn_circle_heart_on_32x32.png") center / contain no-repeat;
}

.gift_main .best .product_list_div.hor .product_list.list .heart {
    bottom: 6px;
    left: 114px;
}

.gift_main .cont_parent .cont_con.best {}

/* 선물하기 공통 */
.present_div .top .tit {
    color: #333;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    text-align: center
}

.present_div .present_pay .top .desc {
    font-size: 13px;
    line-height: 18px;
    color: #333;
    margin-top: 12px;
    font-weight: 400;
}

.present_div .present_pay .top_area .desc {
    font-size: 13px;
    line-height: 18px;
    color: #333;
    margin-top: 12px;
    font-weight: 400;
}

.present_div .present_pay .present_radio .radio_box:not(:first-child) {
    margin-left: 10px
}

.present_div .present_pay .present_way {
    position: relative;
    width: 220px;
    margin: 14px 0 32px 0;
    padding: 8px 16px;
    color: #fff;
    background: #052822;
    font-size: 13px;
    line-height: 18px;
    border-radius: 18px;
}

.present_div .present_pay .present_way:after {
    content: '';
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    top: -8px;
    left: 36px;
    border-top: none;
    border-bottom: 8px solid #052822;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.present_div .top .tit span {
    color: #3cc814;
    font-weight: 700;
}

.present_div .pay_area .accor_div .list .top .tit {
    text-align: left;
}

/****************/

.present_div .present_pay .accor_div .list .tit {
    text-align: left
}

.present_div .present_pay .accor_div .list .close .input_form {}

.present_div .present_pay .accor_div .list.cost .close {}

.present_div .present_pay .accor_div .list.cost .close .list {
    margin-top: 13px;
}

.present_div .present_pay .accor_div .list .close .pay_way_div {
    position: relative;
}

.present_div .present_pay .accor_div .list .close .pay_way_div .radio_div {}

.present_div .present_pay .accor_div .list .close .pay_way_div .radio_div:not(:first-child) {
    margin-top: 24px;
}

.present_div .present_pay .accor_div .list .close .pay_way_div .radio_box {}

.present_div .accor_div .list .close.message_div {
    padding-top: 0;
    padding-bottom: 127px;
    position: relative;
}

.present_div .accor_div .list .close.message_div .present_msg {
    padding: 16px 20px 36px 20px;
    margin: auto -20px;
    background: #f9f9f9;
}

.present_div .accor_div .list .close.message_div .present_msg .swiper-slide {
    width: 76px;
    height: 53px;
    border-radius: 6px;
    position: relative
}

.present_div .accor_div .list .close.message_div .present_msg .swiper-slide.on:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 10px;
    position: absolute;
    border: 2px solid #3cc814;
}

.present_div .accor_div .list .close.message_div .present_msg .swiper-slide .img_wrap {
    width: 68px;
    height: 45px;
    margin: 4px;
    border-radius: 6px;
    overflow: hidden;
}

.present_div .accor_div .list .close.message_div .present_msg .swiper-slide img {
    width: 80px;
    height: 62px;
    border-radius: 6px;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.present_div .accor_div .list .close.message_div .present_msg .swiper-slide .msg_tit {
    margin-top: 8px;
    text-align: center;
    font-size: 13px;
    line-height: 16px;
    color: #333
}

.present_div .accor_div .list .close.message_div .bg_area {
    position: relative;
    width: calc(100% + 40px);
    width: -webkit-calc(100% + 40px);
    margin: 0 -20px;
    height: 280px;
    overflow: hidden;
    background: #1fc691;
}

.present_div .accor_div .list .close.message_div .bg_area img {
    width: 360px;
    height: 280px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

.present_div .accor_div .list .close.message_div .textarea_wrap {
    position: absolute;
    width: 288px;
    height: 200px;
    padding: 20px 24px 45px 24px;
    border-radius: 20px;
    background: #fff;
    left: 50%;
    bottom: 32px;
    transform: translateX(-50%);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.present_div .accor_div .list .close.message_div .textarea_wrap textarea {
    width: 100%;
    height: 136px;
    text-align: center;
    font-size: 14px;
    line-height: 34px;
    background: url("/res/images/m_txtarea_bg.png") top left repeat-y #fff;
    background-size: 100% 34px;
    padding: 0 10px;
    border-radius: 0
}

.present_div .accor_div .list .close.message_div .textarea_wrap .placeholder {
    color: #bbb;
    font-size: 14px;
    line-height: 28px;
    position: absolute;
    top: 53px;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
}

.present_div .accor_div .list .close.message_div .textarea_wrap .msg_from {
    color: #777;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    bottom: 24px;
    right: 24px;
}

.present_div .present_pay .recieve_select .top {
    background: none;
    padding-top: 0
}

.present_div .top .btn.kakao_select {
    color: #3cc814;
    display: inline-block;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    height: 54px;
    background: #ffe500;
    margin-top: 24px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    border-radius: 10px
}

.present_div .top .btn.kakao_select span {
    display: inline-block;
    padding: 17px 0 17px 40px;
    background: url("/res/images/m_icn_kakao.png") center left no-repeat;
    background-size: 36px;
}

.present_div .top_area .btn.kakao_select {
    color: #3cc814;
    display: inline-block;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    height: 54px;
    background: #ffe500;
    margin-top: 24px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    border-radius: 10px
}

.present_div .top_area .btn.kakao_select span {
    display: inline-block;
    padding: 17px 0 17px 40px;
    background: url("/res/images/m_icn_kakao.png") center left no-repeat;
    background-size: 36px;
}

.present_div .pay_div .receive_summary {
    border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 17px 24px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    margin-top: 24px;
}

.present_div .pay_div .receive_summary .left {
    float: left
}

.present_div .pay_div .receive_summary .right {
    text-align: right;
    float: right
}

.present_div .pay_div .receive_summary:after {
    content: '';
    display: block;
    clear: both;
}

.present_div .present_receive .top {
    padding-bottom: 32px;
}

.present_div .present_receive .top .btn {
    margin-top: 24px;
}

.present_div .present_receive .accor_div .list .close .list_div .list .pd_info .many {
    margin-top: 20px;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.present_div .present_receive .accor_div .list .message_div {
    padding-top: 0;
    padding-bottom: 96px;
    position: relative;
}

.present_div .present_receive .accor_div .list .message_div .present_msg {
    padding: 12px 20px;
    margin: auto -20px;
    background: #f9f9f9;
}

.present_div .present_receive .accor_div .list .message_div .present_msg .swiper-slide {
    width: auto;
    border-radius: 6px;
    padding: 4px;
    position: relative;
}

.present_div .present_receive .accor_div .list .message_div .present_msg .swiper-slide.on:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 15px;
    position: absolute;
    border: 2px solid #3cc814;
}

.present_div .present_receive .accor_div .list .message_div .present_msg .swiper-slide img {}

.present_div .present_receive .accor_div .list .message_div .bg_area {
    position: relative;
}

.present_div .present_receive .accor_div .list .message_div .bg_area img {
    width: 100%
}

.present_div .present_receive .accor_div .list .message_div .textarea_wrap {
    position: absolute;
    width: calc(100% - 64px);
    width: -webkit-calc(100% - 64px);
    height: 200px;
    padding: 20px 24px 45px 24px;
    border-radius: 20px;
    background: #fff;
    left: 50%;
    bottom: 32px;
    transform: translateX(-50%);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.present_div .present_receive .accor_div .list .message_div .textarea_wrap textarea {
    width: 100%;
    height: 136px;
    text-align: center;
    font-size: 14px;
    line-height: 34px;
    background: url("/res/images/m_txtarea_bg.png") top left repeat-y #fff;
    background-size: 100% 34px;
    padding: 0 10px;
}

.present_div .present_receive .accor_div .list .message_div .textarea_wrap .msg_from {
    color: #777;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    bottom: 24px;
    right: 24px;
}

.present_div .present_receive .accor_div .list .receive_summary {
    margin-bottom: 24px;
}

.present_div .list.info_div {
    padding-bottom: 72px;
}

.present_div .list.info_div .dot_indent {
    margin-top: 24px;
}

.present_div .present_receive .reject_btn {
    position: relative;
    display: block;
    text-align: center;
    margin: 24px auto 72px auto;
    width: 236px;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    padding: 13px 0;
    border-radius: 24px;
    border: 1px solid #ccc;
}

.present_div .present_receive .reject_btn.disabled_btn {
    color: #ccc;
    border: 1px solid #ddd;
}

.present_div .present_receive .page_bottom_noti {
    margin-top: 0
}

.present_div .present_reject .top {
    padding-top: 22px;
}

.present_div .present_reject .top .btn {
    margin-top: 46px;
}

.present_div .present_receive.present_reject .btn_type a.reject_btn {
    color: #ccc;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 0;
    border-radius: 10px;
    border: 1px solid #ddd;
    background: transparent
}

.present_div .accor_div .list .close .addr_info_div {
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.present_div .accor_div .list .close .addr_info_div .name {
    margin-bottom: 16px;
}

.present_div .accor_div .list .close .addr_info_div .chg_btn {
    float: right;
    font-size: 14px;
    line-height: 20px;
    color: #3cc814;
    text-decoration: underline;
    font-weight: 500;
}

.present_div .accor_div .list .close .addr_info_div .addr {
    margin-bottom: 8px;
}

.present_div .accor_div .list .close .addr_info_div .phone {
    margin-bottom: 16px;
}

.present_div .accor_div .list .close .addr_info_div .request {
    background: #f7f7f7;
    border-radius: 10px;
    padding: 16px;
}

.present_div .pay_comp.ord_comp .top_area {
    background: url('/res/images/m_comp_gift_128x128.png') no-repeat center 8px;
    background-size: 64px
}

.present_div .pay_comp.pay_comp .top_area {
    background: url('/res/images/m_comp_gift_128x128.png') no-repeat center 8px;
    background-size: 64px
}

.present_div .pay_comp.recieve_select .top_area {
    padding-top: 0;
    background: none
}

.present_div .pay_comp .top_area.delivery {
    background: url('/res/images/m_comp_delivery_128x128.png') no-repeat center 8px;
    background-size: 64px
}

.present_div .pay_comp .top_area.comp {
    background: url('/res/images/m_icn_check_128x128.png') no-repeat center 8px;
    background-size: 64px
}

.present_div .dlv_comp_btn .btn {
    display: flex;
    padding: 32px 0 80px 0
}

.present_div .dlv_comp_btn .btn a {
    display: block;
    margin-left: 8px;
    padding: 14px 0;
    width: 100%;
    text-align: center;
}

.present_div .dlv_comp_btn .btn a:first-child {
    margin-left: 0
}

.bottom_fix .btn a.grn.disabled_btn {
    background: #ddd;
    color: #fff;
    border: none
}

.dlvInsChk_pop .dlvInsChk_div .txt {
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.dlvInsChk_pop .dlvInsChk_div .desc {
    background: #f7f7f7;
    padding: 16px;
    font-size: 13px;
    line-height: 18px;
    color: #000;
    border-radius: 6px;
    margin-top: 10px;
    text-align: left
}

.dlvInsChk_pop .dlvInsChk_div .desc p:not(:first-child) {
    margin-top: 4px;
}

.dlvInsChk_pop .dlvInsChk_div .desc .info {}

.dlvInsChk_pop .dlvInsChk_div .desc .info .name {}

.dlvInsChk_pop .dlvInsChk_div .desc .info .phone {
    margin-left: 8px;
}

.dlvInsChk_pop .dlvInsChk_div .desc .addr {
    font-weight: 300;
}

/* 리뷰 */
.review_div {
    width: 100%;
}

.review_div .devide:after {
    content: '';
    display: block;
    width: 100%;
    height: 10px;
    background: #f7f7f7;
}

.review_div .top .tit {
    font-size: 20px;
    line-height: 26px;
    color: #000;
    font-weight: 700;
    margin-top: 12px;
    margin-bottom: 10px;
    letter-spacing: -1px
}

.review_div .top .best_review {
    padding-bottom: 40px;
}

.review_div .top .best_review .review_swiper {
    padding: 34px 36px 28px 20px;
    margin-top: -30px;
}

.review_div .top .best_review .review_swiper .swiper-slide {
    height: 415px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden
}

.review_div .top .best_review .review_swiper .swiper-slide:after {
    content: '';
    display: none;
    position: absolute;
    top: 12px;
    left: 12px;
    width: 60px;
    height: 60px;
    background: url('/res/images/m_review_best_icn.png') no-repeat;
    background-size: 60px
}

.review_div .top .best_review .review_swiper .swiper-slide .thumb {
    position: relative;
    width: 100%;
    height: 206px
}

.review_div .top .best_review .review_swiper .swiper-slide .thumb .rank {
    display: none;
    position: absolute;
    width: 60px;
    height: 60px;
    padding-top: 5px;
    text-align: center;
    border-radius: 8px;
    background: #052832;
    color: #fff;
    top: 12px;
    left: 12px;
    font-weight: 700;
}

.review_div .top .best_review .review_swiper .swiper-slide .thumb .rank p:first-child {
    font-size: 24px;
    line-height: 30px;
}

.review_div .top .best_review .review_swiper .swiper-slide .thumb .rank p:last-child {
    font-size: 14px;
    line-height: 20px;
}

.review_div .top .best_review .review_swiper .swiper-slide .txt_area {
    padding: 24px 20px 0
}

.review_div .top .best_review .review_swiper .swiper-slide .txt_area .star_div {
    margin-top: 4px;
}

.review_div .top .best_review .review_swiper .swiper-slide .txt_area .star_div p {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.2px;
    font-weight: 700;
    color: #000;
    margin-left: 6px;
    vertical-align: top
}

.review_div .top .best_review .review_swiper .swiper-slide .txt_area .name {
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.review_div .top .best_review .review_swiper .swiper-slide .txt_area .text {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 12px;
    width: 100%;
    height: 60px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
}

.review_div .top .best_review .review_swiper .swiper-slide .txt_area .etc {
    margin-top: 12px
}

.review_div .top .best_review .review_swiper .swiper-slide .txt_area .etc:after {
    content: '';
    display: block;
    clear: both
}

.review_div .top .best_review .review_swiper .swiper-slide .txt_area .etc p:not(:last-child) {
    position: relative;
    padding-right: 17px;
}

.review_div .top .best_review .review_swiper .swiper-slide .txt_area .etc p:not(:last-child):after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 12px;
    top: 4px;
    right: 8px;
    background: #ddd;
}

.review_div .top .best_review .review_swiper .swiper-slide .txt_area .etc .date {
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #999;
}

.review_div .top .best_review .review_swiper .swiper-slide .txt_area .etc .id {
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    text-align: right
}

.review_div .top .best_review .review_swiper .swiper-pagination {
    bottom: 0
}

.review_div .top .best_review .review_swiper .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    margin: 0 4px;
    width: 4px;
    height: 4px;
    background: #eee;
    border-radius: 20px;
    transition: width 0.4s ease
}

.review_div .top .best_review .review_swiper .swiper-pagination .swiper-pagination-bullet-active {
    width: 40px;
    border-radius: 3px;
    background: #000
}

.review_div .top .review_info_div .write_div {
    padding: 10px 0;
    margin-bottom: 8px;
}

.review_div .top .review_info_div .write_div:after {
    content: '';
    display: block;
    clear: both
}

.review_div .top .review_info_div .write_div .desc {
    float: left;
    font-size: 16px;
    line-height: 28px;
    color: #000;
}

.review_div .top .review_info_div .write_div .desc b {
    color: #000;
    font-weight: 700;
    margin-right: 6px
}

.review_div .top .review_info_div .write_div .desc a {
    color: #3cc814;
    font-weight: 700;
}

.review_div .top .review_info_div .write_div a.btn {
    float: right;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #bbb;
    font-size: 13px;
    line-height: 16px;
    color: #555;
    padding: 5px 8px;
    text-align: center;
}

.review_div .top .benefit_div {
    border-radius: 10px;
    background: #f2fef0;
    padding: 18px 24px;
    margin-bottom: 32px;
}

.review_div .top .benefit_div .benefit {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.review_div .top .benefit_div .benefit .benefit_dtl {
    display: table-cell;
    width: 100%;
    text-align: center
}

.review_div .top .benefit_div .benefit .benefit_dtl .title {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    font-weight: 400;
    display: inline-block
}

.review_div .top .benefit_div .benefit .benefit_dtl .title:after {
    content: '';
    display: block;
    clear: both
}

.review_div .top .benefit_div .benefit .benefit_dtl .title .icn {
    float: left;
    width: 24px;
    height: 24px;
}

.review_div .top .benefit_div .benefit .benefit_dtl .title .icn img {
    width: 100%
}

.review_div .top .benefit_div .benefit .benefit_dtl .title span {
    float: left
}

.review_div .top .benefit_div .benefit .benefit_dtl .title .tooltip_div {
    float: left;
    width: 16px;
    height: 24px;
    background: url("/res/images/m_icn_question_32x32.png") left center no-repeat;
    background-size: 16px;
}

.review_div .top .benefit_div .benefit .benefit_dtl .title .tooltip_div .tooltip {
    text-align: left;
}

.review_div .top .benefit_div .benefit .benefit_dtl .title .tooltip_div .tooltip .tit {
    margin-top: 0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #555;
    font-weight: 500;
    margin-bottom: 8px;
}

.review_div .top .benefit_div .benefit .benefit_dtl .title .tooltip_div .tooltip .desc {
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.2px;
    color: #555;
    font-weight: 400;
}

.review_div .top .benefit_div .benefit .benefit_dtl .point {
    margin-top: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #3cc814;
    font-weight: 700;
}

.review_div .review_list .search_box {
    padding-top: 24px;
}

.review_div .review_list .search_box .select_div {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 12px;
}

.review_div .review_list .search_box .select_div .select_area {
    display: table-cell;
    width: calc(100% - 4px);
    width: -webkit-calc(100% - 4px);
}

.review_div .review_list .search_box .select_div .select_area select {
    width: calc(100% - 4px);
    width: -webkit-calc(100% - 4px);
}

.review_div .review_list .search_box .select_div .btn {
    text-align: center;
    display: table-cell;
    width: calc(100% - 5px);
    width: -webkit-calc(100% - 5px);
    border-radius: 10px;
    border: 1px solid #3cc814;
    color: #3cc814;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    padding: 9px;
    height: 48px;
}

.review_div .review_list .search_box .search_area {
    margin-bottom: 24px;
}

.review_div .review_list .search_box .search_area .input_form {
    margin-top: 0;
    width: 100%;
    position: relative
}

.review_div .review_list .search_box .search_area .input_form .input_area input {
    border: 1px solid #bbb;
    background: #fff;
    height: 40px;
    padding-right: 70px;
    margin-right: 0
}

.review_div .review_list .search_box .search_area .input_form .search_btn {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 5px;
    right: 6px;
    background: url("/res/images/m_icn_search_40x40.png") center no-repeat;
    background-size: 20px;
}

.review_div .review_list .search_box .search_area .input_form .input_area.clear_has .delete {
    right: 30px;
}

.review_div .review_list .cnt_box {
    padding: 0 20px 12px 20px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.review_div .review_list .cnt_box .cnt {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    letter-spacing: -0.2px;
}

.review_div .review_list .cnt_box .tooltip_div {
    float: right;
    position: absolute;
    width: 65px;
    height: 17px;
    top: 26px;
    right: 20px;
}

.review_div .review_list .cnt_box .tooltip_div .opener {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.2px;
    color: #999;
    background: url("/res/images/m_icn_question_28x28.png") right top no-repeat;
    background-size: 14px;
}

.review_div .review_list .cnt span {
    font-weight: 700;
    color: #3cc814;
}

.review_div .review_list .filter_div {
    padding: 18px 20px;
    border-bottom: 1px solid #eee
}

.review_div .review_list .filter_div:after {
    content: '';
    display: block;
    clear: both;
}

.review_div .review_list .filter_div .filter {
    float: left;
}

.review_div .review_list .filter_div .filter select {
    height: 24px;
    background: url('/res/images/m_icn_down_32x32.png') right 3px no-repeat #fff;
    background-size: 16px;
    font-weight: 500;
    padding: 0 20px 0 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 0
}

.review_div .review_list .chk_div {
    float: right;
}

.review_div .review_list .chk_div .chk_box {
    float: left;
    margin-left: 12px
}

.review_div .review_list {
    padding-bottom: 72px;
}

.review_div .review_list .list_div {}

.review_div .review_list .list_div .list {
    border-bottom: 1px solid #eee;
    padding: 24px 20px;
    display: block;
    position: relative;
}

.review_div .review_list .list_div .list .top {
    padding-top: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.review_div .review_list .list_div .list .top .desc {
    display: table-cell;
    width: 100%;
}

.review_div .review_list .list_div .list .top .left.thumb {
    display: table-cell;
    position: relative;
    padding: 4px;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    background: #f7f7f7;
    border-radius: 10px;
    text-align: center;
}

.review_div .review_list .list_div .list .top .left.thumb img {
    width: 100%;
    border-radius: 10px;
}

.review_div .review_list .list_div .list .top .left.thumb.noimg {
    background: #f7f7f7
}

.review_div .review_list .list_div .list .top .left.thumb.noimg:before {
    content: '';
    display: block;
    padding-bottom: 100%
}

.review_div .review_list .list_div .list .top .left.thumb.noimg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/res/images/m_noimg.png') no-repeat center;
    background-size: 100% auto
}

.review_div .review_list .list_div .list .top .left+.right {
    padding-left: 12px;
    width: 100%;
}

.review_div .review_list .list_div .list .top .desc .info {}

.review_div .review_list .list_div .list .top .desc .info:after {
    content: '';
    display: block;
    clear: both;
}

.review_div .review_list .list_div .list .top .desc .info .star_div {
    float: left;
}

.review_div .review_list .list_div .list .top .desc .star_div p {
    display: inline-block;
    margin-left: 4px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: #000;
}

.review_div .review_list .list_div .list .top .desc .date {
    font-size: 13px;
    line-height: 16px;
    color: #999;
    margin-top: 4px;
}

.review_div .review_list .list_div .list .top .desc .info .date {
    float: left;
    margin-left: 10px;
    margin-top: 0;
}

.review_div .review_list .list_div .list .top .desc .mem_id {
    margin-top: 6px;
    font-size: 13px;
    line-height: 16px;
    color: #999;
}

.review_div .review_list .list_div .list .top .desc .product {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.review_div .review_list .list_div .list .top .desc .product .brand {
    font-weight: 500;
}

.review_div .review_list .list_div .list .top .report {
    position: absolute;
    top: 24px;
    right: 20px
}

.review_div .review_list .list_div .list .top .report:after {
    content: '';
    display: block;
    clear: both
}

.review_div .review_list .list_div .list .top .report a {
    position: relative;
    float: left;
    margin-left: 13px;
    font-size: 12px;
    line-height: 16px;
    color: #bbb
}

.review_div .review_list .list_div .list .top .report a:first-child {
    margin-left: 0
}

.review_div .review_list .list_div .list .top .report a:first-child:after {
    content: '';
    position: absolute;
    top: 3px;
    right: -7px;
    width: 1px;
    height: 10px;
    background: #eee
}

.review_div .review_list .list_div .list.mine .top .report {
    display: none
}

.review_div .review_list .list_div .list .bottom {
    width: 100%;
    margin-top: 16px;
}

.review_div .review_list .list_div .list .bottom .dtl_box {
    width: 100%;
    display: table;
}

.review_div .review_list .list_div .list .bottom .dtl {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    word-break: break-all
}

.review_div .review_list .list_div .list .bottom .dtl_box .review_text img {
    width: 100%;
}

.review_div .review_list .list_div .list .bottom .open {
    display: none
}

.review_div .review_list .list_div .list .bottom.on .dtl_box .dtl {
    display: table-cell;
    word-break: break-all;
    text-overflow: ellipsis;
    max-height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.review_div .review_list .list_div .list .bottom.on .open {
    display: inline-block
}

.review_div .review_list .list_div .list.on .bottom.on .dtl_box .dtl {
    display: block;
    -webkit-line-clamp: none;
    max-height: none;
}

.review_div .review_list .list_div .list .bottom .photo_box {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 80px;
    height: 60px;
    border-radius: 10px;
    padding-left: 20px;
    text-align: center;
}

.review_div .review_list .list_div .list .bottom .photo_box .photo_cnt {
    position: absolute;
    z-index: 1;
    display: inline-block;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    bottom: 4px;
    right: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.review_div .review_list .list_div .list.on .bottom .photo_box {
    display: block;
    width: 100%;
    height: auto;
    padding-left: 0;
    pointer-events: none
}

.review_div .review_list .list_div .list.on .bottom .photo_box .photo_cnt {
    display: none;
}

.review_div .review_list .list_div .list .bottom .photo_box .photo {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    overflow: hidden
}

.review_div .review_list .list_div .list .bottom .photo_box .photo_group .photo:not(:first-child) {
    display: none
}

.review_div .review_list .list_div .list.on .bottom .photo_box .photo_group {
    width: 100%;
}

.review_div .review_list .list_div .list.on .bottom .photo_box .photo_group .photo {
    display: block;
    margin-top: 20px;
    width: 100%;
    height: auto;
}

.review_div .review_list .list_div .list.on .bottom .photo_box .photo_group .photo.thumb {
    display: none
}

.review_div .review_list .list_div .list.on .bottom .photo_box .photo_group .photo img {
    display: block;
    width: 100%
}

.review_div .review_list .list_div .list.on .bottom .open {
    background: url("/res/images/m_icn_up_32x32.png") right top no-repeat;
    background-size: 16px;
}

.review_div .review_list .list_div .list .open {
    margin-top: 8px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.2px;
    color: #000;
    padding-right: 18px;
    background: url("/res/images/m_icn_down_32x32.png") right top no-repeat;
    background-size: 16px;
}

.review_div .answer {
    position: relative;
    padding: 24px 20px;
    background: #f9f9f9;
    border-radius: 10px;
    margin-top: 24px;
}

.review_div .answer+.answer {
    margin-top: -10px;
    padding: 35px 20px 24px
}

.review_div .answer+.answer:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 20px;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    height: 1px;
    background: #eee
}

.review_div .answer .info {
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 18px;
    display: table
}

.review_div .answer .info .name {
    color: #777;
    display: table-cell;
    padding-right: 10px;
}

.review_div .answer .info .date {
    color: #777;
    display: table-cell
}

.review_div .answer .txt {
    font-size: 14px;
    line-height: 20px;
    color: #777;
}

.review_div .answer .txt img {
    margin: 10px 0;
    width: 100%
}

.review_div .answer .txt img:first-child {
    margin-top: 0
}

.review_div .answer .txt img:last-child {
    margin-bottom: 0
}

.review_div .answer.on .txt {
    text-overflow: ellipsis;
    max-height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.review_div .answer.on .txt.on {
    display: block;
    -webkit-line-clamp: none;
    max-height: none;
}

.review_div .review_list .list_div .list .answer .open {
    display: none;
}

.review_div .review_list .list_div .list .answer.on .txt+.open {
    display: inline-block;
    background: url("/res/images/m_icn_down_32x32.png") right top no-repeat;
    background-size: 16px;
}

.review_div .review_list .list_div .list .answer.on .txt.on+.open {
    background: url("/res/images/m_icn_up_32x32.png") right top no-repeat;
    background-size: 16px;
}

.review_div .answer .txt span {
	font-family: "SpoqaNeo", "맑은 고딕", "Malgun Gothic", sans-serif !important;
}

.review_div .review_list .no_data_div {
    padding-top: 48px
}

.review_div .review_list .no_data_div .cont_box {
    position: relative
}

.review_div .review_list .no_data_div .cont_box .icn {
    margin-bottom: 12px;
}

.review_div .review_list .no_data_div .cont_box .icn img {
    width: 64px;
    height: 64px;
}

.review_div .review_list .no_data_div .cont_box .desc {
    font-size: 14px;
    line-height: 20px;
    color: #555;
}

.review_wrt_div {
    padding-top: 32px;
}

.review_wrt_div .devide:after {
    content: '';
    display: block;
    width: 100%;
    height: 10px;
    background: #f7f7f7;
    margin-top: 24px;
}

.review_wrt_div .inner_devide .inner:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #eee;
    margin-bottom: 24px;
    margin-top: 24px;
}

.review_wrt_div .tit {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: #000;
    text-align: center;
}

.review_wrt_div .benefit_div {
    border-radius: 10px;
    background: #f2fef0;
    padding: 18px 24px;
    margin-bottom: 24px;
}

.review_wrt_div .benefit_div .benefit {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.review_wrt_div .benefit_div .benefit .benefit_dtl {
    display: table-cell;
    width: 100%;
    text-align: center
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .title {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    font-weight: 400;
    display: inline-block
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .title:after {
    content: '';
    display: block;
    clear: both
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .title .icn {
    float: left;
    width: 24px;
    height: 24px;
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .title .icn img {
    width: 100%
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .title span {
    float: left
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .title .tooltip_div {
    float: left;
    width: 16px;
    height: 24px;
    background: url("/res/images/m_icn_question_32x32.png") left center no-repeat;
    background-size: 16px;
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .title .tooltip_div .tooltip {
    text-align: left;
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .title .tooltip_div .tooltip .tit {
    margin-top: 0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #555;
    font-weight: 500;
    margin-bottom: 8px;
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .title .tooltip_div .tooltip .desc {
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.2px;
    color: #555;
    font-weight: 400;
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .point {
    margin-top: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #3cc814;
    font-weight: 700;
}

.review_wrt_div .product_div {}

.review_wrt_div .product_div .thumb {
    position: relative;
    float: left;
    padding: 4px;
    width: 100px;
    height: 100px;
    text-align: center;
    background: #f7f7f7;
    margin-right: 12px;
    border-radius: 10px;
}

.review_wrt_div .product_div .thumb img {
    width: 100%
}

.review_wrt_div .product_div .thumb.noimg {
    background: #f7f7f7
}

.review_wrt_div .product_div .thumb.noimg:before {
    content: '';
    display: block;
    padding-bottom: 100%
}

.review_wrt_div .product_div .thumb.noimg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/res/images/m_noimg.png') no-repeat center;
    background-size: 100% auto
}

.review_wrt_div .product_div .info {
    position: relative;
    float: left;
    padding-top: 10px;
    width: calc(100% - 112px);
    width: -webkit-calc(100% - 112px);
    height: 100px;
}

.review_wrt_div .product_div .info .product {
    max-height: 34px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 34px;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
}

.review_wrt_div .product_div .info .brand {
    font-weight: 500;
}

.review_wrt_div .product_div .info .price_div {
    position: absolute;
    bottom: 0;
    left: 0
}

.review_wrt_div .product_div .info .price_div .price:after {
    content: '';
    display: block;
    clear: both
}

.review_wrt_div .product_div .info .price_div .price .won {
    float: left;
    color: #ccc;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.review_wrt_div .product_div .info .price_div .price .won span {
    display: inline-block;
    font-size: 16px;
    vertical-align: top
}

.review_wrt_div .product_div .info .price_div .price:nth-child(1) .won span {
    text-decoration: line-through;
}

.review_wrt_div .product_div .info .price_div .price:nth-child(2) {
    margin-top: 4px
}

.review_wrt_div .product_div .info .price_div .price:nth-child(2) .won {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #080202
}

.review_wrt_div .product_div .info .price_div .price:nth-child(2) .won span {
    text-decoration: none;
    font-size: 16px;
    vertical-align: top;
    line-height: 20px;
}

.review_wrt_div .product_div .info .price_div .price .dc {
    float: left;
    margin-left: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #3cc814
}


.product_list .price_div {
    margin-top: 8px
}

.product_list .price_div .price:after {
    content: '';
    display: block;
    clear: both
}

.product_list .price_div .price .won {
    float: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #080202
}

.product_list .price_div .price .won span {
    display: inline-block;
    font-size: 16px;
    vertical-align: top
}

.product_list .price_div .price .dc {
    float: left;
    margin-left: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #3cc814
}

.product_list .price_div .price:nth-child(2) .won {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #999
}

.product_list .price_div .price:nth-child(2) .won span {
    font-size: 13px;
    line-height: 18px;
    text-decoration: line-through
}

.review_wrt_div .satisfaction {
    text-align: center;
    padding-top: 24px;
}

.chall-comment-pop .grade-info .star,
.review_wrt_div .satisfaction .star {
    display: inline-block;
    position: relative;
    margin-top: 26px;
    padding-top: 48px;
    width: 240px;
    height: 72px;
    background: url('/res/images/m_star96.png') no-repeat top center;
    background-size: 240px 48px
}

.chall-comment-pop .grade-info .star:before,
.review_wrt_div .satisfaction .star:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 0;
    width: 0;
    height: 100%;
    background: url('/res/images/m_star96_on.png') no-repeat;
    background-size: 240px 48px;
    overflow: hidden
}

.chall-comment-pop .grade-info .star.star10:before,
.review_wrt_div .satisfaction .star.star10:before {
    width: 48px
}

.chall-comment-pop .grade-info .star.star20:before,
.review_wrt_div .satisfaction .star.star20:before {
    width: 96px
}

.chall-comment-pop .grade-info .star.star30:before,
.review_wrt_div .satisfaction .star.star30:before {
    width: 144px
}

.chall-comment-pop .grade-info .star.star40:before,
.review_wrt_div .satisfaction .star.star40:before {
    width: 192px
}

.chall-comment-pop .grade-info .star.star50:before,
.review_wrt_div .satisfaction .star.star50:before {
    width: 240px
}

.chall-comment-pop .grade-info .star .click,
.review_wrt_div .satisfaction .star .click {
    position: absolute;
    top: 0;
    height: 48px;
    z-index: 1
}

.chall-comment-pop .grade-info .star .click.star10,
.review_wrt_div .satisfaction .star .click.star10 {
    left: 0;
    width: 48px
}

.chall-comment-pop .grade-info .star .click.star20,
.review_wrt_div .satisfaction .star .click.star20 {
    left: 48px;
    width: 48px
}

.chall-comment-pop .grade-info .star .click.star30,
.review_wrt_div .satisfaction .star .click.star30 {
    left: 96px;
    width: 48px
}

.chall-comment-pop .grade-info .star .click.star40,
.review_wrt_div .satisfaction .star .click.star40 {
    left: 144px;
    width: 48px
}

.chall-comment-pop .grade-info .star .click.star50,
.review_wrt_div .satisfaction .star .click.star50 {
    left: 192px;
    width: 48px
}

.review_wrt_div .satisfaction .star .comment {
    margin-top: 12px
}

.review_wrt_div .satisfaction .star .comment p {
    display: none;
    font-size: 14px;
    line-height: 16px;
    color: #3cc814;
}

.review_wrt_div .satisfaction .star .comment p:nth-child(1) {
    display: block;
    color: #ccc;
}

.review_wrt_div .textarea_div {}

.chall-comment-pop .textarea_wrap,
.review_wrt_div .textarea_div .textarea_wrap {
    margin-top: 24px;
    width: 100%;
    height: 134px;
    background: #f7f7f7;
    padding: 14px 12px 46px 12px;
    border-radius: 10px;
}

.chall-comment-pop .textarea_wrap textarea,
.review_wrt_div .textarea_div .textarea_wrap textarea {
    width: 100%;
    height: 74px;
}

.chall-comment-pop .textarea_wrap .minimum_info,
.review_wrt_div .textarea_div .textarea_wrap .minimum_info {
    font-size: 12px;
    line-height: 16px;
    color: #999;
    position: absolute;
    left: 12px;
    bottom: 16px;
}

.review_wrt_div .pic_div {}

.review_wrt_div .pic_div .upload_pic {}

.review_wrt_div .pic_div .upload_pic {
    margin-top: 24px
}

.review_wrt_div .pic_div .upload_pic .file_div {}

.review_wrt_div .pic_div .upload_pic .file_div .file {}

.review_wrt_div .pic_div .upload_pic .file_div .file .img {}

.review_wrt_div .pic_div .upload_pic .file_div .file .img img {}

.review_wrt_div .pic_div .upload_pic .file_div .file .del {}

.review_wrt_div .pic_div .upload_pic .upload {}

.review_wrt_div .btn {
    margin-top: 32px;
    display: flex;
}

.review_wrt_div .btn a {
    width: 100%;
    margin-left: 8px
}

.review_wrt_div .btn a:first-child {
    margin-left: 0
}

.review_noti.accor_div {
    border-top: 10px solid #f7f7f7;
    margin-top: 24px;
}

.review_noti.accor_div .list {}

.review_noti.accor_div .list .open {
    display: block;
    border-bottom: 1px solid #eee;
    padding: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    background: url("/res/images/m_icn_down_gry_40x40.png") top 50% right 20px no-repeat;
    background-size: 20px;
}

.review_noti.accor_div .list.on .open {
    background: url("/res/images/m_icn_up_gry_40x40.png") top 50% right 20px no-repeat;
    background-size: 20px;
}

.review_noti.accor_div .close {
    display: none;
    padding: 16px 20px 32px 20px;
    pointer-events: none
}

.review_dtl_div {
    padding-top: 32px
}

.review_dtl_div .product_list_div {
    border-bottom: 10px solid #f7f7f7;
    margin-bottom: 24px;
}

.review_dtl_div.review_dtl_pop .product_list_div {
    border-bottom: 10px solid #f7f7f7;
    margin-bottom: 24px;
}

.review_dtl_div.review_dtl_pop.layer_pop.full_pop .pop_con {
    padding-top: 32px;
    padding-bottom: 0
}

.review_dtl_div .product_list_div .list {
    position: relative;
    padding: 0 20px 16px 20px;
}

.review_dtl_div .product_list_div .product_list .price_div .price .won {
    color: #ccc;
    line-height: 20px
}

.review_dtl_div .product_list_div .product_list .price_div .price:nth-child(1) .won span {
    text-decoration: line-through
}

.review_dtl_div .product_list_div .product_list .price_div .price:nth-child(2) {
    margin-top: 4px
}

.review_dtl_div .product_list_div .product_list .price_div .price:nth-child(2) .won {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #080202
}

.review_dtl_div .product_list_div .product_list .price_div .price:nth-child(2) .won span {
    text-decoration: none;
    font-size: 16px;
    vertical-align: top;
    line-height: 20px;
}

.review_dtl_div .product_list_div .product_list .price_div .price .dc {
    line-height: 20px
}

.review_dtl_div .product_list_div .list .thumb {
    position: relative;
    padding: 4px;
    width: 100px;
    height: 100px;
    border-radius: 10px;
    background: #f7f7f7
}

.review_dtl_div .product_list_div .list .thumb.noimg {
    background: #f7f7f7
}

.review_dtl_div .product_list_div .list .thumb.noimg:before {
    content: '';
    display: block;
    padding-bottom: 100%
}

.review_dtl_div .product_list_div .list .thumb.noimg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/res/images/m_noimg.png') no-repeat center;
    background-size: 100% auto
}

.review_dtl_div .product_list_div .list .pd_info {
    position: relative;
    width: calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    padding: 8px 0 0 12px;
    height: 100px
}

.review_dtl_div .product_list_div .list .pd_info .tag {
    display: none;
}

.review_dtl_div .product_list_div .list .pd_info .etc {
    display: none;
}

.review_dtl_div .product_list .pd_info .badge {
    display: none;
}

.review_dtl_div .product_list_div .list .cart_btn {
    display: none;
}

.review_dtl_div .product_list_div .list .heart {
    display: none;
}

.review_dtl_div .tit.name {
    max-height: 34px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 34px;
    font-size: 14px;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.review_dtl_div .tit .brand {
    font-weight: 500;
}

.review_dtl_div .price_div {
    position: absolute;
    bottom: 0;
    left: 12px;
}

.review_dtl_div .dtl_div {
    padding-top: 24px;
    padding-bottom: 32px;
}

.review_dtl_div .dtl_div .info_div {
    width: 100%;
    position: relative
}

.review_dtl_div .dtl_div .info_div .report {}


.review_dtl_div .dtl_div .info_div .report {
    position: absolute;
    top: 0;
    right: 0
}

.review_dtl_div .dtl_div .info_div .report:after {
    content: '';
    display: block;
    clear: both
}

.review_dtl_div .dtl_div .info_div .report a {
    position: relative;
    float: left;
    margin-left: 13px;
    font-size: 12px;
    line-height: 16px;
    color: #bbb
}

.review_dtl_div .dtl_div .info_div .report a:first-child {
    margin-left: 0
}

.review_dtl_div .dtl_div .info_div .report a:first-child:after {
    content: '';
    position: absolute;
    top: 3px;
    right: -7px;
    width: 1px;
    height: 10px;
    background: #eee
}

.dtl_div.mine .info_div .report {
    display: none
}

.review_dtl_div .dtl_div .info_div .tooltip_div {
    top: 0;
    right: 0
}

.review_dtl_div .dtl_div .info_div .info {}

.review_dtl_div .dtl_div .info_div .info .star_div {
    float: left
}

.review_dtl_div .dtl_div .info_div .info .star_div .star {}

.review_dtl_div .dtl_div .info_div .info .date {
    float: left;
    padding-left: 10px;
    font-size: 13px;
    line-height: 16px;
    color: #999;
}

.review_dtl_div .dtl_div .info_div .info .star_div .star_score {}

.review_dtl_div .dtl_div .info_div .info .info_dtl {
    margin-top: 4px
}

.review_dtl_div .dtl_div .info_div .info .info_dtl .mem_id {
    font-size: 13px;
    line-height: 16px;
    color: #999;
    position: relative
}

.review_dtl_div .dtl_div .dtl {
    padding-top: 16px;
}

.review_dtl_div .dtl_div .dtl .txt {
    padding-bottom: 24px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    word-break: break-all
}

.review_dtl_div .dtl_div .dtl .img_div {
    width: 100%;
}

.review_dtl_div .dtl_div .dtl .img_div {
    width: 100%;
}

.review_dtl_div .dtl_div .dtl .img_div img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 16px;
}

.review_dtl_div .dtl_div .dtl .img_div img:last-child {
    margin-bottom: 0;
}

.review_dtl_div .answer {
    position: relative;
    padding: 24px 20px;
    background: #f9f9f9;
    border-radius: 10px;
    margin-top: 24px;
}

.review_dtl_div .answer+.answer {
    margin-top: -10px;
    padding: 35px 20px 24px
}

.review_dtl_div .answer+.answer:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 20px;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    height: 1px;
    background: #eee
}

.review_dtl_div .answer .info {
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 18px;
    display: table
}

.review_dtl_div .answer .info .name {
    color: #777;
    display: table-cell;
    padding-right: 10px;
}

.review_dtl_div .answer .info .date {
    color: #777;
    display: table-cell
}

.review_dtl_div .answer .txt {
    font-size: 14px;
    line-height: 20px;
    color: #777;
}

/* 마이페이지 - 리뷰 */
.mypage_review .noti_div {
    padding: 32px 20px 24px 20px;
    border-bottom: 10px solid #f7f7f7;
}

.mypage_review .review_div .review_list .list_div .list:first-child {
    border-top: none;
}

.mypage_review.wrtable_div .review_div .review_list .list_div .list .top .desc {
    vertical-align: top
}

.mypage_review.wrtable_div .review_div .review_list .list_div .list .top .desc .product {
    margin-top: 0
}

.mypage_review.wrtable_div .review_div .review_list .list_div .list .top .desc .present_case+.product {
    -webkit-line-clamp: 2;
    max-height: 40px;
    min-height: auto;
}

.mypage_review .review_div .review_list .list_div .list .top .desc .present_case+.product {
    -webkit-line-clamp: 1;
    max-height: 20px;
    min-height: auto;
}

.mypage_review .review_div .review_list .list_div .list .present_case {
    margin-bottom: 4px;
    padding-left: 24px;
    height: 20px;
    background: url("/res/images/m_icn_present.png") left center no-repeat;
    background-size: 20px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.5px;
    color: #000
}

.mypage_review .review_div .review_list .list_div .list .present_case span {
    font-weight: 500;
}

.mypage_review .review_div .review_list .list_div .list .D-day {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #999;
    margin-top: 8px;
}

.mypage_review .review_div .review_list .list_div .list .wrt_btn {
    display: block;
    width: 90px;
    height: 28px;
    border: 1px solid #bbb;
    font-size: 13px;
    color: #999;
    line-height: 26px;
    font-weight: 500;
    border-radius: 5px;
    text-align: center;
    margin-top: 10px;
}

.mypage_review .review_div .review_list .no_data_div {
    padding-top: 48px;
}

.mypage_review .review_div .review_list .list_div .list .top .desc .star_div {
    margin-bottom: 9px;
}

.mypage_review .review_div .review_list .list_div .list .top .desc .info .date {
    margin-left: 0
}

.mypage_review .tooltip_div {
    display: block;
}

/* 마이페이지 - 배송지관리 */
.mypage_addr_div {}

.mypage_addr_div .tab_content {}

.mypage_addr_div .tab_content .cont_con {}

.mypage_addr_div .tab_content .cont_con .no_data_div {
    padding-top: 48px;
}

.mypage_addr_div .tab_content .cont_con .no_data_div .txt_area {
    padding: 76px 0 24px
}

.mypage_addr_div .tab_content .cont_con .addr_list_div {}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list {
    padding: 24px 0;
    border-bottom: 1px solid #eee
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list:last-child {
    border-bottom: none;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .top {
    padding-bottom: 15px;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .top .tit {
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .top .btn_area {
    float: right;
    text-align: right
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .top .btn_area a {
    font-size: 14px;
    line-height: 20px;
    color: #3cc814;
    font-weight: 500;
    border-bottom: 1px solid #3cc814;
    margin-left: 10px;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .top .btn_area a:first-child {
    margin-left: 0;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.default .top .btn_area .delete {
    display: none
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .btn_area .edit {
    display: inline-block
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .btn_area .save {
    display: none
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .btn_area .cancel {
    display: none;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .btn_area .delete {
    display: inline-block;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.on .top .tit {
    display: none
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.on .btn_area .edit {
    display: none
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.on .btn_area .save {
    display: inline-block
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.on .btn_area .delete {
    display: none
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.on .btn_area .cancel {
    display: inline-block;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.on .addr_desc {
    display: none;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .addr_desc {
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .addr_desc p:not(:last-child) {
    margin-bottom: 8px;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .addr_desc .name {}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .addr_desc .phone {}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .addr_desc .addr {}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .addr_desc .addr_dtl {
    word-break: break-all
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .addr_edit {
    display: none;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .chk_div {
    display: none
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.on .addr_edit {
    display: block;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.on .chk_div {
    display: block
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.on .radio_div {
    display: none
}

.mypage_addr_div .tab_content .cont_con .radio_div,
.mypage_addr_div .tab_content .cont_con .chk_div {
    margin-top: 16px;
}

.mypage_addr_div .tab_content .cont_con .chk_div .chk_box input[type="checkbox"]+label {
    display: inline-block;
    position: relative;
    padding: 2px 0 2px 30px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.mypage_addr_div .radio_div .radio_box input[type="radio"]+label:after {
    background: url("/res/images/m_chk_icon_48x48.png") no-repeat center / 24px;
}

.mypage_addr_div .radio_div .radio_box input[type="radio"]:checked+label:after {
    background: url("/res/images/m_chk_icon_on_48x48.png") no-repeat center / 24px;
}

.mypage_addr_div .tab_content .cont_con .new_addr {
    padding: 32px 0 118px
}

.mypage_addr_div .tab_content .cont_con .input_form .input_area select {
    width: 102px
}

.mypage_addr_div .tab_content .cont_con .bottom_btn {
    position: fixed;
    display: flex;
    bottom: 0;
    left: 0;
    padding: 8px 20px calc(constant(safe-area-inset-bottom) + 8px) 20px;
    padding: 8px 20px calc(env(safe-area-inset-bottom) + 8px) 20px;
    width: 100%;
    background: #fff;
    box-shadow: none;
    z-index: 2;
}

.mypage_addr_div .tab_content .cont_con .bottom_btn a {
    width: 100%;
    margin-right: 6px
}

.mypage_addr_div .tab_content .cont_con .bottom_btn a:last-child {
    margin-right: 0
}

.mypage_addr_div .input_form+.input_form {
    margin-top: 8px;
}

.addr_dtl {
    word-break: break-all
}

/* 배송지 관리 팝업 */
.layer_pop.full_pop.addr_pop .pop_con {
    padding-top: 0
}

.addr_pop .pop_con .tab_content {}

.addr_pop .pop_con .tab_content .cont_con {}

.addr_pop .pop_con .tab_content .cont_con .no_data_div {
    padding-top: 72px;
}

.addr_pop .pop_con .tab_content .cont_con .no_data_div .txt_area {
    padding: 76px 0 24px
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div {
    padding-bottom: 66px
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list {
    position: relative;
    padding: 26px 0 24px 32px;
    border-bottom: 1px solid #eee
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list:last-child {
    border-bottom: none;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .list_radio {
    position: absolute;
    top: 24px;
    left: 0;
    opacity: 0
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .list_radio+label {
    display: block;
    position: relative
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .list_radio+label:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -32px;
    width: 24px;
    height: 24px;
    background: url('/res/images/m_radio_icon_48x48.png') no-repeat;
    background-size: 24px
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .list_radio:checked+label:after {
    background: url('/res/images/m_radio_icon_on_48x48.png') no-repeat;
    background-size: 24px
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .top {
    padding-bottom: 15px;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .top .tit {
    position: relative;
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list.default .top .tit:after {
    content: '기본배송지';
    position: absolute;
    top: 1px;
    left: calc(100% + 6px);
    left: -webkit-calc(100% + 6px);
    padding: 2px 2px 0;
    font-size: 10px;
    line-height: 14px;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 2px
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .top .btn_area {
    float: right;
    text-align: right
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .top .btn_area a {
    font-size: 14px;
    line-height: 20px;
    color: #3cc814;
    font-weight: 500;
    border-bottom: 1px solid #3cc814;
    margin-left: 10px;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .top .btn_area a:first-child {
    margin-left: 0;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .btn_area .edit {
    display: inline-block
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .btn_area .save {
    display: none
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .btn_area .cancel {
    display: none;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .btn_area .delete {
    display: inline-block;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list.default .top .btn_area .delete {
    display: none
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list.on .top .tit {
    display: none
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list.on .btn_area .edit {
    display: none
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list.on .btn_area .save {
    display: inline-block
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list.on .btn_area .delete {
    display: none
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list.on .btn_area .cancel {
    display: inline-block;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list.on .addr_desc {
    display: none;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .addr_desc {
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .addr_desc p:not(:last-child) {
    margin-bottom: 8px;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .addr_desc .name {}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .addr_desc .phone {}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .addr_desc .addr {}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .addr_desc .addr .addr_dtl {}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .addr_edit {
    display: none;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list.on .addr_edit {
    display: block;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div.on .list {
    padding: 26px 0 24px;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div.on .list_radio+label:after {
    display: none
}

.addr_pop .pop_con .tab_content .cont_con .radio_div,
.addr_pop .pop_con .tab_content .cont_con .chk_div {
    margin-top: 16px;
}

.addr_pop .pop_con .tab_content .cont_con .chk_div .chk_box input[type="checkbox"]+label {
    display: inline-block;
    position: relative;
    padding: 2px 0 2px 30px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.addr_pop .pop_con .radio_div .radio_box input[type="radio"]+label:after {
    background: url("/res/images/m_chk_icon_48x48.png") no-repeat center / 24px;
}

.addr_pop .pop_con .radio_div .radio_box input[type="radio"]:checked+label:after {
    background: url("/res/images/m_chk_icon_on_48x48.png") no-repeat center / 24px;
}

.addr_pop .pop_con .tab_content .cont_con .new_addr {
    padding: 32px 0 86px
}

.addr_pop .pop_con .tab_content .cont_con .input_form .input_area select {
    width: 102px
}

.addr_pop .pop_con .tab_content .cont_con .bottom_btn {
    position: fixed;
    display: flex;
    bottom: 0;
    left: 0;
    padding: 16px 20px calc(constant(safe-area-inset-bottom) + 32px) 20px;
    padding: 16px 20px calc(env(safe-area-inset-bottom) + 32px) 20px;
    width: 100%;
    background: #fff;
    box-shadow: none;
    z-index: 2;
}

.addr_pop .pop_con .tab_content .cont_con .bottom_btn a {
    width: 100%;
    margin-right: 6px
}

.addr_pop .pop_con .tab_content .cont_con .bottom_btn a:last-child {
    margin-right: 0
}

.addr_pop .input_form+.input_form {
    margin-top: 8px;
}

/* 이벤트 */

/*이벤트 공통*/
.event_wrap .badge.evt {
    background: #3cc814
}

.event_wrap .badge.exhib {
    background: #052822
}

.event_banner {
    display: block;
    margin: 16px auto 24px;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px)
}

.event_banner img {
    width: 100%;
    border-radius: 15px
}

.event_list_div {
    margin-top: 16px;
}

.event_dtl_div .title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    font-weight: 700;
    padding: 13px 0;
}

.event_dtl_div .title>div.inner {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    font-weight: 700;
}

/***********/
.event_wrap .event_div {
    padding-bottom: 72px;
}

.event_div .sub_tab a {
    width: 25%
}

.event_list_div .list {
    display: block;
    margin-bottom: 24px;
    position: relative
}

.event_list_div .list:last-child {
    margin-bottom: 0;
}

.event_list_div .list .thumb {
    width: 100%;
    border-radius: 15px;
    position: relative;
    overflow: hidden
}

.event_list_div .list .thumb img {
    width: 100%;
}

.event_list_div .list .title_div {
    margin-top: 16px;
}

.event_list_div .list .title_div:after {
    content: '';
    display: block;
    clear: both
}

.event_list_div .list .badge {
    float: left;
    margin-right: 6px;
    border-radius: 4px;
    width: 44px;
    padding: 3px 6px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #fff;
}

.event_list_div .list .title {
    float: left;
    width: calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    font-size: 16px;
    line-height: 22px;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}

.event_list_div .list .period {
    font-size: 14px;
    line-height: 20px;
}

.event_list_div .list .period .date {
    color: #999;
}

.event_list_div .list .period .D-day {
    color: #3cc814;
    position: relative;
}

.event_list_div .list .period span:not(:first-child) {
    padding-left: 16px;
    position: relative
}

.event_list_div .list .period .comment_cnt {
    float: right;
    padding-left: 22px !important;
    font-size: 13px;
    line-height: 16px;
    color: #777;
    background: url("/res/images/m_comment.png") left center no-repeat;
    background-size: 16px;
}

.event_dtl_div {
    padding-top: 10px;
    padding-bottom: 72px;
}

.event_dtl_div .top {}

.event_dtl_div .top .inner {}

.event_dtl_div .top .tit_area {
    display: table;
    width: 100%;
}

.event_dtl_div .top .tit_area .badge {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    border-radius: 4px;
    width: 44px;
    padding: 3px 6px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #fff;
}

.event_dtl_div .top .tit_area .tit {
    width: calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    display: table-cell;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
    /* display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-height:48px; overflow:hidden; text-overflow:ellipsis;*/
}

.event_dtl_div .top .tit_area .share_btn {
    width: 30px;
    display: table-cell;
    background: url("/res/images/m_icn_share_48x48.png") center center no-repeat;
    background-size: 24px;
}

.event_dtl_div .top .period {
    font-size: 14px;
    line-height: 20px;
}

.event_dtl_div .top .period .date {
    color: #555;
}

.event_dtl_div .top .period .D-day {
    color: #3cc814;
    font-weight: 500;
}

.event_dtl_div .top .period span:not(:first-child) {
    padding-left: 16px;
    position: relative
}

.event_dtl_div .view_con {
    padding-top: 10px;
    padding-bottom: 60px
}

.event_dtl_div .view_con .cont {
    position: relative;
    padding: 0 20px;
    margin-top: 60px;
    font-size: 14px;
    line-height: 20px;
    color: #555
}

.event_dtl_div .view_con .cont:first-child {
    margin-top: 0
}

.event_dtl_div .view_con .cont img {
    width: 100%;
}

.event_dtl_div .view_con .cont p {
    margin: 0 auto
}

.event_dtl_div .view_con .cont img {
    margin: 0 -20px;
    width: calc(100% + 40px);
    width: -webkit-calc(100% + 40px)
}

.event_dtl_div .view_con .banner_area {
    margin-top: 60px;
    display: block;
}

.event_dtl_div .view_con a[id*=area] + .banner_area,
.event_dtl_div .view_con .banner_area:first-child {
    margin-top: 0;
}

.event_dtl_div .view_con .banner_area img {
    width: 100%;
}

.event_dtl_div .view_con .event_dtl_div .title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    font-weight: 700;
    padding: 13px 0;
}

.event_dtl_div .view_con .category_div {
    margin: 60px auto 0;
    padding-bottom: 0;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px)
}

.event_dtl_div .view_con .title_div {
    padding: 13px 0
}

.event_dtl_div .view_con .title_div p {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #000
}

.event_dtl_div .view_con .title_div h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #000
}

.event_dtl_div .view_con .title_div h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #000
}

.event_dtl_div .view_con .title_div .more_btn {
    position: absolute;
    top: 13px;
    right: 0;
    padding-right: 14px;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    background: url('/res/images/m_icn_right_24x32.png') no-repeat right center;
    background-size: 12px 16px
}

.event_dtl_div .view_con .title_img p {
    margin-left: -20px;
    width: calc(100% + 40px);
    width: -webkit-calc(100% + 40px)
}

.event_dtl_div .view_con .title_img img {
    width: 100%;
}

.event_dtl_div .view_con .title_div+.list_div {
    margin-top: 8px
}

.event_dtl_div .view_con .title_img+.list_div {
    margin-top: 32px
}

.event_dtl_div .view_con .list_div:after {
    content: '';
    display: block;
    clear: both
}

.event_dtl_div .view_con .list_div .list {
    position: relative;
    float: left;
    margin-left: 16px;
    width: calc(50% - 8px);
    width: -webkit-calc(50% - 8px)
}

.event_dtl_div .view_con .list_div .list:nth-child(2n-1) {
    margin-left: 0;
    clear: both
}

.event_dtl_div .view_con .list_div .list:nth-child(n+3) {
    margin-top: 28px
}

.event_dtl_div .view_con .list_div .list .thumb {
    padding: 6px;
    background: #f7f7f7;
    border-radius: 10px;
    overflow: hidden;
}

.event_dtl_div .view_con .list_div .list .pd_info .name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event_dtl_div .view_con .list_div .list .cart_btn {
    bottom: 17px;
    right: -5px
}

.event_dtl_div .view_con .list_div .list .alarm {
    bottom: 17px;
    right: -5px
}

.event_dtl_div .view_con .list_div .list .heart {
    top: calc(50vw - 66px);
    top: -webkit-calc(50vw - 66px);
    right: 6px
}

.event_dtl_div .view_con .list_div .list.soldout .thumb:before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.event_dtl_div .view_con .list_div.hor .list {
    float: none;
    margin-left: 0;
    width: 100%
}

.event_dtl_div .view_con .list_div.hor .list .thumb {
    padding: 10px;
    width: 152px;
    min-width: 152px
}

.event_dtl_div .view_con .list_div.hor .pd_info {
    padding-left: 12px;
    width: calc(100% - 152px);
    width: -webkit-calc(100% - 152px)
}

.event_dtl_div .view_con .list_div.hor .list .pd_info .name {
    height: 40px
}

.event_dtl_div .view_con .list_div.hor .list:nth-child(n+2) {
    margin-top: 16px
}

.event_dtl_div .view_con .list_div.hor .list .cart_btn {
    bottom: 17px;
    right: -5px
}

.event_dtl_div .view_con .list_div.hor .list .heart {
    top: auto;
    bottom: 6px;
    right: auto;
    left: 114px
}

.event_dtl_div .view_con .recommend_div {
    margin-top: 60px
}

.event_dtl_div .view_con .recommend_div:first-child {
    margin-top: 0
}

.event_dtl_div .view_con .new_type_div {
    position: relative;
    margin-top: 60px
}

.event_dtl_div .view_con .new_type_div .title_div {
    margin: 0 auto;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px)
}

.event_dtl_div .view_con .new_type_div .title_div+.pd_swiper {
    margin-top: -16px
}

.event_dtl_div .view_con .new_type_div .title_img p {
    margin-left: 0;
    width: 100%
}

.event_dtl_div .view_con .new_type_div .title_img+.pd_swiper {
    margin-top: 8px
}

.event_dtl_div .view_con .new_type_div .pd_swiper {
    padding: 24px 16px 0;
    margin-top: -24px;
    overflow: visible
}

.event_dtl_div .view_con .new_type_div .pd_swiper .swiper-slide {
    width: 260px;
    height: 396px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.event_dtl_div .view_con .new_type_div .pd_swiper .swiper-slide .thumb {
    padding: 20px 40px 0;
    text-align: center;
    border-radius: 20px 20px 0 0
}

.event_dtl_div .view_con .new_type_div .pd_swiper .swiper-slide .thumb.noimg {
    background: #fff
}

.event_dtl_div .view_con .new_type_div .pd_swiper .swiper-slide .thumb.noimg:after {
    background-size: auto 100%
}

.event_dtl_div .view_con .new_type_div .pd_swiper .swiper-slide.pet .thumb .pet_badge {
    top: 12px;
    right: 12px
}

.event_dtl_div .view_con .new_type_div .pd_swiper .swiper-slide .pd_info {
    padding: 19px 20px 24px;
    border-top: 1px solid #eee
}

.event_dtl_div .view_con .new_type_div .pd_swiper .swiper-slide .pd_info .tag {
    margin-top: 0
}

.event_dtl_div .view_con .new_type_div .pd_swiper .swiper-slide .pd_info .name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event_dtl_div .view_con .new_type_div .pd_swiper .swiper-slide .pd_info .badge {}

.event_dtl_div .view_con .new_type_div .pd_swiper .swiper-slide .cart_btn {
    bottom: 46px;
    right: 15px
}

.event_dtl_div .view_con .new_type_div .pd_swiper .swiper-slide .heart {
    top: 156px;
    right: 12px
}

.event_dtl_div .view_con .new_type_div .pd_swiper .swiper-slide.soldout .thumb:before {
    top: 70px;
    left: 900px
}

.event_dtl_div .view_con .new_type_div .pd_swiper .swiper-slide.soldout .cart_btn {
    display: none
}

.event_dtl_div .view_con .new_type_div .pd_swiper .swiper-pagination {
    display: none;
    bottom: 0
}

.event_dtl_div .view_con .new_type_div .pd_swiper .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    margin: 0 3px;
    width: 6px;
    height: 6px;
    background: #eee;
    border-radius: 20px;
    transition: width 0.4s ease
}

.event_dtl_div .view_con .new_type_div .pd_swiper .swiper-pagination .swiper-pagination-bullet-active {
    width: 40px;
    background: #000
}

.event_dtl_div .view_con .new_type_div .pd_swiper.swiper-container-horizontal {
    padding-bottom: 32px;
    overflow: hidden
}

.event_dtl_div .view_con .new_type_div .pd_swiper.swiper-container-horizontal .swiper-pagination {
    display: block
}

.event_dtl_div .view_con .list_type_div {
    margin: 60px auto 0;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px)
}

.event_dtl_div .view_con .free_type_div {
    margin: 60px auto 0
}

.event_dtl_div .view_con .free_type_div .title_div {
    margin: 0 auto;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px)
}

.event_dtl_div .view_con .free_type_div .title_div+.swiper-container {
    margin-top: -22px
}

.event_dtl_div .view_con .free_type_div .title_img p {
    margin-left: 0;
    width: 100%
}

.event_dtl_div .view_con .free_type_div .title_img+.swiper-container {
    margin-top: 2px
}

.event_dtl_div .view_con .free_type_div .swiper-container {
    margin-top: -30px;
    padding: 30px 25px 0;
    overflow: visible
}

.event_dtl_div .view_con .free_type_div .swiper-container .swiper-slide {
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.event_dtl_div .view_con .free_type_div .link_area {
    padding-bottom: 20px;
}

.event_dtl_div .view_con .free_type_div .link_area .thumb {
    padding: 20px 35px 0;
}

.event_dtl_div .view_con .free_type_div .product_list.pet .link_area .thumb .pet_badge {
    top: 12px;
    right: 12px
}

.event_dtl_div .view_con .free_type_div .link_area .pd_info {
    margin-top: 12px;
    padding: 0 20px
}

.event_dtl_div .view_con .free_type_div .link_area .pd_info .tag {
    margin-top: 0
}

.event_dtl_div .view_con .free_type_div .link_area .pd_info .name {
    margin-top: 0
}

.event_dtl_div .view_con .free_type_div .link_area .pd_info .price_div {
    margin-top: 12px
}

.event_dtl_div .view_con .free_type_div .link_area .pd_info .badge {}

.event_dtl_div .view_con .free_type_div .cart_btn {
    bottom: 15px;
    right: 15px
}

.event_dtl_div .view_con .free_type_div .heart {
    bottom: 180px;
    right: 12px;
}

.event_dtl_div .view_con .free_type_div .pd_swiper .swiper-pagination {
    display: none;
    bottom: 0
}

.event_dtl_div .view_con .free_type_div .pd_swiper .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    margin: 0 3px;
    width: 6px;
    height: 6px;
    background: #eee;
    border-radius: 20px;
    transition: width 0.4s ease
}

.event_dtl_div .view_con .free_type_div .pd_swiper .swiper-pagination .swiper-pagination-bullet-active {
    width: 40px;
    background: #000
}

.event_dtl_div .view_con .free_type_div .pd_swiper.swiper-container-horizontal {
    padding-bottom: 30px;
    overflow: hidden
}

.event_dtl_div .view_con .free_type_div .pd_swiper.swiper-container-horizontal .swiper-pagination {
    display: block
}

.event_dtl_div .running_event {}

.event_dtl_div .running_event .running_event_wrap {
    padding: 0 20px;
}

.event_dtl_div .running_event .running_event_wrap .swiper-slide {
    overflow: hidden;
    width: 100%;
}

.event_dtl_div .running_event .running_event_wrap .swiper-slide .thumb {
    margin-bottom: 12px;
    border-radius: 15px;
    overflow: hidden;
    width: 100%;
    height: 220px;
}

.event_dtl_div .running_event .running_event_wrap .swiper-slide .thumb img {
    height: 100%;
    border-radius: 10px
}

.event_dtl_div .running_event .running_event_swiper {
    padding: 0 36px;
    margin-left: -16px;
}

.event_dtl_div .running_event .running_event_swiper .swiper-slide {
    overflow: hidden;
    width: 240px;
}

.event_dtl_div .running_event .running_event_swiper .swiper-slide .thumb {
    margin-bottom: 12px;
    border-radius: 15px;
    overflow: hidden;
    width: 240px;
    height: 165px;
}

.event_dtl_div .running_event .running_event_swiper .swiper-slide .thumb img {
    width: 100%;
}

.event_dtl_div .running_event .running_event_wrap .swiper-slide .tit_div {
    margin-top: 16px;
}

.event_dtl_div .running_event .running_event_wrap .swiper-slide .tit_div:after {
    display: block;
    clear: both;
    content: '';
}

.event_dtl_div .running_event .running_event_wrap .swiper-slide .tit_div .badge {
    float: left;
    margin-right: 6px;
    border-radius: 4px;
    width: 44px;
    padding: 3px 6px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #fff;
}

.event_dtl_div .running_event .running_event_wrap .swiper-slide .tit_div .tit {
    float: left;
    width: calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    font-size: 16px;
    line-height: 22px;
    color: #000;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event_dtl_div .running_event .running_event_wrap .swiper-slide .period {
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
}

.event_dtl_div .running_event .running_event_wrap .swiper-slide .period .date {
    color: #999;
}

.event_dtl_div .running_event .running_event_wrap .swiper-slide .period .D-day {
    color: #3cc814;
}

.event_dtl_div .running_event .running_event_wrap .swiper-slide .period span:not(:first-child) {
    padding-left: 16px;
    position: relative;
}


.event_dtl_div .cmt_wrt_div {
    border-top: 10px solid #f7f7f7;
    padding: 16px 0 24px 0;
    border-bottom: 10px solid #f7f7f7
}

.event_dtl_div .textarea_div {}

.event_dtl_div .textarea_div .textarea_wrap {
    width: 100%;
    height: 134px;
    background: #f7f7f7;
    padding: 14px 12px 46px 12px;
    border-radius: 10px;
}

.event_dtl_div .textarea_div .textarea_wrap textarea {
    width: 100%;
    height: 74px;
}

.event_dtl_div .input_area .textarea_div .byte {
    position: absolute;
    bottom: 16px;
    right: 12px;
    font-size: 13px;
    line-height: 16px;
    color: #ccc
}

.event_dtl_div .input_area .textarea_div .byte b {
    color: #000
}

.event_dtl_div .textarea_div textarea {}

.event_dtl_div .cmt_wrt_div .chk_div {
    margin-top: 16px;
}

.event_dtl_div .cmt_wrt_div .chk_box input[type="checkbox"]+label {
    font-size: 14px;
    font-weight: 500
}

.event_dtl_div .cmt_wrt_div .btn {
    margin-top: 24px;
    display: block;
    width: 100%;
    border-radius: 10px;
    background: #3cc814;
    line-height: 52px;
    height: 52px;
    font-size: 16px;
    color: #fff;
    text-align: center
}

.event_dtl_div .cmt_div {}

.event_dtl_div .cmt_div .top_area {
    padding: 24px 0 15px 0;
    border-bottom: 1px solid #eee;
}

.event_dtl_div .cmt_div .top_area:after {
    content: '';
    display: block;
    clear: both
}

.event_dtl_div .cmt_div .top_area .tit {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    float: left;
}

.event_dtl_div .cmt_div .top_area .tit span {
    font-weight: 700;
    color: #3cc814
}

.event_dtl_div .cmt_div .top_area .chk_div {
    float: right
}

.event_dtl_div .cmt_div .top_area .chk_div .chk_box {}

.event_dtl_div .cmt_div .no_data_div {
    margin-top: 48px;
    margin-bottom: 24px;
}

.event_dtl_div .cmt_div .list_div {
    border-bottom: 10px solid #f7f7f7
}

.event_dtl_div .cmt_div .list_div .list {
    padding: 24px 0;
    border-top: 1px solid #eee;
    position: relative
}

.event_dtl_div .cmt_div .list_div .list:first-child {
    border-top: none;
}

.event_dtl_div .cmt_div .list_div .list .info_div {}

.event_dtl_div .cmt_div .list_div .list .info_div:after {
    content: '';
    display: block;
    clear: both
}

.event_dtl_div .cmt_div .list_div .list .info_div p {
    position: relative;
    float: left;
    padding-right: 21px;
    font-size: 13px;
    line-height: 16px;
    color: #999
}

.event_dtl_div .cmt_div .list_div .list .info_div p:last-child {
    padding-right: 0
}

.event_dtl_div .cmt_div .list_div .list .info_div p:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 10px;
    right: 10px;
    top: 3px;
    background: #ddd
}

.event_dtl_div .cmt_div .list_div .list .info_div p:last-child:after {
    display: none
}

.event_dtl_div .cmt_div .list_div .list .info_div .mem_id {}

.event_dtl_div .cmt_div .list_div .list .info_div .date {}

.event_dtl_div .cmt_div .list_div .list .wrt_tooltip.tooltip_div {
    display: block;
    right: 0;
}

.event_dtl_div .cmt_div .list_div .list .wrt_tooltip.tooltip_div .opener {
    width: 16px;
    height: 16px;
    background: url("/res/images/m_icn_edit_tooltip_32x32.png") center no-repeat;
    background-size: 16px;
}

.event_dtl_div .cmt_div .list_div .list .wrt_tooltip.tooltip_div .tooltip {}

.event_dtl_div .cmt_div .list_div .list .wrt_tooltip.tooltip_div .tooltip .edit {}

.event_dtl_div .cmt_div .list_div .list .wrt_tooltip.tooltip_div .tooltip .delete {}

.event_dtl_div .cmt_div .list_div .list .txt_div {
    margin-top: 16px;
}

.event_dtl_div .cmt_div .list_div .list .txt_div .cmt_txt {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    word-break: break-all;
}

.event_dtl_div .cmt_div .list_div .list .txt_div .cmt_modify {}

.event_dtl_div .cmt_div .list_div .list .txt_div .textarea_div {}

.event_dtl_div .cmt_div .list_div .list .txt_div .textarea_div textarea {}

.event_dtl_div .cmt_div .list_div .list .txt_div .btn_div {
    margin-top: 24px
}

.event_dtl_div .cmt_div .list_div .list .txt_div .btn_div:after {
    content: '';
    display: block;
    clear: both
}

.event_dtl_div .cmt_div .list_div .list .txt_div .btn_div a {
    display: block;
    float: left;
    width: calc(50% - 4px);
    width: -webkit-calc(50% - 4px);
    margin-right: 8px;
    border-radius: 10px;
    text-align: center;
    padding: 15px 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    border: 1px solid #3cc814
}

.event_dtl_div .cmt_div .list_div .list .txt_div .btn_div a:last-child {
    margin-right: 0
}

.event_dtl_div .cmt_div .list_div .list .txt_div .btn_div a.cancel {
    color: #3cc814;
    background: #fff;
}

.event_dtl_div .cmt_div .list_div .list .txt_div .btn_div a.edit {
    color: #fff;
    background: #3cc814;
}

.event_dtl_div .cmt_div .list_div .list .answer_div {
    margin-top: 24px;
    padding: 24px 20px;
    background: #f9f9f9;
    border-radius: 10px;
}

.event_dtl_div .cmt_div .list_div .list .answer_div .info_div {
    font-size: 13px;
    line-height: 18px;
    color: #777
}

.event_dtl_div .cmt_div .list_div .list .answer_div .info_div p {
    float: left;
    margin-left: 10px;
}

.event_dtl_div .cmt_div .list_div .list .answer_div .info_div p:first-child {
    margin-left: 0;
}

.event_dtl_div .cmt_div .list_div .list .answer_div .info_div .mem_id {}

.event_dtl_div .cmt_div .list_div .list .answer_div .info_div .date {}

.event_dtl_div .cmt_div .list_div .list .answer_div .answer {
    font-size: 14px;
    line-height: 20px;
    color: #777;
    margin-top: 12px;
}

.event_dtl_div .more_btn_wrap {
    border-top: 1px solid #eee;
    padding-top: 24px;
    text-align: center;
    margin-bottom: 48px
}

.event_dtl_div .more_btn_wrap .view_more_btn {
    display: block;
    width: 256px;
    padding: 13px;
    border-radius: 24px;
    border: 1px solid #ddd;
    margin: 0 auto
}

.event_dtl_div .more_btn_wrap .view_more_btn span {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    padding-right: 18px;
    background: url("/res/images/m_icn_down_32x32.png") right center no-repeat;
    background-size: 16px;
}



.event_attend_div {
    margin-top: 16px;
}

.event_attend_div .banner_div {
    margin-bottom: 32px;
}

.event_attend_div .banner_div img {
    width: 100%;
    border-radius: 15px
}

.event_attend_div .cont_div .top {
    margin-bottom: 32px;
}

.event_attend_div .cont_div .top .tit {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    margin-bottom: 8px;
    text-align: center;
    width: 100%;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    font-weight: 700;
}

.event_attend_div .cont_div .top .btn {
    display: block;
    text-align: center;
    border-radius: 10px;
    width: 100%;
}

.event_attend_div .cont_div .top .btn a {
    padding: 13px 0;
}

.event_attend_div .cont_div .top .btn .attend_btn {
    color: #fff;
    background: #3cc814
}

.event_attend_div .cont_div .top .btn .attend_btn span {
    display: inline-block;
    padding-left: 32px;
    background: url("/res/images/m_attend_already.png") left center no-repeat;
    background-size: 26px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
}

.event_attend_div .cont_div .top .btn .attend_comp_btn {
    color: #000;
    background: #eee;
    border: 1px solid #eee
}

.event_attend_div .cont_div .top .btn .attend_comp_btn span {
    display: inline-block;
    padding-left: 32px;
    background: url("/res/images/m_attend_comp.png") left center no-repeat;
    background-size: 26px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
}

.event_attend_div .attend_div {
    width: 100%;
    max-width: 640px;
    margin: 0 auto
}

.event_attend_div .attend_div .cnt {
    margin-top: 10px;
    float: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #7de093;
    background: #f2fef0;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 50%;
    width: calc(20% - 8px);
    width: -wekbkit-calc(20% - 8px);
    padding: calc(10% - 14px) 0;
    padding: -wekbkit-calc(10% - 14px) 0;
    margin-left: 10px;
}

.event_attend_div .attend_div .cnt.current {
    border: solid 1px #3cc814;
}

.event_attend_div .attend_div .cnt.on {
    color: #fff;
    background: #052832;
}

.event_attend_div .attend_div .cnt.present {
    font-size: 0;
    background: url("/res/images/m_icn_apply_gift.png") center center no-repeat #f2fef0;
    background-size: 65%;
}

.event_attend_div .attend_div .cnt.present.on {
    background: url("/res/images/m_icn_gift_open.png") center center no-repeat #3cc814;
    background-size: 90%;
}

.event_attend_div .attend_div .cnt:nth-child(5n+1) {
    margin-left: 0
}

.event_attend_div .attend_div .cnt:nth-child(-n+5) {
    margin-top: 0;
}

.event_attend_div .attend_benefit_info_div {
    margin-bottom: 32px;
    margin-top: 42px;
}

.event_attend_div .attend_benefit_info_div .top {
    margin-bottom: 0
}

.event_attend_div .attend_benefit_info_div .top .tit {}

.event_attend_div .attend_benefit_info_div .benefit_box {
    width: 100%;
    border-radius: 15px;
    background: #f7f7f7;
    padding: 24px 14px;
}

.event_attend_div .attend_benefit_info_div .benefit_box .list {
    margin-top: 28px;
}

.event_attend_div .attend_benefit_info_div .benefit_box .list:first-child {
    margin-top: 0
}

.event_attend_div .attend_benefit_info_div .benefit_box .list .tit {
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    color: #000;
    text-align: center;
}

.event_attend_div .attend_benefit_info_div .benefit_box .list .benefit_cont {
    margin-top: 6px;
    border-radius: 10px;
    background: #fff;
    padding: 16px;
    border: 1px solid #ddd;
}

.event_attend_div .attend_benefit_info_div .benefit_box .list .benefit_cont:after {
    content: '';
    display: block;
    clear: both
}

.event_attend_div .attend_benefit_info_div .benefit_box .list .benefit_cont.point {}

.event_attend_div .attend_benefit_info_div .benefit_box .list .benefit_cont.coupon {}

.event_attend_div .attend_benefit_info_div .benefit_box .list .benefit_cont .left {
    float: left;
    padding-left: 28px;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: 700
}

.event_attend_div .attend_benefit_info_div .benefit_box .list .benefit_cont.point .left {
    background: url("/res/images/m_attend_benefit_point.png") left center no-repeat;
    background-size: 24px;
}

.event_attend_div .attend_benefit_info_div .benefit_box .list .benefit_cont.coupon .left {
    background: url("/res/images/m_attend_benefit_coupon.png") left center no-repeat;
    background-size: 24px;
}

.event_attend_div .attend_benefit_info_div .benefit_box .list .benefit_cont .right {
    float: right;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: 500
}

.event_attend_div .attend_benefit_info_div .benefit_box .list .benefit_cont .right b {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.event_attend_div .attend_benefit_info_div .benefit_box .list .benefit_cont.point .right b {
    color: #3cc814
}

.event_attend_div .attend_benefit_info_div .benefit_box .list .benefit_cont.coupon .right b {
    color: #ff3894
}

.event_attend_div .benefit_div {
    background: #f7f7f7;
    border-radius: 20px
}

.event_attend_div .benefit_div .dtl {
    border-bottom: 1px solid #eee;
    padding: 24px 20px;
}

.event_attend_div .benefit_div .dtl:last-child {
    border-bottom: none
}

.event_attend_div .benefit_div .dtl.pnt {
    background: url("/res/images/m_icn_evt_coin.png") top 50% right 24px no-repeat;
    background-size: 80px
}

.event_attend_div .benefit_div .dtl.whole {
    background: url("/res/images/m_icn_evt_gift.png") top 50% right 24px no-repeat;
    background-size: 80px
}

.event_attend_div .benefit_div .dtl .desc {
    font-size: 13px;
    line-height: 17px;
    color: #392a22;
}

.event_attend_div .benefit_div .dtl .tit {
    margin-top: 2px;
    font-size: 17px;
    line-height: 19px;
    color: #392a22;
    font-weight: 700;
}

.event_attend_div .no_data_div {
    padding-top: 72px;
    display: block;
}

.event_attend_div .no_data_div .cont_box .icn {
    margin-bottom: 40px;
}

.event_attend_div .no_data_div .cont_box .icn img {
    width: 64px;
    height: 64px;
}

.event_attend_div .no_data_div .cont_box .tit {
    font-size: 16px;
    line-height: 22px;
    color: #333;
    font-weight: 500;
    margin-bottom: 24px;
}

.event_attend_div .no_data_div .cont_box .desc {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    margin-bottom: 48px;
}

#wrap.is_app .event_attend_div .no_data_div {
    display: none
}

/*#wrap .event_attend_div .data_div{display: none}*/
/*#wrap.is_app .event_attend_div .data_div{display: block}*/

.event_roul_div {
    position: relative;
    overflow: hidden
}

.event_roul_div img {
    width: 100%;
}

.event_roul_div .top_area {
    position: relative
}

.event_roul_div .bottom_area {
    position: relative
}

.event_roul_div .roullete_div {
    position: absolute;
    width: 754px;
    height: 754px;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
}

.event_roul_div .roullete_div .roul_wrap {
    position: relative;
    display: inline-block
}

.event_roul_div .roullete_div .roul_wrap .roul_bg {
    z-index: 10;
    width: 754px;
}

.event_roul_div .roullete_div .roul_wrap .roul_shadow {
    position: absolute;
    left: 0;
    top: 8px;
    width: 806px;
    z-index: -1
}

.event_roul_div .roullete_div .roul_wrap .roul_niddle {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -18px;
    z-index: 11;
    width: 106px;
}

.event_roul_div .roullete_div .roul_wrap .start_btn {
    position: absolute;
    width: 216px;
    height: 216px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.event_roul_div .roullete_div .roul_wrap .start_btn.disabled {
    pointer-events: none;
}

.event_roul_div .roullete_div .roul_info {
    margin-top: 70px
}


@media all and (max-width:1023px) {
    .event_roul_div .roullete_div {
        width: 628px;
        height: 628px;
    }

    .event_roul_div .roullete_div .roul_wrap .roul_bg {
        width: 628px;
    }

    .event_roul_div .roullete_div .roul_wrap .roul_shadow {
        width: 672px;
    }

    .event_roul_div .roullete_div .roul_wrap .roul_niddle {
        width: 88px;
    }

    .event_roul_div .roullete_div .roul_wrap .start_btn {
        width: 180px;
        height: 180px;
    }

    .event_roul_div .roullete_div .roul_info {
        margin-top: 40px
    }
}


@media all and (max-width:767px) {
    .event_roul_div .roullete_div {
        width: 314px;
        height: 314px;
    }

    .event_roul_div .roullete_div .roul_wrap .roul_bg {
        width: 314px;
    }

    .event_roul_div .roullete_div .roul_wrap .roul_shadow {
        width: 336px;
    }

    .event_roul_div .roullete_div .roul_wrap .roul_niddle {
        width: 44px;
    }

    .event_roul_div .roullete_div .roul_wrap .start_btn {
        width: 90px;
        height: 90px;
    }
}

@media all and (max-width:320px) {
    .event_roul_div .roullete_div {
        width: 251px;
        height: 251px;
    }

    .event_roul_div .roullete_div .roul_wrap .roul_bg {
        width: 251px;
    }

    .event_roul_div .roullete_div .roul_wrap .roul_shadow {
        width: 269px;
    }

    .event_roul_div .roullete_div .roul_wrap .roul_niddle {
        width: 35px;
    }

    .event_roul_div .roullete_div .roul_wrap .start_btn {
        width: 72px;
        height: 72px;
    }

    .event_roul_div .roullete_div .roul_info {
        margin-top: 30px
    }
}





/* Q&A */
.qna_div .dot_indent {
    padding-bottom: 26px;
}

.qna_div .no_data_div {
    padding: 48px 0 0;
}

.qna_div .no_data_div .txt_area {
    padding-bottom: 0
}

.qna_div .qna_list_div {}

.qna_div .filter_div {
    padding: 18px 20px;
    border-top: 10px solid #f7f7f7;
    border-bottom: 1px solid #eee;
}

.qna_div .filter_div:after {
    content: '';
    display: block;
    clear: both;
}

.qna_div .filter_div .filter {
    float: left;
}

.qna_div .filter_div .filter select {
    height: 24px;
    background: url('/res/images/m_icn_down_32x32.png') center right no-repeat #fff;
    background-size: 16px;
    font-weight: 500;
    padding: 0 20px 0 0;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.2px;
}

.qna_div .chk_div {
    float: right;
}

.qna_div .qna_list_div .list {
    border-bottom: 1px solid #eee;
}

.qna_div .qna_list_div .list .open {
    padding-top: 24px;
    padding-bottom: 24px;
    display: table;
    width: 100%;
}

.qna_div .qna_list_div .list .open .left {
    display: table-cell;
    padding: 4px;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    background: #f7f7f7;
    border-radius: 10px;
    text-align: center;
}

.qna_div .qna_list_div .list .open .left img {
    width: 100%;
}

.qna_div .qna_list_div .list .open .right {
    display: table-cell;
    padding-left: 12px;
    vertical-align: middle;
}

.qna_div .qna_list_div .list .open .right .product {
    font-size: 14px;
    line-height: 18px;
    padding-top: 2px;
    color: #555;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qna_div .qna_list_div .list .open .right .product .brand {
    font-weight: 500
}

.qna_div .qna_list_div .list .open .right .tit {
    margin-top: 8px;
}

.qna_div .qna_list_div .list .open .tit {
    font-size: 16px;
    word-break: break-all;
    line-height: 16px;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qna_div .qna_list_div .list.secret .open .tit:before {
    background: url("/res/images/m_icn_qna_secret.png") center no-repeat;
    content: '';
    background-size: 16px;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle
}

.qna_div .qna_list_div .list .open .info {
    font-size: 13px;
    line-height: 16px;
}

.qna_div .qna_list_div .list .open .info:after {
    content: '';
    display: block;
    clear: both;
}

.qna_div .qna_list_div .list .open .info p {
    float: left;
    margin-top: 12px;
    position: relative;
    padding-right: 20px;
}

.qna_div .qna_list_div .list .open .info p:last-child {
    padding-right: 0;
}

.qna_div .qna_list_div .list .open .info p:after {
    display: block;
    content: '';
    width: 1px;
    height: 10px;
    background: #ddd;
    position: absolute;
    top: 3px;
    right: 10px;
}

.qna_div .qna_list_div .list .open .info p:last-child:after {
    display: none
}

.qna_div .qna_list_div .list .open .info .state {
    font-weight: 500;
}

.qna_div .qna_list_div .list.wait .open .info .state {
    color: #3cc814
}

.qna_div .qna_list_div .list.wait .close {
    padding: 0 20px;
}

.qna_div .qna_list_div .list.comp .open .info .state {
    color: #000
}

.qna_div .qna_list_div .list .info .open .mem_id {
    color: #999;
}

.qna_div .qna_list_div .list .info .open .date {
    color: #999
}

.qna_div .qna_list_div .list .close {
    border-top: none;
    padding-bottom: 24px;
}

.qna_div .qna_list_div .list .question {
    border-top: 1px solid #eee;
    display: table;
    padding-top: 20px;
    width: 100%;
}

.qna_div .qna_list_div .list .question .txt {
    font-size: 14px;
    line-height: 20px;
    color: #555;
    display: table-cell;
    word-break: break-all
}

.qna_div .qna_list_div .list .question .tooltip_div.wrt_tooltip {
    display: table-cell;
    position: relative;
    top: 0;
    right: 0;
}

.qna_div .qna_list_div .list .answer {
    position: relative;
    padding: 24px 20px;
    background: #f9f9f9;
    border-radius: 10px;
    margin-top: 20px;
}

.qna_div .qna_list_div .list .answer+.answer {
    margin-top: -10px;
    padding: 35px 20px 24px
}

.qna_div .qna_list_div .list .answer+.answer:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 20px;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    height: 1px;
    background: #eee
}

.qna_div .qna_list_div .list .answer .info {
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 18px;
    display: table
}

.qna_div .qna_list_div .list .answer .info .name {
    color: #777;
    display: table-cell;
    padding-right: 10px;
}

.qna_div .qna_list_div .list .answer .info .date {
    color: #777;
    display: table-cell
}

.qna_div .qna_list_div .list .answer .txt {
    font-size: 14px;
    line-height: 20px;
    color: #777
}

.qna_div .qna_list_div .list .answer img {
    margin: 10px auto 0;
    width: 100%
}

.qna_div .qna_list_div .list .answer img:first-child {
    margin-top: 0
}

.qna_div .qna_list_div .list .answer img:last-child {
    margin-bottom: 0
}

/* 마이페이지 QNA */
.mypage_qna .data_div {
    margin-top: 8px;
}

.mypage_qna .qna_div .qna_list_div .list {}

.mypage_qna .qna_div .qna_list_div .list .top {
    display: table;
    padding: 24px 0 24px 20px;
    width: 100%;
}

.mypage_qna .qna_div .qna_list_div .list .top .left.thumb {
    position: relative;
    display: table-cell;
    padding: 4px;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    background: #f7f7f7;
    border-radius: 10px;
    text-align: center;
}

.mypage_qna .qna_div .qna_list_div .list .top .left.thumb img {
    width: 100%;
}

.mypage_qna .qna_div .qna_list_div .list .open.right {
    display: table-cell;
    vertical-align: middle;
    width: calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    padding: 0 52px 0 14px;
    background: url(/res/images/m_icn_down_40x40.png) no-repeat right 20px top 50%;
    background-size: 20px;
}

.mypage_qna .qna_div .qna_list_div .list.on .open {
    background: url(/res/images/m_icn_up_40x40.png) no-repeat right 20px top 50%;
    background-size: 20px;
}

.mypage_qna .qna_div .qna_list_div .list .open .product {
    font-size: 14px;
    line-height: 18px;
    padding-top: 2px;
    color: #555;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mypage_qna .qna_div .qna_list_div .list .open .tit {
    margin-top: 8px;
}

.mypage_qna .qna_div .qna_list_div .list .close {
    position: relative;
    display: none;
    padding: 0 20px 24px 20px;
}

.mypage_qna .wrt_tooltip.tooltip_div {
    display: block;
}

/* 제품 상세 공통 */
.product_dtl .scroll_area .devide:after {
    content: '';
    display: block;
    width: 100%;
    height: 10px;
    background: #f7f7f7
}

/* 제품 상세 QNA */
.product_dtl .scroll_area .tab_content .cont_con .qna_div {
    padding-bottom: 40px
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .qna_top_area {
    padding: 16px 20px 26px 20px;
    border-bottom: 1px solid #ddd;
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .qna_top_area:after {
    content: '';
    display: block;
    clear: both
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .qna_top_area .cnt_top_div {
    padding: 10px 0
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .qna_top_area .cnt_top_div:after {
    content: '';
    display: block;
    clear: both
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .qna_top_area .cnt_top_div .cnt_box {
    float: left
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .qna_top_area .cnt_top_div .cnt_box:after {
    content: '';
    display: block;
    clear: both
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .qna_top_area .cnt_top_div .cnt_box .tit {
    float: left;
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
    color: #000;
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .qna_top_area .cnt_top_div .cnt_box .cnt {
    float: left;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    margin-left: 6px;
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .qna_top_area .cnt_top_div .cnt_box .cnt span {
    font-weight: 700;
    color: #3cc814
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .qna_top_area .cnt_top_div .qna_wrt_btn {
    display: block;
    float: right;
    padding: 5px 7px;
    border: 1px solid #bbb;
    border-radius: 5px;
    font-size: 13px;
    line-height: 16px;
    color: #555;
    font-weight: 500
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .qna_top_area .dot_indent {
    margin-top: 6px;
    padding-bottom: 0
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .filter_div {
    border-top: none
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div {}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list {
    border-bottom: 1px solid #eee
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .open {
    display: block;
    padding: 20px 60px 20px 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    background: url('/res/images/m_icn_down_40x40.png') no-repeat right 20px top 50%;
    background-size: 20px
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close {
    display: none;
    padding: 24px 20px;
    border-top: 1px solid #eee
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close table {
    border-top: 1px solid #555
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close table td {
    padding: 11px 6px;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #eee;
    word-break: break-all
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close table tr td:last-child {
    border-right: none
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close .title {
    margin-top: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close .title:first-child {
    margin-top: 0
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close .text {
    margin-top: 6px;
    font-size: 13px;
    line-height: 18px;
    color: #555
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close .dot_indent {
    margin-top: 6px
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close .dot_indent p {
    margin-top: 6px;
    color: #555
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close .dot_indent p:first-child {
    margin-top: 0
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list.on .open {
    background: url('/res/images/m_icn_up_40x40.png') no-repeat right 20px top 50%;
    background-size: 20px
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .qna_list_div .list .close {
    border-top: none;
    padding-top: 0;
    padding-bottom: 24px;
}

/* 제품 상세 리뷰 */
.review_dtl_pop {
    padding: 0
}

.review_dtl_pop .dtl_div {
    padding-bottom: 0;
    padding-top: 0
}

.product_dtl .scroll_area .tab_content .cont_con .review_div {
    padding-top: 16px
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .banner_div {
    border-radius: 10px;
    width: 100%;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .banner_div img {
    border-radius: 10px;
    width: 100%;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_top_area {
    padding: 10px 0;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_top_area:after {
    content: '';
    display: block;
    clear: both
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_top_area .cnt_box {
    float: left
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_top_area .cnt_box:after {
    content: '';
    display: block;
    clear: both
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_top_area .cnt_box .tit:not(.tooltip_div .tit) {
    float: left;
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
    color: #000;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_top_area .cnt {
    float: left;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    margin-left: 6px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_top_area .cnt span {
    font-weight: 700;
    color: #3cc814
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_top_area .tooltip_div {
    float: left;
    width: 16px;
    height: 28px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_top_area .tooltip_div .opener {
    width: 100%;
    height: 100%;
    background: url("/res/images/m_icn_question_32x32.png") left center no-repeat;
    background-size: 16px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_top_area .review_wrt_btn {
    display: block;
    float: right;
    padding: 5px 7px;
    border: 1px solid #bbb;
    border-radius: 5px;
    font-size: 13px;
    line-height: 16px;
    color: #555;
    font-weight: 400
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .product_score {
    margin: 16px 0 32px;
    text-align: center
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .product_score:first-child {
    margin-top: 0
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .product_score .tit {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #000
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .product_score .star_div {
    display: inline-block;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .product_score .star_div .star b {
    margin-top: 4px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .product_score .star_div .star:before {
    top: 4px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .product_score .star_div .star_score {
    margin-left: 12px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .product_score .star_div .star_score b {
    font-size: 32px;
    line-height: 36px;
    display: inline-block
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .benefit_div {
    margin-top: 16px;
    border-radius: 10px;
    padding: 18px 24px;
    margin-bottom: 32px;
    background: #f2fef0
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .benefit_div .desc {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    font-weight: 500;
    text-align: center
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .benefit_div .desc a {
    color: #3cc814;
    font-weight: 700;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .benefit_div a.write_btn {
    display: inline-block;
    margin-bottom: 24px;
    border-radius: 10px;
    border: 1px solid #3cc814;
    background: #3cc814;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    width: 100%;
    padding: 11px 0;
    text-align: center;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .benefit_div .write_div {
    margin-bottom: 20px
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .benefit_div .benefit {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .benefit_div .benefit .benefit_dtl {
    display: table-cell;
    width: 100%;
    text-align: center
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .benefit_div .benefit .benefit_dtl .title {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    font-weight: 400;
    display: inline-block
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .benefit_div .benefit .benefit_dtl .title:after {
    content: '';
    display: block;
    clear: both
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .benefit_div .benefit .benefit_dtl .title .icn {
    float: left;
    width: 24px;
    height: 24px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .benefit_div .benefit .benefit_dtl .title .icn img {
    width: 100%
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .benefit_div .benefit .benefit_dtl .title span {
    float: left
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .benefit_div .benefit .benefit_dtl .title .tooltip_div {
    float: left;
    width: 16px;
    height: 24px;
    background: url("/res/images/m_icn_question_32x32.png") left center no-repeat;
    background-size: 16px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .benefit_div .benefit .benefit_dtl .title .tooltip_div .tooltip {
    text-align: left;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .benefit_div .benefit .benefit_dtl .title .tooltip_div .tooltip .tit {
    margin-top: 0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #555;
    font-weight: 500;
    margin-bottom: 8px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .benefit_div .benefit .benefit_dtl .title .tooltip_div .tooltip .desc {
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.2px;
    color: #555;
    font-weight: 400;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .benefit_div .benefit .benefit_dtl .point {
    margin-top: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #3cc814;
    font-weight: 700;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .md_pick_review {}

.product_dtl .scroll_area .tab_content .cont_con .review_div .md_pick_review .tit {
    padding: 0 20px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: -0.2px;
    color: #000;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .md_pick_review .tit span {
    font-weight: 700;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .md_pick_review .swiper-container {
    padding: 16px 20px 28px 20px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .md_pick_review .swiper-wrapper {}

.product_dtl .scroll_area .tab_content .cont_con .review_div .md_pick_review .swiper-slide {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    overflow: hidden
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list {
    padding-bottom: 40px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .filter_div {
    padding: 16px 20px;
    border-top: 1px solid #ddd;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .wrt_tooltip.tooltip_div {
    top: 24px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .top {
    height: auto
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .option {
    display: block;
    margin-top: 16px;
    color: #999;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.2px
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom {
    width: 100%;
    margin-top: 16px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom .dtl_box {
    width: 100%;
    display: table;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom .dtl {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    word-break: break-all
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom .dtl_box .review_text img {
    width: 100%;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom .open {
    display: none
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom.on .dtl_box .dtl {
    display: table-cell;
    word-break: break-all;
    text-overflow: ellipsis;
    max-height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom.on .open {
    display: inline-block
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list.on .bottom.on .dtl_box .dtl {
    display: block;
    -webkit-line-clamp: none;
    max-height: none;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom .photo_box {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 80px;
    height: 60px;
    border-radius: 10px;
    padding-left: 20px;
    text-align: center;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom .photo_box .photo_cnt {
    position: absolute;
    z-index: 1;
    display: inline-block;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    bottom: 4px;
    right: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list.on .bottom .photo_box {
    display: block;
    width: 100%;
    height: auto;
    padding-left: 0;
    pointer-events: none
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list.on .bottom .photo_box .photo_cnt {
    display: none;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom .photo_box .photo {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    overflow: hidden
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom .photo_box .photo_group .photo:not(:first-child) {
    display: none
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list.on .bottom .photo_box .photo_group {
    width: 100%;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list.on .bottom .photo_box .photo_group .photo {
    display: block;
    margin-top: 20px;
    width: 100%;
    height: auto;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list.on .bottom .photo_box .photo_group .photo.thumb {
    display: none
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list.on .bottom .photo_box .photo_group .photo img {
    display: block;
    width: 100%
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list.on .bottom .open {
    background: url("/res/images/m_icn_up_32x32.png") right top no-repeat;
    background-size: 16px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .open {
    margin-top: 8px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.2px;
    color: #000;
    padding-right: 18px;
    background: url("/res/images/m_icn_down_32x32.png") right top no-repeat;
    background-size: 16px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .answer.on .txt.on+.open {
    background: url("/res/images/m_icn_up_32x32.png") right top no-repeat;
    background-size: 16px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_more {
    margin-top: 24px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .no_data_div {}

/* 상품상세 추천상품 */
.product_dtl .recommend_div {
    padding-top: 16px;
    background: #fff;
}

.product_dtl .recommend_div .title_div {
    padding: 13px 0
}

.product_dtl .recommend_div .title_div p {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #000
}

.product_dtl .recommend_div .title_div h5 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #000
}

.product_dtl .recommend_div .pd_swiper {
    padding: 24px 20px 64px;
    margin-top: -20px
}

.product_dtl .recommend_div .pd_swiper .swiper-slide {
    padding: 10px;
    width: 180px;
    height: 314px;
    border-radius: 20px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.product_dtl .recommend_div .pd_swiper .swiper-slide .thumb {
    width: 160px;
    height: 160px;
    text-align: center
}

.product_dtl .recommend_div .pd_swiper .swiper-slide .thumb.noimg {
    background: #fff
}

.product_dtl .recommend_div .pd_swiper .swiper-slide .pd_info .name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product_dtl .recommend_div .pd_swiper .swiper-slide .pd_info .etc {
    display: none
}

.product_dtl .recommend_div .pd_swiper .swiper-slide .pd_info .badge {
    display: none
}

.product_dtl .recommend_div .pd_swiper .swiper-slide .cart_btn {
    bottom: 20px;
    right: 5px
}

.product_dtl .recommend_div .pd_swiper .swiper-slide .heart {
    top: 132px;
    right: 16px
}

.product_dtl .recommend_div .pd_swiper .swiper-slide.soldout .thumb:before {
    top: 40px;
    left: 40px
}

.product_dtl .recommend_div .pd_swiper .swiper-scrollbar {
    bottom: 32px;
    left: 24px;
    width: calc(100% - 48px);
    width: -webkit-calc(100% - 48px);
    height: 4px;
    background: #eee;
    border-radius: 2px
}

.product_dtl .recommend_div .pd_swiper .swiper-scrollbar .swiper-scrollbar-drag {
    background: #999;
    border-radius: 3px
}


/* 상품상세 구매정보 */
.product_dtl .scroll_area .service_info {
    padding-bottom: 32px
}

.product_dtl .scroll_area .service_info .accor_div {}

.product_dtl .scroll_area .service_info .accor_div .list {
    border-bottom: 1px solid #eee
}

.product_dtl .scroll_area .service_info .accor_div .list .open {
    display: block;
    padding: 20px 60px 20px 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    background: url('/res/images/m_icn_down_40x40.png') no-repeat right 20px top 50%;
    background-size: 20px
}

.product_dtl .scroll_area .service_info .accor_div .list .open h3 {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.product_dtl .scroll_area .service_info .accor_div .list .close {
    display: none;
    padding: 24px 20px;
    border-top: 1px solid #eee
}

.product_dtl .scroll_area .service_info .accor_div .list .close table {
    border-top: 1px solid #555
}

.product_dtl .scroll_area .service_info .accor_div .list .close table td {
    padding: 11px 6px;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #eee;
    word-break: break-all
}

.product_dtl .scroll_area .service_info .accor_div .list .close table tr td:last-child {
    border-right: none
}

.product_dtl .scroll_area .service_info .accor_div .list .close .title {
    margin-top: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.product_dtl .scroll_area .service_info .accor_div .list .close .title:first-child {
    margin-top: 0
}

.product_dtl .scroll_area .service_info .accor_div .list .close .text {
    margin-top: 6px;
    font-size: 13px;
    line-height: 18px;
    color: #555
}

.product_dtl .scroll_area .service_info .accor_div .list .close .dot_indent {
    margin-top: 6px
}

.product_dtl .scroll_area .service_info .accor_div .list .close .dot_indent p {
    margin-top: 6px;
    color: #555
}

.product_dtl .scroll_area .service_info .accor_div .list .close .dot_indent p:first-child {
    margin-top: 0
}

.product_dtl .scroll_area .service_info .accor_div .list.on .open {
    background: url('/res/images/m_icn_up_40x40.png') no-repeat right 20px top 50%;
    background-size: 20px
}

/* 한달 섭취 리뷰 추가 - 아코디언 버전 혜택 */
.review_wrt_div .new_benefit_div {
    margin-top: 0;
    margin-bottom: 24px
}

.review_info_div+.new_benefit_div {
    margin-top: 0;
    margin-bottom: 32px
}

.new_benefit_div {
    border-radius: 10px;
    margin-top: 16px;
    padding: 0;
    overflow: hidden;
    text-align: left
}

.new_benefit_div .accor_div {}

.new_benefit_div .accor_div .list {}

.new_benefit_div .accor_div .list .open {
    display: block;
    padding: 16px;
    background: url("/res/images/m_icn_down_wh_40x40.png") right 16px center no-repeat #052832;
    background-size: 20px
}

.new_benefit_div .accor_div .list.on .open {
    background: url("/res/images/m_icn_up_wh_40x40.png") right 16px center no-repeat #052832;
    background-size: 20px
}

.new_benefit_div .accor_div .list .open p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding-left: 26px;
    background: url("/res/images/icn_review_edit_w_24x24.png") left center no-repeat;
    background-size: 24px;
}

.new_benefit_div .accor_div .list .open b {
    font-weight: 700
}

.new_benefit_div .accor_div .list .open span {
    color: #3cc814;
    font-weight: 500
}

.new_benefit_div .accor_div .list .close {
    display: none;
    background: #021f27;
    color: #fff;
    padding: 16px 16px 20px 16px;
}

.new_benefit_div .accor_div .list .close .benefit_dtl.line {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    margin-top: 8px;
    padding-left: 10px;
    position: relative
}

.new_benefit_div .accor_div .list .close .benefit_dtl.line:before {
    content: '';
    width: 3px;
    height: 3px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 100%;
    position: absolute;
    top: 7.5px;
    left: 1.5px;
}

.new_benefit_div .accor_div .list .close .benefit_dtl.line:first-child {
    margin-top: 0;
}

.new_benefit_div .accor_div .list .close .line:after {
    content: '';
    display: block;
    clear: both
}

.new_benefit_div .accor_div .list .close .line .left {
    float: left;
    width: 120px;
    text-align: left
}

.new_benefit_div .accor_div .list .close .line .right {
    float: right;
    width: calc(100% - 120px);
    width: -webkit-calc(100% - 120px);
    font-weight: 500;
    color: #3cc814;
    text-align: right
}

.new_benefit_div .accor_div .list .close .sub_txt {
    margin-top: 10px;
    padding-left: 10px;
    font-size: 11px;
    line-height: 14px;
    color: rgba(255, 255, 255, 0.7);
}

.new_benefit_div .accor_div .list .close .sub_txt p:not(:first-child) {
    margin-top: 4px;
}

/* 한달 섭취 리뷰 추가 딱지 */
/* .review_div .review_list .list_div .list.month .bottom .dtl_box .dtl {
    position: relative
} */

/* .review_div .review_list .list_div .list.month .bottom .dtl_box .dtl:before {
    content: '한달섭취리뷰';
    font-size: 14px;
    line-height: 20px;
    color: #3cc814;
    font-weight: 500;
    margin-right: 17px;
} */

/* .review_div .review_list .list_div .list.month .bottom .dtl_box .dtl:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 12px;
    background: #ddd;
    left: 85px;
    top: 4px
} */

/* .review_dtl_div.month .dtl_div .dtl .txt {
    position: relative
}

.review_dtl_div.month .dtl_div .dtl .txt:before {
    content: '한달섭취리뷰';
    font-size: 14px;
    line-height: 20px;
    color: #3cc814;
    font-weight: 500;
    margin-right: 21px;
}

.review_dtl_div.month .dtl_div .dtl .txt:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 12px;
    background: #ddd;
    left: 85px;
    top: 4px
} */

/* 친구초대 */
.mypage_invite_div {
    padding-top: 16px;
}

.mypage_invite_div .top {}

.mypage_invite_div .top .banner {
    width: 100%;
    border-radius: 15px;
    overflow: hidden
}

.mypage_invite_div .top .tit {
    font-size: 16px;
    line-height: 22px;
    color: #333;
    text-align: center;
    padding-top: 32px;
}

.mypage_invite_div .top .tit span {
    font-weight: 700;
}

.mypage_invite_div .step_div {
    padding: 24px 0;
}

.mypage_invite_div .step_div .list {
    border-bottom: 1px solid #eee;
    padding: 24px 12px 24px 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.mypage_invite_div .step_div .list:last-child {
    border-bottom: none
}

.mypage_invite_div .step_div .list .left {
    display: table-cell;
    width: 68px;
    vertical-align: middle;
}

.mypage_invite_div .step_div .list .left .icn {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    padding: 14px;
    background: #f7f7f7;
}

.mypage_invite_div .step_div .list .left .icn img {
    width: 100%;
}

.mypage_invite_div .step_div .list .dtl {
    display: table-cell;
    padding-left: 12px;
    vertical-align: middle;
}

.mypage_invite_div .step_div .list .dtl .step {
    margin-bottom: 4px;
    font-size: 15px;
    line-height: 22px;
    color: #3cc814;
    font-weight: 700;
}

.mypage_invite_div .step_div .list .dtl .desc {
    font-size: 14px;
    line-height: 20px;
    color: #555;
}

.mypage_invite_div .share_div {}

.mypage_invite_div .share_div .tit {
    padding: 12px 0 24px;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    font-weight: 700;
    text-align: center;
}

.mypage_invite_div .share_div .cord_box {
    padding: 28px 0;
    width: 100%;
    text-align: center;
    background: #f7f7f7;
    border-radius: 10px;
    margin-bottom: 24px;
}

.mypage_invite_div .share_div .cord_box .desc {
    font-size: 16px;
    line-height: 22px;
    color: #333;
}

.mypage_invite_div .share_div .cord_box .cord {
    font-size: 26px;
    font-weight: 500;
    color: #333;
    margin-top: 12px;
    letter-spacing: -1px
}

.mypage_invite_div .share_div .btn {}

.mypage_invite_div .share_div .btn a img {
    width: 32px;
    height: 32px;
    margin-right: 6px;
}

.mypage_invite_div .share_div .btn .copy {
    line-height: 32px;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
}

.mypage_invite_div .share_div .btn .kakao {
    margin-top: 8px;
    line-height: 32px;
    padding: 10px 0;
    border: 1px solid #ffe500;
    background: #ffe500;
    border-radius: 10px;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.mypage_invite_div .etc_div {
    padding-top: 24px;
    background: #f7f7f7;
}

.mypage_invite_div .etc_div .tit {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 18px;
    color: #333;
}

.mypage_invite_div .etc_div .dot_indent {}

.mypage_invite_div .etc_div .dot_indent p {}

/* qna 작성 */
.qna_wrt_div {
    padding-top: 32px;
}

.qna_wrt_div .textarea_div .textarea_wrap {
    margin-top: 8px;
    width: 100%;
    height: 134px;
    background: #f7f7f7;
    padding: 14px 12px 46px 12px;
    border-radius: 10px;
}

.qna_wrt_div .textarea_div .textarea_wrap textarea {
    width: 100%;
    height: 74px;
}

.qna_wrt_div .chk_box {
    margin-top: 22px;
}

.qna_wrt_div .chk_box label {}

.qna_wrt_div .noti {
    margin-top: 14px;
}

.qna_wrt_div .btn {
    margin-top: 32px;
    padding-bottom: 24px;
    display: flex;
}

.qna_wrt_div .btn a {
    width: 100%;
    margin-left: 8px;
}

.qna_wrt_div .btn a:first-child {
    margin-left: 0
}

.qna_wrt_div .accor_div {
    border-top: 10px solid #f7f7f7
}

.qna_wrt_div .accor_div .list {}

.qna_wrt_div .accor_div .list .open {
    display: block;
    border-bottom: 1px solid #eee;
    padding: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    background: url("/res/images/m_icn_down_gry_40x40.png") top 50% right 20px no-repeat;
    background-size: 20px;
}

.qna_wrt_div .accor_div .list.on .open {
    background: url("/res/images/m_icn_up_gry_40x40.png") top 50% right 20px no-repeat;
    background-size: 20px;
}

.qna_wrt_div .accor_div .close {
    display: none;
    padding: 16px 20px 32px 20px;
}


/* 고객센터 공통 */
.cs_wrap .noti_wrap .list {
    padding: 24px 20px;
    display: block;
    border-bottom: 1px solid #eee;
}

.cs_wrap .noti_wrap .list .info {
    margin-bottom: 8px
}

.cs_wrap .noti_wrap .list .info .date {
    font-size: 13px;
    line-height: 18px;
    color: #999;
    margin-left: 5px;
    display: inline-block;
}

.cs_wrap .top_list_div {}

.cs_wrap .top_list_div .list {
    display: block;
    border-bottom: 1px solid #eee;
    background: #f9f9f9
}

.cs_wrap .top_list_div .list:last-child {
    border-bottom: none;
}

.cs_wrap .top_list_div .list .info .badge {
    border: 1px solid #052832;
    color: #fff;
    background: #052832;
    padding: 4px 0 2px;
    width: 46px;
    height: 24px;
    border-radius: 4px;
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

.cs_wrap .top_area .cate_div .cate_btn.on {
    background: #3cc814;
    color: #fff;
}

.cs_wrap .noti_wrap .list .tit {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    word-break: break-all
}

.noti_wrap .badge {
    border: 1px solid #3cc814;
    background: #3cc814;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    padding: 4px 0 2px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    width: 46px;
    height: 24px;
}

.cs_wrap .top_area .cate_div {
    padding-bottom: 24px;
}

.cs_wrap .top_area .cate_div .cate_btn {
    width: auto;
    border-radius: 20px;
    padding: 10px 18px;
    text-align: center;
    display: inline-block;
    background: #f5f5f5;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}




/* 고객센터 메인 */
.cs_wrap .devide:before {
    content: '';
    display: block;
    width: 100%;
    height: 10px;
    background: #f7f7f7;
}

.cs_wrap .top {
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.cs_wrap .top:after {
    content: '';
    display: block;
    clear: both;
}

.cs_wrap .top .tit {
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
}

.cs_wrap .top .all_btn {
    float: right;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    padding-right: 14px;
    background: url("/res/images/m_icn_right_24x32.png") no-repeat right 1px;
    background-size: 12px 16px;
}

.cs_wrap .faq_wrap {
    padding-bottom: 32px;
}

.cs_wrap .faq_wrap .list_div .list {
    border-bottom: 1px solid #eee;
}

.cs_wrap .faq_wrap .list_div .list .open {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    display: block;
    padding: 20px 60px 20px 20px;
    background: url(/res/images/m_icn_down_40x40.png) no-repeat right 20px top 50%;
    background-size: 20px;
}

.cs_wrap .faq_wrap .list_div .list .open h2 {
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.cs_wrap .faq_wrap .list_div .list .open h3 {
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.cs_wrap .faq_wrap .list_div .list.on .open {
    background: url(/res/images/m_icn_up_40x40.png) no-repeat right 20px top 50%;
    background-size: 20px;
}

.cs_wrap .faq_wrap .list_div .list .open .cate {
    font-weight: 500;
    color: #3cc814;
    margin-right: 8px;
}

.cs_wrap .faq_wrap .list_div .list .close {
    padding: 24px 0;
    margin: 0 20px;
    display: none;
    font-size: 14px;
    line-height: 20px;
    color: #555;
}

.cs_wrap .faq_wrap .list_div .list.on .close {
    border-top: 1px solid #eee;
}

.cs_wrap .faq_wrap .btn {
    margin-top: 32px;
}

.cs_wrap .faq_wrap .btn a {
    display: block;
    height: 54px;
    width: 100%;
    border-radius: 10px;
    text-align: center;
}

.cs_wrap .faq_wrap .btn a.inquiry {
    border: 1px solid #999;
    padding: 13px 0;
}

.cs_wrap .faq_wrap .btn a.inquiry span {
    font-size: 16px;
    line-height: 24px;
    color: #333;
    font-weight: 500;
}

.cs_wrap .faq_wrap .btn a.kakao {
    background: #ffe500;
    padding: 8px 0;
    margin-top: 8px;
}

.cs_wrap .faq_wrap .btn a.kakao span {
    display: inline-block;
    height: 36px;
    padding-left: 38px;
    background: url(/res/images/m_cs_kakao.png) no-repeat left center;
    background-size: 32px;
    font-size: 14px;
    line-height: 36px;
    color: #000;
    font-weight: 500;
}

.cs_wrap .cs_center_wrap {
    text-align: center;
    padding-top: 32px;
    padding-bottom: 72px;
    background: #f9f9f9;
}

.cs_wrap .cs_center_wrap .cs_center {
    display: inline-block;
    padding: 15px 24px;
    border-radius: 25px;
    border: 1px solid #bbb;
    font-size: 16px;
    line-height: 20px;
    color: #000;
}

.cs_wrap .cs_center_wrap .cs_center span {
    margin-left: 10px;
    font-size: 20px;
    line-height: 20px;
    color: #000;
    font-weight: 700;
    padding-left: 20px;
    background: url("/res/images/m_icn_call.png") left center no-repeat;
    background-size: 20px;
}

.cs_wrap .cs_center_wrap .running {
    margin-top: 10px;
    font-size: 12px;
    line-height: 16px;
    color: #777;
    font-weight: 400;
}

/* FAQ */
.cs_wrap.faq_main {
    padding-bottom: 72px;
}

.faq_main .faq_wrap {
    padding-bottom: 0
}

.faq_main .faq_wrap .top_area {}

.faq_main .faq_wrap .top_area .search_box {
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    margin: 0 auto 24px;
    padding: 4px 0;
    position: relative;
}

.faq_main .faq_wrap .top_area .search_box .input_form input {
    border: 1px solid #bbb;
    margin-right: 0;
    background: #fff;
    height: 40px;
    padding-right: 65px
}

.faq_main .faq_wrap .top_area .search_box .input_form .delete {
    right: 32px
}

.faq_main .faq_wrap .top_area .search_box .input_form .search_btn {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 13px;
    background: url("/res/images/m_icn_search_40x40.png") center no-repeat;
    background-size: 20px;
}

.faq_main .faq_wrap .top_area .swiper-container {
    padding: 0 20px
}

.faq_main .faq_wrap .list_top {
    border-bottom: 1px solid #eee;
}

.faq_main .faq_wrap .list_top .total {
    padding: 20px;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    font-weight: 700;
}

.faq_main .faq_wrap .accor_div {}

.faq_main .faq_wrap .accor_div .list_div .list .close .photo {
    width: 100%;
    border-radius: 10px;
}

.faq_main .faq_wrap .accor_div .list_div .list .close .photo img {
    width: 100%;
    border-radius: 10px;
    margin-top: 16px;
}

.faq_main .faq_wrap .accor_div .list_div .list .close .photo img:first-child {
    margin-top: 20px;
}

.faq_main .faq_wrap .no_data_div {
    padding-top: 24px;
    width: 100%;
}

/* 1:1 문의 */
.inqu_wrt_div {
    padding-bottom: 72px;
}

.inqu_wrt_div .devide:before {
    content: '';
    display: block;
    width: 100%;
    height: 10px;
    background: #f7f7f7;
}

.inqu_wrt_div .tit {
    font-size: 16px;
    line-height: 16px;
    color: #000;
    font-weight: 500;
    margin-top: 24px;
}

.inqu_wrt_div .textarea_div {
    padding-top: 32px;
}

.inqu_wrt_div .textarea_div .textarea_wrap {
    margin-top: 8px;
    width: 100%;
    height: 134px;
    background: #f7f7f7;
    padding: 14px 12px 46px 12px;
    border-radius: 10px;
}

.inqu_wrt_div .textarea_div .textarea_wrap textarea {
    width: 100%;
    height: 74px;
}

.inqu_wrt_div .textarea_div .chk_box {
    margin-top: 12px;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #000;
}

.inqu_wrt_div .pic_div {
    padding: 24px 0 32px 0;
}

.inqu_wrt_div .pic_div .upload_pic {}

.inqu_wrt_div .pic_div .upload_pic {
    margin-top: 24px
}

.inqu_wrap {
    padding-bottom: 72px;
}

.inqu_wrap .no_data_div {
    margin-top: 48px;
}

.inqu_list_div {}

.inqu_list_div .list {
    border-bottom: 1px solid #eee;
}

.inqu_list_div .list .open {
    padding-top: 24px;
    padding-bottom: 24px;
    display: block;
    padding: 20px 60px 20px 20px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    background: url(/res/images/m_icn_down_40x40.png) no-repeat right 20px top 50%;
    background-size: 20px;
}

.inqu_list_div .list .close {
    display: none;
}

.inqu_list_div .list.on .open {
    background: url(/res/images/m_icn_up_40x40.png) no-repeat right 20px top 50%;
    background-size: 20px;
}

.inqu_list_div .list .open .tit {
    font-size: 16px;
    line-height: 16px;
    color: #000;
}

.inqu_list_div .list.secret .open .tit:after {
    background: url("/res/images/m_icn_qna_secret.png") center no-repeat;
    content: '';
    background-size: 16px;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 4px;
}

.inqu_list_div .list .open .info {
    margin-top: 12px;
    font-size: 13px;
    line-height: 16px;
    display: table;
}

.inqu_list_div .list .open .info p {
    display: table-cell;
    position: relative;
    padding-right: 20px;
}

.inqu_list_div .list .open .info p:last-child {
    padding-right: 0;
}

.inqu_list_div .list .open .info p:after {
    display: block;
    content: '';
    width: 1px;
    height: 10px;
    background: #ddd;
    position: absolute;
    top: 3px;
    right: 10px;
}

.inqu_list_div .list .open .info p:last-child:after {
    display: none
}

.inqu_list_div .list .open .info .state {
    font-weight: 500;
}

.inqu_list_div .list.wait .open .info .state {
    color: #3cc814
}

.inqu_list_div .list.comp .open .info .state {
    color: #000
}

.inqu_list_div .list .open .info .date {
    color: #999
}

.inqu_list_div .list.comp .close {
    border-top: none;
    display: none;
    padding: 0 20px 24px 20px;
}

.inqu_list_div .list.wait .close {
    padding: 0 20px;
}

.inqu_list_div .list .question {
    border-top: 1px solid #eee;
    padding: 24px 0;
}

.inqu_list_div .list .question .txt_zone {
    display: table;
    width: 100%;
    position: relative;
}

.inqu_list_div .list .question .txt_zone .txt {
    font-size: 14px;
    line-height: 20px;
    color: #555;
    display: table-cell;
    width: calc(100% - 48px);
    width: -webkit-calc(100% - 48px);
    word-break: break-all;
    white-space: normal;
}

.inqu_list_div .list .question .txt_zone .wrt_tooltip.tooltip_div {
    display: table-cell;
    position: relative;
    top: 0;
    right: 0
}

.inqu_list_div .list .question .txt_zone .wrt_tooltip .tooltip {
    top: 36px !important;
    left: auto !important;
    right: 0 !important;
}

.inqu_list_div .list .question .photo {
    display: block;
    width: 100%;
    border-radius: 10px;
}

.inqu_list_div .list .question .photo img:first-child {
    margin-top: 20px;
}

.inqu_list_div .list .question .photo img {
    max-width: 100%;
    border-radius: 10px;
    margin-top: 16px;
}

.inqu_list_div .list .answer {
    position: relative;
    padding: 24px 20px;
    background: #f9f9f9;
    border-radius: 10px;
}

.inqu_list_div .list .answer+.answer {
    margin-top: -10px;
    padding: 35px 20px 24px
}

.inqu_list_div .list .answer+.answer:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 20px;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    height: 1px;
    background: #eee
}

.inqu_list_div .list .answer .info {
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 18px;
    display: table
}

.inqu_list_div .list .answer .info .name {
    color: #777;
    display: table-cell;
    padding-right: 10px;
}

.inqu_list_div .list .answer .info .date {
    color: #777;
    display: table-cell
}

.inqu_list_div .list .answer .txt {
    font-size: 14px;
    line-height: 20px;
    color: #777;
    word-break: break-all
}

.inqu_list_div .list .answer img {
    margin: 10px 0;
    width: 100%
}

.inqu_list_div .list .answer img:first-child {
    margin-top: 0
}

.inqu_list_div .list .answer img:last-child {
    margin-bottom: 0
}

/* 공지사항 */
.noti_list_div {
    padding-bottom: 72px;
}

.noti_list_div .top_area {
    border-bottom: 1px solid #eee;
    padding: 0 20px;
    margin-top: 16px;
}

.noti_list_div .no_data_div {
    padding-top: 48px;
    width: 100%;
}

.noti_dtl_div {
    padding-top: 32px;
    padding-bottom: 72px;
}

.noti_dtl_div .top {}

.noti_dtl_div .top .inner {
    border-bottom: 1px solid #eee;
    padding-bottom: 24px;
}

.noti_dtl_div .top .tit_area {
    width: 100%;
}

.noti_dtl_div .top .tit_area .badge {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 5px;
}

.noti_dtl_div .top .tit_area .tit {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 53px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.noti_dtl_div .top .date {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
}

.noti_dtl_div .cont {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: #555;
    padding: 24px 20px 0;
    word-break: break-all;
    margin-bottom: 48px;
}

.noti_dtl_div .cont p {
    margin: 0 auto;
}

.noti_dtl_div .cont font {
	font-family: "SpoqaNeo", "맑은 고딕", "Malgun Gothic", sans-serif !important;
	font-size: 14px !important;
	line-height: 20px !important;
	color: #555 !important;
}

.noti_dtl_div .cont u {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
}

.noti_dtl_div .cont img {
    margin: 24px -20px;
    width: calc(100% + 40px);
    width: -webkit-calc(100% + 40px)
}

.noti_dtl_div .cont img:first-child {
    margin-top: 0
}

.noti_dtl_div .cont table {
    position: relative;
    margin: 40px 0
}

.noti_dtl_div .cont table:first-child {
    margin-top: 0
}

.noti_dtl_div .cont table:last-child {
    margin-bottom: 0
}

.noti_dtl_div .cont table:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    width: 2px;
    height: calc(100% + 2px);
    height: -webkit-calc(100% + 2px);
    background: #fff
}

.noti_dtl_div .cont table:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #555
}

.noti_dtl_div .cont table thead th {
    padding: 12px 8px;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    text-align: left;
    background: #f7f7f7;
    vertical-align: middle;
    border-bottom: 1px solid #999;
    border-left: 1px solid #eee
}

.noti_dtl_div .cont table tbody td {
    padding: 12px 8px;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #eee
}

.noti_dtl_div .cont table tbody tr:last-child th,
.noti_dtl_div .cont tbody tr:last-child td {
    border-bottom: 1px solid #555
}

.noti_dtl_div .other_list {
    border-top: 10px solid #f7f7f7;
}

.noti_dtl_div .other_list a {
    display: block;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 20px 28px 20px 0;
    background: url("/res/images/m_icn_right_777_32x32.png") right center no-repeat;
    background-size: 16px;
}

.noti_dtl_div .other_list a:after {
    content: '';
    display: block;
    clear: both
}

.noti_dtl_div .other_list a b {
    float: left;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #999;
    width: 36px;
    margin-right: 16px;
}

.noti_dtl_div .other_list a span {
    float: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
    width: calc(100% - 52px);
    width: -webkit-calc(100% - 52px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.noti_dtl_div .go_list_btn {
    display: block;
    position: relative;
    margin: 32px auto;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #555;
    line-height: 46px;
}

/* 쿠폰 */
.coupon_div {
    padding-top: 32px
}

.coupon_div .top {
    padding: 0 20px 24px;
    border-bottom: 10px solid #f7f7f7
}

.coupon_div .top .input_form .input_area .btn {
    min-width: 112px
}

.coupon_div .top .input_form .clear_has.has_btn .delete {
    right: 124px
}

.coupon_div .cpn_list_div {
    position: relative;
    padding: 12px 20px 0;
}

.coupon_div .cpn_list_div .tit {
    padding: 14px 0 12px;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
}

.coupon_div .cpn_list_div .tit span {
    color: #3cc814
}

.coupon_div .cpn_list_div .list_div {
    margin-top: 12px
}

.coupon_div .cpn_list_div .sorting_div {
    position: absolute;
    top: 12px;
    right: 20px;
}

.coupon_div .cpn_list_div .sorting_div select {
    float: right;
    padding: 0 24px 0 12px;
    background: url(/res/images/m_icn_down_40x40.png) no-repeat right center #fff;
    background-size: 20px;
}

.coupon_div .cpn_list_div .list {
    display: table;
    position: relative;
    margin-top: 16px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.coupon_div .cpn_list_div .list:first-child {
    margin-top: 0
}

.coupon_div .cpn_list_div .list:after {
    content: '';
    display: block;
    clear: both;
}

.coupon_div .cpn_list_div .list .left {
    position: relative;
    padding: 21px;
    height: 100%
}

.coupon_div .cpn_list_div .list .left:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -1px;
    width: 8px;
    height: 20px;
    margin-top: -10px;
    background: url('/res/images/m_coupon_left.png') no-repeat;
    background-size: 8px 20px
}

.coupon_div .cpn_list_div .list .left:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -1px;
    width: 8px;
    height: 20px;
    margin-top: -10px;
    background: url('/res/images/m_coupon_right.png') no-repeat;
    background-size: 8px 20px
}

.coupon_div .cpn_list_div .list .dc_info {}

.coupon_div .cpn_list_div .list .dc_info .discount {
    display: inline-block;
    font-size: 24px;
    line-height: 28px;
    color: #ff3894;
    font-weight: 700;
}

.coupon_div .cpn_list_div .list .dc_info .discount b {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    vertical-align: baseline
}

.coupon_div .cpn_list_div .list .dc_info .due_date {
    position: absolute;
    bottom: 24px;
    left: 24px;
    font-size: 12px;
    line-height: 18px;
    padding-left: 20px;
    color: #777;
    background: url("/res/images/m_icn_time_32.png") left center no-repeat;
    background-size: 16px;
}

.coupon_div .cpn_list_div .list .object {
    margin-top: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #333;
    word-break: break-all
}

.coupon_div .cpn_list_div .list .object span {
    display: inline-block;
    margin-right: 2px;
    font-weight: 700;
    color: #ff3894
}

.coupon_div .cpn_list_div .list .use_pd {
    display: inline-block;
    margin-top: 8px;
    padding-right: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #777;
    background: url('/res/images/m_icn_right_777_32x32.png') no-repeat right center;
    background-size: 16px
}

.coupon_div .cpn_list_div .list .conditional {
    margin-top: 16px
}

.coupon_div .cpn_list_div .list .conditional p {
    position: relative;
    margin-top: 2px;
    padding-left: 8px;
    font-size: 11px;
    line-height: 16px;
    color: #777
}

.coupon_div .cpn_list_div .list .conditional p:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #bbb;
    border-radius: 100%
}

.coupon_div .cpn_list_div .list .conditional p:first-child {
    margin-top: 0
}

.coupon_div .cpn_list_div .list .badge {
    position: absolute;
    top: 23px;
    right: 21px
}

.coupon_div .cpn_list_div .list .badge:after {
    content: '';
    display: block;
    clear: both
}

.coupon_div .cpn_list_div .list .badge span {
    float: left;
    margin-left: 4px;
    padding: 4px 8px;
    font-size: 11px;
    line-height: 16px;
    color: #ff3894;
    background: rgba(255, 56, 148, 0.1);
    border-radius: 12px
}

.coupon_div .cpn_list_div .list .download {
    display: block;
    margin-top: 10px;
    padding: 11px 10px;
    border: 1px solid #777;
    border-radius: 5px;
    text-align: center
}

.coupon_div .cpn_list_div .list .download span {
    display: inline-block;
    padding-right: 20px;
    font-size: 13px;
    line-height: 16px;
    color: #000;
    background: url('/res/images/m_cpn_down.png') no-repeat right center;
    background-size: 16px
}

.coupon_div .no_data_div {
    margin-top: 48px;
}

.coupon_div .cpn_download .no_data_div {
    margin-top: 16px;
}

.use_product {
    padding-bottom: 56px
}


/* 적립금 */
.point_div {
    padding-top: 24px;
    padding-bottom: 72px;
}

.point_div .top {
    padding-bottom: 24px;
}

.point_div .top .summary {
    width: 100%;
    border-radius: 15px;
    background: #052832;
    padding: 24px 20px;
    color: #fff;
}

.point_div .top .summary:after {
    content: '';
    display: block;
    clear: both;
}

.point_div .top .summary .usable_point {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(238, 238, 238, 0.1)
}

.point_div .top .summary .usable_point:after {
    content: '';
    display: block;
    clear: both
}

.point_div .top .summary .usable_point .left {
    float: left;
    position: relative;
    padding-right: 18px;
}

.point_div .top .summary .usable_point .left .tit {
    font-size: 14px;
    line-height: 20px;
}

.point_div .top .summary .usable_point .left .tooltip_div {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 100%;
    background: url(/res/images/m_icn_question_wht_32x32.png) no-repeat center 1px;
    background-size: 16px;
}

.point_div .top .summary .usable_point .right {
    float: right;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}

.point_div .top .summary .usable_point .right span {
    font-size: 16px;
    margin-left: 2px;
}

.point_div .top .summary .destroyed_point {
    padding-top: 16px;
}

.point_div .top .summary .destroyed_point:after {
    content: '';
    display: block;
    clear: both
}

.point_div .top .summary .destroyed_point .left {
    float: left
}

.point_div .top .summary .destroyed_point .left .tit {
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
}

.point_div .top .summary .destroyed_point .right {
    float: right;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.point_div .top .summary .destroyed_point .right span {
    font-size: 14px;
}

.point_div .top .date_filter {
    margin-top: 20px;
}

.point_div .top .date_filter .select_date {
    display: block;
    position: relative;
    background: #f7f7f7;
    border-radius: 10px;
    border: 1px solid #f7f7f7
}

.point_div .top .date_filter .select_date:before {
    content: '~';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    font-size: 14px;
    line-height: 46px;
    color: #000;
    text-align: center
}

.point_div .top .date_filter .select_date:after {
    content: '';
    display: block;
    clear: both
}

.point_div .top .date_filter .select_date select {
    float: left;
    margin-left: 20px;
    width: calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    height: 46px;
    background: url('/res/images/m_select_date_icon.png') no-repeat right 6px top 50%;
    background-size: 20px
}

.point_div .top .date_filter .select_date select:focus {
    outline: 0
}

.point_div .top .date_filter .select_date select:first-child {
    margin-left: 0
}

.point_div .top .date_filter .select_date.on {
    border: 1px solid #3cc814
}

.point_div .top .btn {
    margin-top: 12px;
}

.point_div .top .dot_indent {
    margin-top: 12px;
}

.point_div .point_list_div {
    border-top: 10px solid #f7f7f7;
}

.point_div .point_list_div .sorting_div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding: 6px 20px;
}

/* .point_div .point_list_div .sorting_div:after {
    content: '';
    display: block;
    clear: both;
} */

.point_div .point_list_div .sorting_div .chk_div label {
    font-size: 14px;
    font-weight: 500;
}

.point_div .point_list_div .sorting_div select {
    float: right;
    padding: 0 24px 0 12px;
    background: url(/res/images/m_icn_down_40x40.png) no-repeat right center #fff;
    background-size: 20px;
}

.point_div .point_list_div .list_div .list {
    padding: 24px 125px 24px 20px;
    border-bottom: 1px solid #eee;
    width: 100%;
    position: relative;
}

.point_div .point_list_div .list_div .list .left {}

.point_div .point_list_div .list_div .list .left .date {
    font-size: 13px;
    line-height: 18px;
    color: #999
}

.point_div .point_list_div .list_div .list .left .desc {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    margin-top: 8px;
    display: block
}

.point_div .point_list_div .list_div .list .left .info {
    display: inline-block;
    margin-top: 4px;
    font-size: 14px;
    line-height: 18px;
    color: #777;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.point_div .point_list_div .list_div .list .left a.info {
    padding-right: 16px;
	background: url("/res/images/m_icn_right_gry_32x32.png") bottom right no-repeat;
    background-size: 16px;
}

.point_div .point_list_div .list_div .list .left a.info .name {
	display: block;
	margin-bottom: 4px;
}

.point_div .point_list_div .list_div .list .right {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 115px;
    text-align: right;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
}

.point_div .point_list_div .list_div .list .right span {
    font-size: 14px;
}

.point_div .point_list_div .list_div .list .left .due_date {
    padding-left: 20px;
    margin-top: 14px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.2px;
    color: #777;
    background: url('/res/images/m_icn_time_32.png') no-repeat left center;
    background-size: 16px;
}

.point_div .point_list_div .list_div .list.plus .right {
    color: #3cc814
}

.point_div .point_list_div .list_div .list.minus .right {
    color: #000;
}

.point_div .point_list_div .no_data_div {
    margin-top: 48px;
}


/* 이용약관 및 개인정보 처리방침 등 */
.term_div {
    color: #000;
    padding-top: 40px;
    padding-bottom: 72px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.term_div .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.2px
}

.term_div .anchor_div {}

.term_div .anchor_div a {
    color: #3cc814
}

.term_div .anchor_div h2 {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.term_div .text_div {
    margin-top: 32px
}

.term_div .tit {
    margin-top: 24px;
    font-weight: 500;
}

.term_div .tit:first-child {
    margin-top: 0
}

.term_div .tit.etc {
    margin-top: 32px;
}

.term_div .tit span {
    display: inline-block;
    margin-right: 6px;
}

.term_div .txt {
    margin-top: 12px;
}

.term_div .txt:first-child {
    margin-top: 0
}

.term_div .txt .noti {
    margin-top: 4px;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.2px;
    color: #999
}

.term_div .txt p {
    margin-top: 8px;
}

.term_div .txt p:first-child {
    margin-top: 0;
}

.term_div .txt table {
    position: relative;
    margin-top: 20px
}

.term_div .txt table:first-child {
    margin-top: 0
}

.term_div .txt table:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #555
}

.term_div .txt table thead tr th {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.2px;
    color: #555;
    text-align: left;
    padding: 12px 8px;
    background: #f7f7f7
}

.term_div .txt table tbody tr th {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.2px;
    color: #555;
    text-align: left;
    padding: 12px 8px
}

.term_div .txt table tr td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.2px;
    color: #555;
    text-align: left;
    padding: 12px 8px
}

.term_div .txt table tr th:last-child,
.term_div .txt table tr td:last-child {
    border-right: none;
}

.term_div .txt table tbody tr:last-child th,
.term_div .txt table tbody tr:last-child td {
    border-bottom: 1px solid #555
}

.term_div .txt table tr:last-child td {
    border-bottom: none
}

.term_div .txt .dot_indent {
    margin-top: 4px
}

.term_div .txt .dot_indent p {
    margin-top: 2px;
}

.term_div .txt .dot_indent p:first-child {
    margin-top: 0;
}

.term_div .txt .dot_indent+p {
    margin-top: 10px
}

.term_div .txt .indent {
    padding-left: 15px;
    margin-top: 4px
}

.term_div .txt .indent p {
    margin-top: 2px
}

.term_div .txt .indent p:first-child {
    margin-top: 0
}

.term_div .txt .indent .dot_indent p {
    margin-top: 2px
}

.term_div .txt .indent .dot_indent p:first-child {
    margin-top: 0
}

.term_div .sub_tit {
    margin-left: 8px;
    margin-top: 12px;
}

.term_div .sub_tit+.dot_indent {
    margin-left: 8px;
    margin-top: 6px;
}

.term_div .txt a {
    color: #3cc814
}

.term_div .select_div {
    margin-top: 20px;
    width: 100%;
}

.term_div .select_div select {
    width: 100%;
}

/* 알림함 */
.alert_wrap {
    padding-top: 32px;
    padding-bottom: 72px;
}

.alert_wrap .top {
    padding-bottom: 16px;
    border-bottom: 1px solid #eee;
}

.alert_wrap .list_div {}

.alert_wrap .list_div .list {
    display: block;
    width: 100%;
    padding: 24px 0;
    border-bottom: 1px solid #eee;
    pointer-events: none;
}

.alert_wrap .list_div .list.has_link {
    pointer-events: auto
}

.alert_wrap .list_div .list .date {
    font-size: 13px;
    line-height: 16px;
    color: #999;
}

.alert_wrap .list_div .list .tit {
    margin-top: 6px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
}

.alert_wrap .list_div .list.has_link .tit {
    padding-right: 28px;
    background: url("/res/images/m_icn_right_777_20x20.png") top right no-repeat;
    background-size: 20px;
}

.alert_wrap .list_div .list .txt {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

.alert_wrap .list_div .list .txt+.txt {
    margin-top: 16px;
}

.alert_wrap .list_div .list .img_div {
    margin-top: 16px;
    border-radius: 10px;
    overflow: hidden
}

.alert_wrap .list_div .list .img_div img {
    width: 100%;
    border-radius: 10px;
}

.alert_wrap .no_data_div {
    margin-top: 72px;
}

.alert_wrap .no_data_div .txt_area .txt {}

.alert_wrap .no_data_div .txt_area .info_txt {
    margin-top: 16px;
    font-size: 14px;
    line-height: 20px;
    color: #555
}

/* 푸시알림설정 */
.set_push_wrap {
    padding-top: 12px;
    padding-bottom: 72px;
}

.set_push_wrap .list_div {}

.set_push_wrap .list_div .list {
    padding: 24px 20px;
    position: relative;
    border-bottom: 10px solid #f7f7f7
}

.set_push_wrap .list_div .list .tit {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
}

.set_push_wrap .list_div .list .info {
    margin-top: 8px;
}

.set_push_wrap .list_div .list .txt {
    display: block;
    margin-top: 24px;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.set_push_wrap .list_div .list .txt:after {
    content: '';
    display: block;
    clear: both
}

.set_push_wrap .list_div .list .txt.toggle {
    line-height: 30px;
}

.set_push_wrap .list_div .list .txt span {
    float: right;
    font-weight: 500
}

.set_push_wrap .list_div .list .txt.btn_area {
    padding-right: 24px;
    background: url("/res/images/m_icn_right_777_20x20.png") top right no-repeat;
    background-size: 20px;
}

.set_push_wrap .list_div .list .toggle .toggle_btn {}

.set_push_wrap .list_div .list .txt .desc {
    font-weight: 400;
    color: #999;
    margin-left: 8px;
}

/* 토글 btn */
.toggle_btn {
    float: right;
    width: 54px;
    height: 30px;
    background: #ddd;
    transition: background 0.4s ease;
    border-radius: 15px
}

.toggle_btn.on {
    width: 54px;
    height: 30px;
    background: #3cc814;
}

.toggle_btn:after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    line-height: 30px;
    background: #fff;
    margin: 4px 0 4px 4px;
    transition: margin 0.4s ease;
    border-radius: 100%;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), inset -0.5px -0.5px 0.5px 0 rgba(205, 205, 205, 0.8);
}

.toggle_btn.on:after {
    margin: 4px 4px 4px 28px;
}

/* ios back btn */
.floating_back_btn {
    display: inline-block;
    position: fixed;
    bottom: calc(constant(safe-area-inset-bottom) + 80px);
    bottom: calc(env(safe-area-inset-bottom) + 80px);
    left: 16px;
    z-index: 9;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #ccc;
    background: url("/res/images/icn_left_555_24x24.png") center no-repeat rgba(255, 255, 255, 0.8);
    background-size: 24px;
}

/* footer 이메일 추가 */
footer .foot_top .cs_center .email {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #777;
    display: block;
    margin-top: 6px;
}

/* 220929 상품 상세 2차 고도화: 혜택가 표기 */
.product_list .price_div .benefit {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.2px;
    color: #ff3894;
}

.product_list .price_div strong {
    font-size: 14px;
}

/* 221115 룰렛 이벤트 164 */
.event_roul_div.evt_roul_2211 .roul_product {
    position: absolute;
    bottom: -15%;
    left: -5%;
    width: 40%;
}

/* 221202 리뷰 내 플래그 표기 */
/* 230428 리뷰 상세 내 플래그 표기 추가 */
.review_dtl_div .dtl_div .dtl .flag,
.review_div .review_list .list_div .list .bottom .dtl_box .dtl .flag {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: -0.2px;
    color: #3cc814;
}

.review_dtl_div .dtl_div .dtl .flag:after,
.review_div .review_list .list_div .list .bottom .dtl_box .dtl .flag:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 8px;
    background-color: #ddd;
}


/* 221212 연관상품 배너 수정 (매거진) */
.banner_go_item .item_btn {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 52px;
    border-radius: 10px;
    background-color: #3cc814;
    transition: opacity 0.3s ease-in-out, bottom 0.3s ease;
    opacity: 0;
    margin-top: 40px;
}

.banner_go_item .item_btn.fixed {
    z-index: 3;
    position: fixed;
    bottom: 72px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    opacity: 1;
    animation: fadeIn 0.6s;
}

@keyframes fadeIn {
    from {
        bottom: 0;
    }
    to {
        bottom: 72px;
    }
}


/* 221216 쿠폰 혜택 전시 로직 수정 */
/* 상품 여러개 일 때 */
.benefit_div .benefit_cont .member_div .special_price .product_multi {
    margin-top: 20px;
}

.benefit_div .benefit_cont .member_div .special_price .product_multi .product_list {
    padding: 0;
    background: none;
}


.benefit_div .benefit_cont .member_div .special_price .product_multi .product_list .thumb {
    display: table-cell;
    padding: 4px;
    width: 100px;
    height: 100px;
    border-radius: 10px;
    background: #f7f7f7;
}

.benefit_div .benefit_cont .special_price .product_multi .pd_info {
    display: table-cell;
    width: calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    height: 100px;
    vertical-align: top;
    padding-left: 12px;
}

.benefit_div .special_price .product_multi .product_list .name {
    font-size: 13px;
    line-height: 18px;
    text-align: left;
    margin-top: 4px;
}

.benefit_div .special_price .product_multi .price_div .price .won {
    color: #ccc;
    line-height: 18px;
}

.benefit_div .special_price .product_multi .price_div .price:nth-child(2) .won {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.benefit_div .special_price .product_multi .price_div .price:nth-child(1) .won span {
    text-decoration: line-through;
}

.benefit_div .special_price .product_multi .product_list .price_div .price:nth-child(2) .won span {
    text-decoration: none;
    font-size: 18px;
    vertical-align: top;
    line-height: 24px;
}

.benefit_div .benefit_cont .member_div .special_price .product_multi .price .dc {
    color: #ff3894;
}

/* 221212 연관상품 배너 수정 (매거진) */
.banner_go_item .item_btn {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 52px;
    border-radius: 10px;
    background-color: #3cc814;
    transition: opacity 0.5s ease-in-out, bottom 0.5s ease;
    opacity: 0;
    margin-top: 40px;
}

.banner_go_item .item_btn.fixed {
    z-index: 3;
    position: fixed;
    bottom: 72px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    opacity: 1;
    animation: fadeIn 0.6s;
}

@keyframes fadeIn {
    from {
        bottom: 0;
    }
    to {
        bottom: 72px;
    }
}

.benefit_div .benefit_cont .member_div .special_price .product_multi .price .dc {
    color: #ff3894;
}

/* 221125 검색 레이어 개선 */
/* 최근검색어 스와이퍼 */
.search_div.search_pop .search_data_div .latest_div{
    overflow: hidden;
}

.latest_swiper .swiper-slide {
	width: auto;
}
/* 카테고리, 브랜드 전시 추가 */
.search_div.search_pop .search_words .search_category a {
    display: flex;
    align-items: center;
    padding: 0;
}

.search_div.search_pop .search_words .search_category a .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
	height: 48px;
    border-radius: 50%;
    background-color: #f9f9f9;
	margin-right: 10px;
}

.search_div.search_pop .search_words .search_category .icon img {
	width: 32px;
	height: 32px;
}

.search_div.search_pop .search_words .search_category a .flag {
	font-size: 12px;
	color: #999;
	margin-left: 10px;
	font-weight: 300;
}


/* 221213 무료체험 이벤트 코너 개발 */
/* 무료체험 이벤트 리스트 **/

.evt_trial_list .event_div .list {
    letter-spacing: -0.2px;
}

.evt_trial_list .event_div .thumb {
	position: relative;
}

.evt_trial_list .event_div .thumb .current_badge {
	z-index: 1;
	position: absolute;
	top: 12px;
	left: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	color: #3cc814;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	background-color: #fff;
	border: 2px solid #3cc814;
	border-radius: 50%;
	text-align: center;
}

.evt_trial_list .event_div .thumb .current_badge.disabled {
	color: #ccc;
	border-color: #ccc;
}

.evt_trial_list .event_div .thumb .current_badge em {
	display: block;
	font-weight: 700;
	font-style: normal;
}

.evt_trial_list .event_div .event_list_div .list .title_div {
    margin-top: 12px;
}

.evt_trial_list .event_div .event_list_div .list .title_div .title {
	width: 320px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size: 16px;
	line-height: 24px;
    margin-bottom: 4px;
}

.evt_trial_list .event_div .period {
    font-size: 16px;
	font-weight: 500;
    line-height: 24px;
}

.evt_trial_list .event_div .event_list_div .period .time {
	color: #3cc814;
	margin-left: 8px;
    padding-left: 0;
}

.evt_trial_list .event_div .event_list_div .period .txt,
.evt_trial_list .event_div .event_list_div .period .txt span {
	color: #000;
    padding-left: 0;
}

.evt_trial_list .event_div .event_list_div .period .none {
	display: none;
}

.evt_trial_list .event_div .event_list_div .list .period .comment_cnt {
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
}

.evt_trial_list .no_data_div {
    margin-top: 48px;
}

.evt_trial_list .no_data_div .txt_area {
    font-size: 16px;
    line-height: 18px;
    color: #333;
    padding: 88px 20px 24px;
}

/* 무료체험 이벤트 상세 */
.evt_trial_dtl {
    padding-bottom: 0;
}

.evt_trial_dtl .top {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.evt_trial_dtl .view_con {
    padding-top: 24px;
    padding-bottom: 0;
}

.evt_trial_dtl .cmt_div .list_div {
    border-bottom: none;
}

.evt_trial_dtl .more_btn_wrap {
    margin-bottom: 0;
}

/* 응모 정보 */
.evt_trial_dtl .evt_trial_info_list {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	background: url('/res/images/event/evt_trial/m_bg_evt_info_line.png') no-repeat center 24px / calc(100% - 96px) auto;
    padding: 0 36px;
    margin: 0 auto;
	text-align: center;
}

.evt_trial_dtl .evt_trial_info_list li {
	width: 72px;
}

.evt_trial_dtl .evt_trial_info_list .evt_info_ico {
	display: block;
	width: 48px;
	height: 48px;
	background: url('/res/images/event/evt_trial/ico_evt_info_01.png') no-repeat center / 24px 24px;
	background-color: #f7f7f7;
	border-radius: 50%;
	margin: 0 auto;
}

.evt_trial_dtl .evt_trial_info_list .period .evt_info_ico {
	background-image: url('/res/images/event/evt_trial/ico_evt_info_01.png');
}
.evt_trial_dtl .evt_trial_info_list .noti .evt_info_ico {
	background-image: url('/res/images/event/evt_trial/ico_evt_info_02.png');
}
.evt_trial_dtl .evt_trial_info_list .recruit .evt_info_ico {
	background-image: url('/res/images/event/evt_trial/ico_evt_info_03.png');
}

.evt_trial_dtl .view_con .evt_trial_info_list .evt_info_tit {
	color: #555;
	font-size: 13px;
	line-height: 18px;
	margin: 6px 0 4px 0;
}
.evt_trial_dtl .evt_trial_info_list .evt_info_txt {
	color: #333;
	font-size: 12px;
	line-height: 16px;
}

/* 응모 마감 / 당첨자 안내 영역 */
.evt_trial_dtl .evt_trial_result {
    padding: 0 20px;
	margin-top: 32px;
	text-align: center;
}

.evt_trial_dtl .evt_trial_result .evt_result_tit {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 4px;
}
.evt_trial_dtl .evt_trial_result .evt_result_txt {
	color: #333;
	font-size: 14px;
	line-height: 20px;
    letter-spacing: -0.2px;
}

.evt_trial_dtl .evt_trial_result .evt_result_txt span {
    display: block;
}

.evt_trial_dtl .evt_trial_result .evt_winner .btn_winner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	border-radius: 10px;
	background-color: #3cc814;
	margin: 24px auto 0 auto;
}

/* 이벤트 이미지 */
.evt_trial_dtl .evt_trial_img {
	margin-top: 40px;
}

/* .evt_trial_dtl .view_con .cnt img {
    width: 100%;
} */

/* 체험 상품 */
.evt_trial_dtl .trial_item .title {
	margin: 74px 0 13px 0;
}

.evt_trial_dtl .trial_item {
	padding: 0 20px;
}

.evt_trial_dtl .pd_wrap .product_list {
	position: relative;
}

.evt_trial_dtl .pd_wrap .product_list .thumb {
    width: 152px;
	padding: 6px;
	border-radius: 10px;
	background-color: #f7f7f7;
}

.evt_trial_dtl .product_list .price_div .price .dc {
    color: #ff3894;
}

.evt_trial_dtl .product_list .heart {
	bottom: 6px;
    left: 114px;
}

.evt_trial_dtl .product_list .cart_btn {
    bottom: 19px;
    right: -5px;
}

/* 하단 공지 */
.evt_trial_dtl .page_bottom_noti {
    letter-spacing: -0.2px;
    word-break: break-all;
}

/* 당첨자 공지 팝업 */
.evt_trial_dtl_pop {
	width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translateX(0);
    border-radius: 0;
    background-color: #fff;
}

.evt_trial_dtl_pop .pop_con {
    width: 100%;
    height: 100%;
	padding: 0;
    border-radius: 0;
}

.evt_trial_dtl_pop .tit {
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
	height: 48px;
	text-align: center;
}

.evt_trial_dtl_pop .tit p {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

.evt_trial_dtl_pop .pop_con .txt {
	display: block;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.2px;
	padding: 0 20px 0px 20px;
	text-align: left;
    word-break: break-all;
}

.evt_trial_dtl_pop .txt strong {
	font-weight: 500;
}

.evt_trial_dtl_pop .winner_list {
	margin-top: 20px;
}

.evt_trial_dtl_pop .winner_list table {
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	border-collapse: separate;
	border-spacing : 0;
	color: #555;
}

.evt_trial_dtl_pop .winner_list table th {
	color: #000;
}

.evt_trial_dtl_pop .winner_list table th,
.evt_trial_dtl_pop .winner_list table td {
    font-size: 13px;
    line-height: 18px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	padding: 12px;
	text-align: left;
}

.evt_trial_dtl_pop .winner_list table th:nth-last-of-type(1),
.evt_trial_dtl_pop .winner_list table td:nth-last-of-type(1) {
	border-right: none;
}

/* 221216 쿠폰 혜택 전시 로직 수정 */
/* 상품 여러개 일 때 */
.benefit_div .benefit_cont .member_div .special_price .product_multi {
	margin-top: 20px;
}

.benefit_div .benefit_cont .member_div .special_price .product_multi .product_list {
	padding: 0;
	background: none;
}


.benefit_div .benefit_cont .member_div .special_price .product_multi .product_list .thumb {
	display: table-cell;
	padding: 4px;
	width: 100px;
	height: 100px;
	border-radius: 10px;
	background: #f7f7f7;
}

.benefit_div .benefit_cont .special_price .product_multi .pd_info {
	display: table-cell;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	height: 100px;
	vertical-align: top;
	padding-left: 12px;
}

.benefit_div .special_price .product_multi .product_list .name {
	font-size: 13px;
	line-height: 18px;
	text-align: left;
	margin-top: 4px;
}

.benefit_div .special_price .product_multi .price_div .price .won {
	color: #ccc;
	line-height: 18px;
}

.benefit_div .special_price .product_multi .price_div .price:nth-child(2) .won {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000;
}

.benefit_div .special_price .product_multi .price_div .price:nth-child(1) .won span {
	text-decoration: line-through;
}

.benefit_div .special_price .product_multi .product_list .price_div .price:nth-child(2) .won span {
	text-decoration: none;
	font-size: 18px;
	vertical-align: top;
	line-height: 24px;
}

.benefit_div .benefit_cont .member_div .special_price .product_multi .price .dc {
	color: #ff3894;
}

/* 221212 연관상품 배너 수정 (매거진) */
.banner_go_item .item_btn {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 16px;
	line-height: 52px;
	border-radius: 10px;
	background-color: #3cc814;
	transition: opacity 0.3s ease-in-out, bottom 0.3s ease;
	opacity: 0;
	margin-top: 40px;
}

.banner_go_item .item_btn.fixed {
	z-index: 3;
	position: fixed;
	bottom: 72px;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	opacity: 1;
	animation: fadeIn 0.6s;
}

@keyframes fadeIn {
	from {
		bottom: 0;
	}
	to {
		bottom: 72px;
	}
}

.benefit_div .benefit_cont .member_div .special_price .product_multi .price .dc {
	color: #ff3894;
}

/* 221125 검색 레이어 개선 */
/* 최근검색어 스와이퍼 */
.search_div.search_pop .search_data_div .latest_div{
	overflow: hidden;
}

.latest_swiper .swiper-slide {
	width: auto;
}
/* 카테고리, 브랜드 전시 추가 */
.search_div.search_pop .search_words .search_category a {
	display: flex;
	align-items: center;
	padding: 0;
}

.search_div.search_pop .search_words .search_category a .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #f9f9f9;
	margin-right: 10px;
}

.search_div.search_pop .search_words .search_category .icon img {
	width: 32px;
	height: 32px;
}

.search_div.search_pop .search_words .search_category a .flag {
	font-size: 12px;
	color: #999;
	margin-left: 10px;
	font-weight: 300;
}