.mypage-wrap{
    text-align: center;
    background: #f8f8f8;
}
.menu-area{
    background: white;
    margin-bottom: 6px;
}
.mypage-wrap .mypage-notice{
    height: 40px; 
    line-height: 21px; 
    padding: 10px 16px; font-size: 12px;
    position: relative;
}
.mypage-wrap .mypage-notice-detail{
    padding-left: 42px;
}
.menu-area.last{
    background: white;
    /*padding-bottom: 30px;*/
    margin-bottom: 0;
}
.login-area{
    border-bottom: 1px solid #ddd;
    /* padding: 34px 0; */
}
.login-area h2{
    font-size: 14px;
}
.login-area .d-flex-c{
    padding: 14px 0 34px;
}
.login-area .login-before{
    font-size: 12px;
    width: 90px;
    height: 34px;
    line-height: 32px;
    border-radius: 3px;
}
.login-nick{
    font-size: 14px; font-weight: bold;
}
.logout-btn{
    font-size: 11px; font-weight: bold; 
    border: 1px solid; padding: 3.5px 8px;
    border-radius: 2px;
}
.mypage-notice p::before{
    display: inline-block;
    content: "공지";
    width: 34px;
    height: 20px; 
    line-height: 19px;
    background: #222222;
    color: white; font-size: 11px;
    font-weight: bold;
    border-radius: 2px;
    position: absolute;
    left: 16px;
}
.mypage-notice p{
    /* text-indent: 42px; */
}
.info-wrap .info-area-ver4,
.info-wrap .info-area-ver3,
.info-wrap .info-area-ver2,
.info-wrap .info-area
/* .mypage-menu .menu-area */
{
    background: white;
    margin-bottom: 6px;
}
/* 버튼이 영역에 들어갈 때 */
.info-wrap .info-area-ver4{
    margin-bottom: 0;
}
/* 마이페이지 메뉴 */
.mypage-menu .menu-area > div{
    width: 100%;
    height: 46px;
    padding: 14px 0px;
    font-size: 14px;
    color: #222;
    text-align: left;
    text-indent: 16px;
    border-bottom: 1px solid #eee;
}
.mypage-menu .menu-area .tag-rl{
    position: relative;
}


/* 로그인 후 */
.mypage-wrap .mypage-area{
    padding: 16px;
    border-bottom: 1px solid #ddd;
}
.mypage-area .nick-name{
    font-size: 14px;
    font-weight: bold;
    background: url(/assets/hongstore2.0/img/icon/set_btnx3.png)no-repeat left 2px;
    background-size: 18px;
    padding-left: 22px;
    margin-right: 3px;
}
.mypage-area .logout,
.mypage-area .coin-charge{
    font-size: 11px;
    font-weight: bold;
    padding: 3px 8px;
    border: 1px solid #222;
    border-radius: 2px;
}
.coin-pay-wrap .boyu-coin-div,
.mypage-wrap .boyu-coin-div{
    padding: 26px 44px; background: white;
    text-align: center;
}
.coin-pay-wrap .boyu-coin,
.mypage-wrap .boyu-coin{
    line-height: 20px; font-size: 14px; font-weight: bold;
}
.coin-pay-wrap .boyu-coin .coin-img,
.mypage-wrap .boyu-coin .coin-img{
    padding-left: 22px;
    background: url(/assets/hongstore2.0/img/icon/coin_payx3.png)no-repeat left center;
    background-size: 17px;
}
.coin-pay-wrap .boyu-coin .coin-pay,
.mypage-wrap .boyu-coin .coin-pay{
    font-size:26px ; font-weight: bold; 
    color: #fa233b; vertical-align: -4px;
}
.coin-pay-wrap .boyu-coin-div{
    border-bottom: 1px solid #eee;
    margin-bottom: 6px;
}
.coin-pay-wrap .tab ul{
    border-top: 1px solid #eee;
}
.coin-pay-wrap .up-item-list .reserv-grid .row04{
    grid-row: span 4;
}

.mypage-area .coin-charge{
    color: white;
    border: 1px solid #fa233b;
    background: #fa233b;
    padding: 4px 10px;
    border-radius: 2px;
}
.mypage-wrap .my-coin-div{
    background: white;
    /* height: 140px; */
    height: 88px;
    padding: 26px 24px;
    border: 1px solid #eee;
}
.my-coin-div .color-fa233b{
    font-size: 22px;
}
.my-coin-div .my-coin{
    display: inline-block;
    /* width: 202px; height: 50px; */
    font-size: 12px;
    border: 1px solid;
    padding: 8px 30px;
    border-radius: 4px;
}

/* 스토어 마이메뉴 */
.store-mypage-wrap{
    padding-bottom: 70px;
    background: white;
}
.store-mypage-wrap .menu-area{
    margin-bottom: 0px;
}
.store-mypage-wrap .store-menu-div{
    padding: 11px 16px; background: #f8f8f8;
}
.store-mypage-wrap .switch-btn label{
    right: 0px;
}
.store-mypage-wrap .switch-btn label:before{
    left: 11px;
}
.store-mypage-wrap .switch-btn input:checked + label:before {
    left: -4px;
}
.partner-contract{
    border-radius: 2px;
    width: 102px; height: 24px;
    background: #3f71c8; color: white;
    text-align: center; line-height: 22px;
}
.partner-contract.simsa{
    width: 56px;
    background: white;
    border: 1px solid #eee;
    color: black;
    font-weight: bold;
    transform: translateX(-50%);
    font-size: 11px;
}
.partner-contract.simsa .bg-arrow-w{
    background: transparent;
    padding-right: 0;
}

/* 회원정보 */
.info-area {
    padding: 16px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    position: relative;
}
.info-area-ver2 {
    padding: 24px 16px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    position: relative;
}
.info-area-ver3 {
    padding: 16px 16px 24px 16px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    position: relative;
}
.info-area-ver4 {
    padding: 16px 16px 0px 16px;
    border-top: 1px solid #eee;
    position: relative;
}
.info-area-ver4 label span,
.info-area-ver3 label span,
.info-area-ver2 label span,
.info-area label span{
    font-weight: bold;
    letter-spacing: -0.48px;
}
.info-area-ver4 .phone-notice,
.info-area-ver3 .phone-notice,
.info-area-ver2 .phone-notice,
.info-area .phone-notice{
    color: #888;
    font-size: 12px;
}
.info-wrap select,
.info-wrap input{
    display: block;
    width: 100%;
    padding: 10px 0px; 
    font-size: 14px;
    border: 1px solid #eee;
    text-indent: 12px;
}
/* 배경 회색 */
.info-wrap input.gray{
    background: #f8f8f8;
}
.info-area .phone-select{
    
}
.user-name-wrap{
    background: white;
    height: 100vh;
}
.user-pass-wrap .info-area.pw-change,
.user-name-wrap .info-area{
    border-bottom: 0px;
    margin-bottom: -8px;
}
.user-pass-wrap .info-area.pw-change .btn{
    margin-top: 200px;
    margin-bottom: 8px;
}
.user-name-wrap .info-area.m334b{
    margin-bottom: 334px;
}
.user-name-wrap .btn-area-div .btn{
    border-radius: 4px;
    letter-spacing: -1px;
}
.user-name-wrap .color-fa233b-n{
    font-size: 12px;
    font-weight: normal;
}
.user-phono-wrap .btn.btn-change{
    top: 106px;
}

/* 알림설정 */
.alarm-wrap {
    background: white;
    padding-bottom: 70px;
    /*height: 100vh;*/
    height: 94.6vh;
}
.notice-wrap .notice-news,
.alarm-wrap .alarm-news{
    position: relative; background: #fa233b; 
    height: 63px; 
    /* height: 50px; */
    padding: 16px;
}
.notice-wrap .notice-news-inner,
.alarm-wrap .alarm-news-inner{
    font-size: 16px; padding: 20px 40px; 
    background: white; 
    border: 2px solid black; 
    border-radius: 8px; text-align: center;
}
.notice-wrap .notice-news-inner{
    padding: 20px 25px;
}

.alarm-wrap .mypage-menu .menu-area .alarm-list{
    width: 100%;
    /* height: 72px; */
    height: auto;
    /* padding: 16px 0px; */
    padding: 9px 0;
    font-size: 12px;
    color: #888;
    text-align: left;
    text-indent: 16px;
    border-bottom: 1px solid #eee;
}
.alarm-wrap .mypage-menu .menu-area > div{
    box-sizing: initial;
}
.alarm-wrap .mypage-menu .menu-area div p{
    margin-top: 4px;
    color: #888;
    font-size: 12px;
    letter-spacing: -0.33px;
}
.alarm-wrap .mypage-menu .menu-area div.alarm-notice{
    /* height: 50px;  */
    height: 18px;
    background: #f8f8f8;
}
.alarm-wrap .mypage-menu .menu-area .alarm-notice p{
    margin-top: 0; color:#222;
}
.alarm-wrap .mypage-menu .menu-area div span{
    font-weight: bold;
    color: #222;
    font-size: 14px;
}
.user-alarm-wrap .menu-area{
    margin-bottom: 0px;
}

/* 회원탈퇴 */
.delete-wrap{
    letter-spacing: -0.33px;
}
.delete-wrap .info-area h3{
    font-size: 16px;
    margin-bottom: 4px;
}
.delete-wrap .info-area p{
    font-size: 12px;
    margin-bottom: 10px;
}
.delete-wrap .info-area .user-q{
    font-size: 14px;
    margin-bottom: 16px;
}
.delete-wrap .info-area .sosyeol{
    font-size: 11px;
}
.info-area .user-delete-notice{
    width: 100%; height: 246px; background: #f8f8f8; margin-bottom: 12px;
    overflow: scroll; border: 1px solid #eee;
    /* box-sizing: border-box;  */
    padding: 16px;
    font-size: 12px;
}
.info-wrap .info-area.border0{
    border-bottom: 0px;
    margin-bottom: -8px;
}
.info-wrap .btn-area-div{
    background: white;
}

.delete-result-wrap{
    font-size: 16px;
    text-align: center;
    padding-top: 132px;
    padding-bottom: 84px;
    background: white;
}
.delete-result-wrap .popup-img{
    width: 100px; height: 100px; margin: 0 auto;
}
.delete-result-wrap .popup-img img{
    width: 100%;
}
.result-a{
    font-size: 16px;
}

/* 회원 알림 내역 */
.user-alarm-wrap .mypage-menu .menu-area{
    margin-left: 16px;
    margin-right: 16px;
}
.user-alarm-wrap .mypage-menu .menu-area > div{
    height: 71px;
}
.user-alarm-wrap .mypage-menu .menu-area .alarm-list-bg{
    display: inline-block;
    width: 20%;
    max-width: 54px;
    height: 54px;
    line-height: 39px;
    background: #f5f5f5;
    border-radius: 50%;
    text-indent: 0;
    text-align: center;
}
.user-alarm-wrap .mypage-menu .menu-area .alarm-list-bg p{
    line-height: 52px;
}
.user-alarm-wrap .mypage-menu .menu-area div p{
    margin-top: 0;
    font-size: 14px;
    color: #222
    ;
}
.user-alarm-wrap .mypage-menu .menu-area div p.user-alarm-data{
    font-size: 11px;
    color: #888;
    margin-top: 7px;
}
.user-alarm-wrap .mypage-menu .menu-area .bg-arrow{
    margin-right: 0px;
    width: 100%;
}
.user-alarm-wrap .mypage-menu .menu-area .bg-arrow p:nth-child(2){
    letter-spacing: -1px;
    margin-top: 4px;
}



/* 쿠폰 */
.coupon-wrap{
    /* background: white; */
}
.coupon-wrap .menu-area{
    margin-bottom: 0px;
}
.coupon-wrap .info-area{
    padding-bottom: 12px;
}
.coupon-wrap .info-area .btn-change{
    top: 50px;
}
.coupon-wrap .coupon-div .info-area{
    margin-bottom: 0px;
}
.coupon-wrap .coupon-div .coupon-list{
    height: auto;
    border-top:0px;
    background: white; 
}
.coupon-wrap .coupon-div .coupon-list .d-flex{
    height: 92px;
}
.coupon-wrap .coupon-div .coupon-list .d-flex .coupon-bg{
    width: 70px; margin-top: 4px;
}
.coupon-list .mypage-menu .menu-area > div{
    text-indent: 7px;
}
.coupon-wrap .coupon-div .coupon-list .d-flex .coupon-con{
    width: 90%;
}
.coupon-wrap .coupon-div .coupon-list .d-flex .coupon-bg > div{
    width: 53px;
    height: 53px;
    border-radius: 50%;
    background: #f5f5f5;
    position: relative;
}
.coupon-wrap .coupon-div .coupon-list .d-flex .coupon-con p:nth-child(2),
.coupon-wrap .coupon-div .coupon-list .d-flex .coupon-con p:nth-child(3){
    font-size: 12px;
}
.coupon-wrap .coupon-div .coupon-list .d-flex .coupon-bg .coupon-img{
    width: 25px; height: 53px; margin: 0 auto; padding: 0 13px;
}
.coupon-img{
    background: url(/assets/hongstore2.0/img/icon/couponx3.png)no-repeat center center;
    background-size: 25px;
}
.coupon-list .mypage-menu .menu-area > div{
    padding: 16px 0px;
}
.no-coupon{
    text-align: center;
    padding-top: 74px;
}
.no-reserv{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #eee;
}
.no-coupon > div,
.no-reserv > div{
    width: 100px; height: 100px; 
    margin: 0 auto; margin-bottom: 16px
}
.no-coupon > div > img,
.no-reserv > div > img{
    width: 100%;
}
.no-coupon > p,
.no-reserv > p{
    letter-spacing: -1px;
    font-size: 14px;
}
.coupon-wrap .coupon-div{
    height: 100%;
    background: white;
}
.coupon-list .coupon-list-inner ul li{
    padding: 0 16px;
}
.coupon-list .coupon-ex{
    color: #888;
    font-size: 12px;
}
.coupon-wrap .nick-btn-sm{
    float: right;
    padding: 2px 5px;
    border-radius: 4px;
    border: 1px solid #eee;
    font-size: 11px;
    font-weight: bold;
    background: #fa233b;
    color: white;
    margin-top: 2px;
}
/* 예약리스트 */
.reservation-wrap .reserv-div .reserv-list{
    height: 235px;
    background: white;
}

/* 1:1문의  */
.question-wrap .question-notice{
    background: white; text-align: center; 
    padding: 24px 16px 32px; line-height: 24px; 
    border-bottom: 1px solid #eee;
    margin: 16px; 
}
.question-wrap .btn.h45{
    height: 45px;
    line-height: 42px;
}
.question-notice .pencil_img{
    background: url(/assets/hongstore2.0/img/icon/pencil_imgx03.png)no-repeat left 6px;
    background-size: 12px;
}
.question-wrap .question-notice-write{
    padding: 24px 16px 6px; text-align: center;
    background: #f8f8f8;
}
.question-wrap .question-list{
    background: white;
}
.question-wrap .question-list .item-list{
    padding: 0 16px; 
    border-top: 1px solid #eee;
}
.question-wrap .up-item-list{
    border-top: 0px; padding: 12px 0 15px;
}
.question-wrap .up-item-list.ver4{
   padding: 8px 0px 8px 16px;
}
.question-wrap .up-item-list .bg-arrow{
    display: inline-block; width: 100%; height: auto;
}
.question-wrap .question-data,
.question-wrap .up-item-list .question-data{
    color: #888; line-height: 19px;
}
.question-wrap .up-item-list .reply{
    display: inline-block; 
    background: #b1b1b1; color: white; 
    padding: 1px 6px 2px; 
    font-size: 11px; font-weight: bold; 
    border-radius: 2px;
}
.question-wrap .up-item-list .reply.con{
    background: #3f71c8;
}
.question-wrap .item-list-none{
    border-top: 1px solid #eee;
}
.question-wrap .list-none-div .img-div{
    margin-top: 54px;
}
.write-wrap{
    height: 100%;
}
.write-wrap .bg-arrow.photo,
.question-wrap .bg-arrow.photo{
    background: url(/assets/hongstore2.0/img/icon/arrow_right_s_x03.png)no-repeat, url(/assets/hongstore2.0/img/icon/camerax3.png)no-repeat right center;
    background-position: right center, left center;
    margin-right: 0;
    padding-right: 14px;
    padding-left: 23px;
    background-size: 7px, 18px;
}
.question-wrap .question-content-div{
    background: white; padding: 24px 0px;
}
.question-wrap .question-content-div .content-inner{
    border-bottom: 1px solid #eee; 
    padding: 0 16px; text-align: center;
}
.write-wrap .img-inner,
.question-wrap .question-content-div .img-inner{
    border-bottom: 1px solid #eee; padding: 16px 16px 24px;
}
.write-wrap .photo-insert,
.question-wrap .question-content-div .photo-insert{
    display: inline-block; 
    width: 50%; 
    text-align: center; padding: 16px; margin-top: -4px;
}
.question-wrap .question-content-div .btn-area-diver3{
    padding-bottom: 0;
}
.question-wrap .status-off{
    margin-right: 10px;
}
.question-wrap .btn-area-diver3{
    padding-top: 0px;
}
/* 문의 이미지 */
.write-wrap .img-inner,
.question-wrap .img-inner{
    height: 178px;
}
.question-wrap .img-inner li{
    position: relative;
    list-style: none;
    height: 100%;
}
.write-wrap .img-inner .img-div,
.question-wrap .img-inner .img-div{
    left: 0;
    transform: translate(0px, 0px);
}
.write-wrap .img-inner .img-div{
    left: 16px;
}
.write-wrap .img-inner .img-minus,
.question-wrap .img-inner .img-minus{
    position: absolute;
    bottom: 0;
}
.write-wrap .img-inner .img-minus{
    bottom: initial;
    top: 115px;
}
.write-wrap .img-inner{
    background: white;
    position: relative;
}
/* 별 크기 */
.write-wrap .detail-star{
    display: inline-block;
    /*width: 30px;*/
    width: 15px;
    height: 30px;
    background: url(/assets/hongstore2.0/img/icon/star_fullx03.png)no-repeat left 0px;
    background-size: 30px;
    margin-right: 7px;
    cursor: pointer;
}
.write-wrap .detail-star.half{
    background: url(/assets/hongstore2.0/img/icon/star_halfx03.png)no-repeat left 0px;
    background-size: 30px;
}
.write-wrap .detail-star.full{
    background: url(/assets/hongstore2.0/img/icon/dangolx3at.png)no-repeat left 2px;
    background-size: 30px;
}
.write-wrap .detail-star:last-of-type{
    margin-right: 0;
}
.write-wrap .star-div{
    padding: 9px 16px; 
    width: calc(100% - 105px); text-align: center;
}
.write-wrap .star-jum{
    border: 1px solid #eee; border-radius: 6px; position: relative;
}
.write-wrap .ttabong{
    border-left: 1px solid #eee; padding: 12px 12px; width: 105px; text-align: center;
}
.write-wrap .border-b{
    border-bottom: 1px solid #eee;
}
.write-wrap .number-set{
    line-height: 20px;
    padding: 0px 0px 0px 8px;
}
.write-wrap select.sangdam{
    margin-bottom: 12px;
}
.write-wrap select.sangdam:last-of-type{
    margin-bottom: 8px;
}
/* 문의상세 */
.question-detail-wrap{
    padding: 16px 16px 24px;
    background: white;
}
.question-detail-wrap .category-span::before{
    margin-right: 6px;
    top: -1px;
}
.question-detail-wrap .question-title{
    padding-bottom: 16px; border-bottom: 1px solid #eee;
}
.question-detail-wrap .question-con{
    padding: 16px 0;
}
.question-detail-wrap .question-con.reply{
    border-top: 1px solid #eee;
}
.question-detail-wrap .question-con.reply .question-con-inner{
    margin-bottom: 0;
}
.question-detail-wrap .question-con .question-con-inner{
    padding: 12px; background: #f8f8f8; 
    border: 1px solid #eee; 
    line-height: 24px; margin-bottom: 16px;
}
.question-detail-wrap .question-con img{
    width: 100px; height: 100px; border-radius: 6px;
}
.question-detail-wrap .list-btn{
    padding: 7px 16px; border: 1px solid #ddd; border-radius: 2px;
}
/* 상담사 상세페이지 */
.up-item-list.no-pad{
    padding: 0;
    border-top: 0;
    border-bottom: 0;
}
.item-wrap .sangdam-info{
    position:relative; padding: 16px; 
    padding-bottom: 76px;
    background: white;
}
.item-wrap .sangdam-info-inner{
    position: absolute;
    top: 0%;
    width: 91%;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    background: white;
    transform: translate(0, -50%);
    padding: 16px;
    box-shadow: 0px 3px 2px #e5e5e5;
}
.d-flex-end.mg10 p{
    margin-left: 8px;
}
.d-flex-end.mg10 p:first-child{
    margin-left: 0;
}
.item-wrap .item-img-div{
    height: 360px;
    /*border: 1px solid black;*/
    overflow: hidden;
}
.item-wrap .item-img-div img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.item-wrap .detail-top{
    border-bottom: 1px solid #eee;
}
.item-wrap .detail-top .title-name{
    /*width: 71.5%;*/
    width: 65%;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 14px;
    text-align: right;
}
.item-wrap .detail-top .content{
    width: 41.5%;
}
.item-wrap .detail-top .content .fa233b12{
    line-height: 28px;
}
.item-wrap .detail-bottom{
    padding: 8px 0 0; 
    justify-content: left;
}
.item-wrap .detail-bottom .coin{
    width: 49%; text-indent: 11px; 
    font-weight: bold; font-size: 16px;
}
.item-wrap .item-notice{
    padding: 0 16px;
    background: white;
    margin-bottom: 6px;
    border-bottom: 1px solid #eee;
}
.item-wrap .float-ul{
    /* width: 120%;  */
    width: 100%;
    overflow: hidden;
    margin-top: 24px; margin-bottom: 16px;
}
.item-wrap .reply,
.item-wrap .category{
    clear: both; 
    font-weight: bold; 
    justify-content: left;
    padding: 10px;
    padding-left: 0;
    border-top: 1px solid #eee;
}
.item-wrap .reply{
    clear: initial;
}
.item-wrap .notice-time{
    font-size:11px; color:#888; line-height: 24px;
}
.item-wrap .text-div{
    border: 1px solid #eee; padding: 12px; 
    font-size: 14px; line-height: 24px;
}
.item-wrap .view-more-square-div{
    padding: 0;
}
.item-name.span{
    display: flex;
    /*justify-content: flex-end;*/
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
}
.item-wrap .info-area.profile {
    margin-bottom: 0px; padding-bottom: 8px;
}
/*.item-wrap .profile-tab ul li{
    height: 50px; border-bottom: 1px solid #eee;
    padding: 15px 16px; background: white;
}*/
.item-wrap .profile-tab ul{
    margin-bottom: 6px;
}
.item-wrap .question-wrap .question-notice{
    padding: 16px 16px 24px;
}
.item-wrap .policy{
    border: 1px solid #eee;
    padding: 4px 20px;
    border-radius: 50px;
}
.item-wrap .question-wrap  .float-ul{
    margin-top: 18px;
}
.item-wrap .question-content-div2 .up-item-list:last-of-type{
    margin-bottom: 0;
    border-bottom: 0;
}
.item-wrap .question-div-inner{
    padding: 16px 16px 30px; 
    background: white; 
    border-bottom: 1px solid #eee;
}
.item-wrap .question-div-inner .number-set{
    line-height: 20px; padding-left: 10px;
}
.item-wrap .item-my-div{
    background: #f8f8f8; padding: 14px 16px; border-bottom: 1px solid #eee;
}
.item-wrap .item-my-div .alarm-check{
    margin-right: 0; height: auto; width: initial;
}
.item-wrap .item-my-div .switch-btn{
    height: 20px;
}
.item-wrap .item-my-div.d-flex .switch-label{
    position: initial; transform: translate(0px, -55%);
}
/* 상품 구매하기 */
.small-profile-div{
    padding: 16px; background: white;
}
.small-profile{
    min-width: 44px;
    width: 44px; height: 44px; border-radius: 6px; 
    /* border: 1px solid ;  */
    margin-right: 10px;
    overflow: hidden;
}
.write-wrap .small-profile{
    width: 44px;
    min-width: 44px;
}
.small-profile img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: white;
}
.item-wrap .small-profile-title{
    line-height: 22px;
}
.item-wrap .buy-logout{
    padding: 0 16px; background: white;
}
.item-wrap .logout-div{
    border: 1px solid #eee; 
    padding: 18px 0; text-align: center;
}
.store-notice-wrap .notice-news-inner,
.buy-result-wrap .alarm-news-inner{
    padding: 20px;
}
.buy-result-wrap .buy-result-inner{
    padding: 16px;
}
.buy-result-wrap .buy-result-inner .result-text{
    line-height: 20px;
}
.buy-result-wrap .buy-result-inner .up-item-list{
    padding: 0; border-top: 0; border-bottom: 0;
}
/* 풍수 */
.up-item-list.img-upload-div{
    height: 246px;
}
.img-upload-grid{
    display: grid; grid-template-columns: 1fr 1fr 1fr; 
    justify-content: space-between;
    grid-gap: 7px;
}
.img-upload-grid .img-div img{
    width: 100%;
}
.img-upload-grid.h144{
    grid-template-rows: 144px;
}
.img-upload-grid .img-grid-div{
    position: relative;
}
.img-upload-grid.h144 .img-grid-div .img-minus{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/*삭제해도 되는건가*/
.img-upload-grid .img-grid-div .img-minus{
    position: absolute; bottom: -35px; left: -1px;
}
/* 상담사 마이페이지 */
.sangdam-mypage-wrap{
    background: white;
    height: 100vh;
}
.sangdam-mypage-wrap .login-area{
    text-align: center;
    background: #f8f8f8;
}
.sangdam-mypage-wrap .switch-btn label:before{
    left: 9px;
}
.sangdam-mypage-wrap .switch-btn input:checked + label:before{
    left: -3px;
}
.sangdam-mypage-wrap .title{
    padding: 11px 16px; background: #f8f8f8;
    border-bottom: 1px solid #eee;
}
.sangdam-mypage-wrap .title.border-t{
    border-top: 1px solid #eee;
}
.sangdam-mypage-wrap .menu-area{
    margin-bottom: 0;
}
.sangdam-mypage-wrap .sangdam-info{
    padding: 16px; background: white;
}
.sangdam-mypage-wrap .img-inner{
    min-width: 80px; height: 80px; 
    border-radius: 6px;
    /*border: 1px solid ;  */
    margin-right: 16px;
    overflow: hidden;
    background: white;
}
.sangdam-mypage-wrap .img-inner img{
    /*width: 100%;*/
    width: 78px;
    height: 78px;
    border-radius: 6px;
    object-fit: cover;
}
.sangdam-mypage-wrap .sangdam-name{
    padding: 3px 0 10px; 
    border-bottom: 1px solid #eee;
}
.sangdam-mypage-wrap .sangdam-alarm{
    position: relative; margin-top: 2px
}
.sangdam-mypage-wrap .partner-info{
    padding: 13px 0 5px;
}
.unblock,
.sangdam-mypage-wrap .partner-btn{
    color: white; background: #3f71c8; border-radius: 2px; 
    padding: 3px 10px; font-size: 11px; line-height: 18px;
}
.unblock{
    width: 80px;
    height: 29px;
}

/* 스위치 */
.sangdam-mypage-wrap .switch-btn label{
    display: inline-block;
    position: relative;
    left: initial;
    right: 0;
    transform: initial;
    vertical-align: top;
}
/* 상담사 상담내역 */
.sangdam-list-wrap .sangdam-date{
    display: inline-block; 
    width: 36%;
    /*width: 29.26%;*/
    height: 35px;
    font-size: 12px; color: #222; font-weight: bold;
    /*padding: 10px; */
    padding: 8px;
    border: 1px solid #ddd; background: white;
}
.sangdam-list-wrap .sangdam-date.search{
    width: 20.12%;
}
.sangdam-list-wrap .question-wrap .up-item-list{
    padding: 16px;
    list-style: none;
    border-top: 1px solid #eee;
}
.sangdam-list-wrap .question-wrap .up-item-list.ver2{
    padding: 16px 16px 24px;
}
.sangdam-list-wrap .question-wrap .up-item-list:first-child{
    border-top: 0;
}
/* 이거 왜 안도 ㅐ는데 */
.sangdam-list-wrap .question-wrap .up-item-list:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}
.sangdam-list-wrap .question-wrap .question-content-div{
    background: transparent;
    padding: 0;
    /*리스트잘림*/
}
/*상담내역/차단내역 리스트 잘림*/
.sangdam-list-wrap .question-wrap .question-content-div.list-cut{
    padding-bottom: 50px;
    height: auto;
}
.sangdam-list-wrap .up-item-list .reserv-grid{
    grid-template-columns: 27.6% 59.2% 13.1%;
}
.sangdam-list-wrap .up-item-list .grid-column1{
    padding: 9px 13px;
    text-align: left;
}
.sangdam-list-wrap .block-inner .reserv-grid{
    grid-template-columns: 27.6% 72.4%;
}
.sangdam-list-wrap .list-none-div .img-div {
    margin-top: 36px;
}
.sangdam-list-wrap .item-list-none{
    border-top: 0;
    height: 75vh;
    background: white;
}
/* 상담사 상담내역 상세보기 */
.sangdam-detail-wrap{
    height: 100vh;
    background: white;
}
.sangdam-detail-wrap .sangdam-detail-inner{
    padding: 16px; background: #f5f5f5;
}
.sangdam-detail-wrap .notice-text{
    background: white; padding: 19px; 
    text-align: center; line-height: 24px;
}
.sangdam-detail-wrap .unblock{
    background: #fa233b;
}
.sangdam-detail-wrap .unblock-img{
    background: url(/assets/hongstore2.0/img/icon/unblockcallx03.png)no-repeat left 3px #fa233b;
    background-size: 13px;
}
.sangdam-detail-wrap .up-item-list{
    border-top: 0;
    border-bottom: 0;
}
/* 상담사 예약내역 */
.reserv-list-wrap .question-notice-write{
    padding: 16px;
}
.reserv-list-wrap .question-wrap .up-item-list:first-child{
    border-top: 1px solid #eee;
}
/* 상담사 심사 */
.sangdam-mypage-wrap .store-inner .simsa{
    text-align: center; line-height: 24px;
}
.sangdam-mypage-wrap .store-inner .simsa img{
 width: 110px; height: 110px; 
 /* border: 1px solid;  */
 margin: 50px auto;
}
.sangdam-mypage-wrap .store-inner .bg-arrow{
    margin-right: initial;
    padding-right: 14px;
}
/* 상담사 기본정보 */
.store-insert-wrap.profile-info-wrap{
    background: transparent;
}
.profile-info-wrap .profile-notice{
    padding: 18px; background: white; 
    margin: 16px; text-align: center;
}
/* 자주하는 질문 */
.store-notice-wrap,
.notice-wrap,
.faq-wrap{
    height: 100vh;
    background: white;
}
.faq-wrap .tab-large ul li a{
    line-height: 48px;
    font-size: 14px;
    font-weight: bold;
}
.faq-wrap.callee-f-s12 .tab-large ul li a{
    font-size: 12px;
}
.profile-tab ul li a,
.store-notice-div ul li a,
.faq-div ul li a{
    display: inline-block;
    width: 100%;
    padding: 15px 16px;
    background: white;
    font-size: 14px;
    border-bottom: 1px solid #eee;
}
.store-notice-div ul li a{
    background: url(/assets/hongstore2.0/img/icon/arrow_right_s_x03.png)no-repeat right 16px center white;
    background-size: 8px;
    padding: 14px 16px 16px;
}
.store-notice-div ul li a.bg-arrow{
    background: url(/assets/hongstore2.0/img/icon/arrow_bottom_boldx03.png)no-repeat right 16px center white;
    background-size: 11px;
}
.store-notice-div ul li.active a.bg-arrow{
    background: url(/assets/hongstore2.0/img/icon/arrow_topx03.png)no-repeat right 16px center white;
    background-size: 11px;
}
.store-notice-div ul li:last-of-type a{
    border-bottom: 0;
}
.faq-div ul li.active span{
    color: #fa233b;
    font-weight: bold;
}
.detail-faq .reply-arrow,
.faq-div .reply-arrow{
    background: url(/assets/hongstore2.0/img/icon/replyx03.png)no-repeat left 6px;
    padding-left: 24px;
    background-size: 14px;
}
.detail-faq,
.faq-div .faq-inner-div{
    background: #f8f8f8; padding: 20px 16px; height: auto; 
    line-height: 24px; font-size: 14px; border-bottom: 1px solid #eee;
}
.faq-div .active .detail-quetion{
    background: url(/assets/hongstore2.0/img/icon/question_qx03.png)no-repeat left center ,url(/assets/hongstore2.0/img/icon/arrow_topx03.png)no-repeat right center;
    padding-left: 22px;
    background-size: 13px, 11px;
}
.notice-wrap .store-notice-div{
    margin-top: 45px; 
    /* padding: 0 16px; */
}
.notice-wrap .before-notice{
    background: white;padding: 16px 16px 10px; 
    border-bottom: 1px solid #eee; 
    border-top: 1px solid #eee;
}
/* 질문 상세내역 */
.question-list-wrap .question-list{
    padding-top: 40px;
}
.question-list-inner{
    position: relative;
    width: 100%;
    height: 46px;
    border-bottom: 1px solid #eee;
}
.question-list-inner:last-of-type{
    border-bottom: 0;
}
.question-list-inner .coin-grid-label{
    padding: 14px 16px;
}
.question-list-inner input{
    display: none;
}
.question-list-inner .radio-span{
    margin-left: 0;
}
.question-list-inner .radio-span-inner{
    right: 0; left: initial;
}
.question-list-inner .label-text{
    font-size: 12px;
}
/* 파트너 계약 신청 */
.partner-wrap .calculate-notice{
    background: #f8f8f8; padding: 40px 16px 16px;
    position: relative;
}
.partner-wrap .input-check{
    padding: 10px 16px 24px; background: white; 
    border-top: 1px solid #eee; border-bottom: 1px solid #eee; 
    margin-bottom: 6px;
}
.partner-wrap .checkbox{
    color: #222;
}
.partner-wrap .partner-radio{
    position: relative; 
    width: 100%; height: 20px; 
    background: white;
}
.partner-wrap .radio-span{
    margin-left: 0;
}
.partner-wrap .radio-span-inner{
    top: 0;
    left: 0;
    transform: initial;
}
.partner-wrap .label-text{
    text-align: left;
    text-indent: 25px;
    line-height: 17px;
    font-size: 14px;
    font-weight: bold;
}
.partner-wrap .btn-area-diver3 .form-input{
    width: 76.21%;
}
/* 계좌 */
.bank-wrap{
    height: 100%; 
    background: white;
}
.bank-wrap .up-item-list{
    border-bottom: 0; margin-bottom: 0;
}
.bank-wrap .wid70{
    width: 70%;
    position: relative;
}
.bank-wrap .wid100{
    width: 100%;
}
.bank-wrap .file{
    display: inline-block; 
    border: 1px solid #3f71c8; 
    background: #3f71c8;
    color: white; font-size: 12px;
    text-align: center;
    line-height: 38px;
    width: 80px; height: 40px; 
    position: absolute; top: 0; right: 0;
}
/* 회원가입 */
.sign-up-wrap{
    height: 100%;
    background: white;
}
.sign-up-wrap.result{
    text-align: center;
}
.sign-up-wrap.result img{
    width: 148px; height: 148px; margin: 35px auto;
}
.sign-up-wrap .sign-banner{
    height: auto; 
    overflow: hidden;
    object-fit: cover;
}
.sign-up-wrap .sign-banner img{
    width: 100%; 
    object-fit: cover;
}
.sign-form{
    padding: 16px;
}
.sign-form h3{
    padding: 20px 0; text-align: center;
}
.sign-form input{
    width: 100%; 
    border: 1px solid #eee; 
    padding: 12px; 
    /*margin-bottom: 16px;*/
}
.sign-up-wrap .sign-up-inner{
    position: absolute;
    text-align: center;
    transform: translate(-50%, -50%);
    top: 35%;
    left: 50%;
    width: 100%;
}
.sign-up-wrap .sign-up-inner .btn{
    width: 240px;
    display: block;
    margin-top: 10px;
    margin: 10px auto;
}









    /* 이용안내, 고객센터 */
.information-wrap .information-img{
    background: #f8f8f8; text-align: center; 
    padding-top: 40px; padding-bottom: 40px;
    border-bottom: 1px solid #eee; 
    margin-bottom: 6px;
}
.information-wrap .information-img.modify {
    padding-top: 19px; padding-bottom: 23px;
}
.information-wrap .information-img.modify2 {
    padding-top: 30px; padding-bottom: 30px;
}
.information-wrap .information-img-inner{
    width: 66px; height: 66px;  margin: 0 auto;
    border-radius: 50%; background: #fa233b; padding: 10px 0;
    position: relative;
}
.information-wrap .information-img-inner img{
    width: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.information-wrap .popup-bg .information-img-inner img{
    width: 30px;
}
.information-wrap .information-img-inner.h-question img{
    width: 46px;
}
.information-wrap .information-img-inner.i060 img{
    width: 40px;
}
.information-wrap .information-img h3.f-bold{
    font-size: 19px;
}
.information-wrap .information-img h3.f-s16 {
    font-size: 16px;
}
.information-wrap .use-div{
    padding: 16px 16px 24px; background: white;
    margin-bottom: 6px; 
    border-bottom: 1px solid #eee;
    line-height: 24px;
    position: relative;
}
.information-wrap .use-div.border-t{
    border-top: 1px solid #eee;
}
.information-wrap .use-btn-div{
    padding: 24px 0 8px;
}
.information-wrap .use-btn-div .btn{
    height: 40px;
    border-radius: 0px;
    background: white;
    color: black;
    line-height: 38px;
    border: 1px solid #ddd;
    
}
.information-wrap .use-btn-div .use-btn-img01{
    padding-left: 20px;
    background: url(/assets/hongstore2.0/img/icon/download2x3.png)no-repeat left center;
    background-size: 15px;
}
.information-wrap .use-btn-div .use-btn-img{
    padding-left: 20px;
    background: url(/assets/hongstore2.0/img/icon/writex3.png)no-repeat left center;
    background-size: 15px;
}
.information-wrap .number-set{
    padding: 0px 0px 0px 18px;
}
.information-wrap .number-set.outline{
    padding: 0px 0px 0px 16px;
}
.number-set.outline p.point::before{
    left: 20px;
}
.information-wrap .service-list{
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 6px; 
    margin-bottom: 6px;
    margin-top: 6px;
}
.information-wrap .service-list li{
    background: white; height: 98px; 
    padding: 18px 0; text-align: center; 
    border: 1px solid #eee; border-left: 0px;
}
.information-wrap .service-list li.reverse{
    border-left: 1px solid #eee;
    border-right: 0px;
}
.information-wrap .service-list-item{
    display: inline-block;
    width: 100%;
}
.information-wrap .service-list-item img{
    width: 36px; height: 36px; margin: 0 auto;
}
.information-wrap{
    
}
.information-wrap .service-list .service-q-bg{
    width: 36px; height: 36px; border-radius: 50%; 
    background: #3f71c8; margin: 0 auto; padding: 8px 0;
    position: relative;
}
.information-wrap .service-list .service-q-bg img{
    width: 12px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* 이벤트 */
.event-wrap{

}
.event-wrap .tab-large ul li{
    width: 50%;
}
.event-wrap .event-inner{
    padding: 0 16px; padding-bottom: 24px; 
    background: white
}
.event-wrap .event-inner .event-notice{
    font-size: 14px; letter-spacing: -0.42px; 
    text-align: center; padding-top: 16px
}
.event-wrap .event-inner .event-img{
    width: 100%; height: 91px; 
    border-radius: 6px; 
    margin-top: 16px; 
    /* border: 1px solid; */
    overflow: hidden;
}
.event-wrap .event-inner .event-img img{
    width: 100%; height: 100%;
    border-radius: 6px;
}
.event-detail-wrap{
    width: 100%;
}
.event-detail-wrap .event-view-page,
.event-detail-wrap .wrap-event{
    line-height: 0;
}
.event-detail-wrap img{
    width: 100%;
    height: 100%;
}
/* 홍스토어1 로그인, 회원가입 */
.memeber-form{
    background: white; padding: 16px;
    height: 100vh;
}
.memeber-form .input-form input {
    text-indent: 12px;
    width: 100%;
    height: 44px;
    border: 1px solid #ddd;
}
.memeber-form .sign-up{
    padding: 32px 0px 8px;
}
.memeber-form .id-find,
.memeber-form .checkbox{
    font-size: 14px;
    color: #222;
} 
.memeber-form .find-image{
    overflow: hidden;
}


/* 마이메뉴 - 알림내역 신규 알림 유무 확인 아이콘 */
.new-mymenu-alram {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #fc5d62;
    border-radius: 50%;
    right: -10px;
    top: -1px;
}