/* 예약내역 */
.reserv-notice{
    padding: 16px;
    background: white;
}
.reserv-con.list-none ul li{
    text-indent: 16px;
    line-height: 24px;
}
.reserv-con .reserv-notice h3{
    font-size: 16px;
}
.reserv-con .reserv-notice p{
    font-size: 14px;
    text-indent: 0;
    padding: 0;
    padding-left: 10px;
    color: #333;
}
.reserv-con .reserv-notice p::before {
    display: inline-block;
    content: "·";
    width: 10px;
    margin-left: -10px;
    text-align: center;
}

/* 상담내역 */
.sangdam-wrap{
    /*height: 100vh;*/
    height: 100%;
}
.sangdam-wrap .sangdam-notice{
    line-height: 20px; background: #f8f8f8; 
    padding: 15px 0; text-align: center; 
    border-bottom: 1px solid #eee;
}
.sangdam-wrap .item-list{
    background: white;
    padding: 0 16px;
}
.sangdam-wrap .list-div{
    height: 96px; 
    padding: 8px 0px;
    border-bottom: 1px solid #eee;
}
.sangdam-wrap .list-div.last{
    border-bottom: 0;
    padding: 8px 0px 0px
}
.sangdam-wrap .bg-arrow{
    background: url(/assets/hongstore2.0/img/icon/arrow_right_s_x03.png)no-repeat right 16px center white;
    background-size: 8px;
    margin-right: 0;
}
.sangdam-wrap .sangdam-img{
    min-width: 80px; width: 80px;
    height: 80px; 
    margin-right: 12px; 
    border-radius: 6px;
    /*border: 1px solid black; */
    overflow: hidden;
    background: white;
}
.sangdam-wrap .sangdam-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sangdam-wrap .sangdam-con{
    padding: 8px 0 6px;
}
.sangdam-wrap .sangdam-data{
    color: #888;
}

/* 나의 상담 */
.sangdam-question-wrap{

}
.sangdam-question-wrap .up-item-list{
    padding: 16px 16px 24px;
}
.sangdam-question-wrap .answer-title{
    font-size: 12px; color: #888;
}
.sangdam-question-wrap .answer-data{
    font-size: 11px;
    color: #888;
    /* line-height: 9px;
    height: 10px;
    margin-top: 6px; */
}
.sangdam-question-wrap .answer-data.bar::before{
    display: inline-block;
    content: '';
    height: 10px;
    width: 1px;
    color: #ddd;
    padding-left: 8px;
    border-left: 1px solid #ddd;
}
.sangdam-question-wrap .answer-wait-div{
    max-width: 51px; margin-top: 5px;
}
.sangdam-question-wrap .answer-wait,
.sangdam-question-wrap .answer-wan{
    position: relative;
    width: 51px; height: 19px; 
    color: white; background: #3f71c8; border-radius: 2px; 
    font-size: 11px; text-align: center; line-height: 19px;
}
.sangdam-question-wrap .answer-wait{
    background: #b1b1b1;
}
.sangdam-question-wrap .answer-wait.lock::before,
.sangdam-question-wrap .answer-wan.lock::before{
    position: absolute;
    display: inline-block;
    content: '';
    width: 12px;
    height: 18px;
    background: url(/assets/hongstore2.0/img/icon/lockx3.png)no-repeat left 2px;
    background-size: 100%;
    left: -20px;
}
.sangdam-question-wrap .reply{
    background: #f8f8f8; border: 1px solid #eee; 
    border-radius: 0px 16px 16px 16px;
    padding: 18px; margin-left: 9.5px;
}
.sangdam-question-wrap .reply-bg{
    background: url(/assets/hongstore2.0/img/icon/answer-topx3.png)no-repeat;
    background-size: 100%;
}
.sangdam-question-wrap .answer-img{
    max-width: 44px; height: 44px; 
    border-radius: 6px; margin-right: 10px;
}
.sangdam-question-wrap .answer-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sangdam-question-wrap .category-span::before{
    margin-right: 6px;
}
.sangdam-question-wrap .answer-set{
    width: 100%; margin-top: 5px;
}




/* 코인 채팅 상담 */
.coin-chat-wrap{
    background: #fa233b;
    padding-bottom: 15px;
}
.coin-chat-wrap .store-info{
    width: 100%; height: 160px; 
}
.coin-chat-wrap .store-info-inner{
    text-align: center; background: #fa233b;
}
.coin-chat-wrap .store-img{
    width: 152px; height: 152px; border-radius:10px;
    overflow: hidden;
    margin: 0 auto; margin-top: 10px;
}
.coin-chat-wrap .store-img img{
    width: 100%;
    /*border-radius: 10px;*/
    height: 100%;
    object-fit: cover;
}
.coin-chat-wrap .store-reserv{
    /* height: 430px;  */
    background: white; border-radius: 30px 30px 0 0; 
    padding-top: 89px; text-align: center;
}
.coin-chat-wrap .store-reserv .loding-bar{
    width: 80px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 24px;
}
.coin-chat-wrap .store-reserv .loding-text{
    font-size: 16px;
}
.coin-chat-wrap .reserv-data{
    font-size: 20px; font-weight: bold; color: #fa233b;
}
.coin-chat-wrap .reserv-data-detail{
    font-size: 14px; color: #222;
}
.coin-chat-wrap .store-reserv .btn-area-div{
    border-top: 1px solid #eee; 
    text-align: left; color: #888; 
    font-size: 12px; padding-bottom: 0;
}
.coin-chat-wrap .number-set{
    padding: 0px 0px 0px 14px;
    line-height: 22px;
}
.coin-chat-wrap .number-set p.point::before {
    left: 20px;
}
.coin-chat-wrap .store-name{
    color: white; font-size: 18px;
}
/* 코인충전  */
.coin-charge-wrap.coin-auto-wrap .coin-title-div{
    line-height: 22px; padding: 16px;
}
.coin-charge-wrap .f255-t{
    color: rgba(255,255,255,0.8);
}
.coin-charge-wrap .up-item-list{
    padding: 0; border: 0;
}
.coin-charge-wrap .number-set{
    padding: 0px 0px 0px 8px;
}
.coin-charge-wrap.coin-auto-wrap .border-e{
    border-bottom: 1px solid #eee;
}
.coin-charge-wrap.coin-auto-wrap .border-e .simple-sel{
    border-bottom: 0;
}
.coin-charge-wrap .simple-sel{
    border-bottom: 0;
}
.coin-charge-wrap .simple-sel .radio-span-inner{
    left: 22px;
}
.coin-charge-wrap .column02{
    grid-column: span 2; line-height: 22px;
}
.coin-charge-wrap .card-img{
    margin-bottom: 24px;
    text-align: center;
}
.coin-charge-wrap .border-t{
    border-top: 1px solid #ccc;
}
.coin-charge-wrap .buy-grid-ver2{
    grid-template-columns: 50% 50%; 
    border-top: 1px solid #fa233b;
    border-bottom: 1px solid #fa233b;
}
.coin-charge-wrap .buy-grid-ver2 .left{
    text-align: left; 
}
.coin-charge-wrap .buy-grid-ver2 .right{
    text-align: right; 
}
.coin-charge-wrap .buy-grid-ver2 .border-b{
    border-bottom: 1px solid #eee;
}
.coin-result-wrap{
    background: white; height: 95vh;
}
.coin-result-wrap .coin-title-div p{
    color: white; font-size: 16px; font-weight: bold;
}
.coin-result-inner{
    padding: 24px 0px;
}
.coin-result-inner .text-div{
    text-align: center;
}
.coin-result-wrap .up-item-list{
    border-top: 0;
}
.coin-result-wrap .buy-grid .right{
    text-align: right;
}
/* 코인 자동충전 */
.coin-grid .grid-column1.bg-gray{
    background: white;
    position: relative;
}
.coin-grid-ver2 .grid-column1.bg-gray{
    background: white;
    position: relative;
}
.coin-grid .grid-column2.bg-gray{
    text-align: left;
    line-height: 50px;
    text-indent: 16px;
}
.coin-grid-ver2 .grid-column2.bg-gray{
    text-align: left;
    line-height: 50px;
    text-indent: 16px;
    border-right: 1px solid #eee;
}
.coin-auto-wrap .coin-title-div{
    width: 100%; height: 80px; 
    line-height: 80px; 
    background: #012136; text-align: center;
}
.coin-auto-wrap .coin-title-div.coin-simple{
    line-height: 0px; 
}
.coin-auto-wrap .coin-title-div .coin-title{
    color: white; font-size: 16px; font-weight: bold;
}
.coin-auto-wrap .coin-notice {
    background: #f8f8f8; text-align: center; line-height: 22px; 
    padding: 20px 30px; border-bottom: 1px solid #eee;
}
.coin-auto-wrap .coin-notice .bg-arrow-w{
    background: url(/assets/hongstore2.0/img/icon/arrow_right_s_w_x03.png)no-repeat right 8px;
    padding-right: 10px;
    background-size: 6px;
}
.coin-auto-wrap .coin-price {
    background: white; padding: 16px;
}
.coin-auto-wrap .price-vat{
    background: white; padding: 16px;
}
.coin-auto-wrap .price-vat .vat-notice{
    font-size: 12px;
    color: #888;
    margin-top: 10px;
}
/* 코인 자동충전 카드등록 */
.coin-card-wrap{
    background: #f6f6f6;
}
.coin-card-wrap .card-tab{
    padding:16px 16px 0; background: #f8f8f8; 
    border-bottom: 1px solid #e6e6e6;
}
.coin-card-wrap .card-tab .beob-in,
.coin-card-wrap .card-tab .gaein{
    border: 1px solid #e6e6e6; 
    border-bottom: 0; 
    width: 100%; height: 36px; line-height: 34px; 
    text-align: center; background: white;
}
.coin-card-wrap .card-tab .gaein{
    border-right: 0; 
}
.coin-card-wrap .card-tab .gaein.border-r{
    border-right: 1px solid #e6e6e6;
}
.coin-card-wrap .card-tab-inner{
    display: flex;
}
.coin-card-wrap .w64{
    width: 64%;
}
.coin-card-wrap .l38{
    line-height: 38px;
}
.coin-card-wrap .card-tab .beob-in a,
.coin-card-wrap .card-tab .gaein a{
    display: inline-block;
    width: 100%;
    height: 35px;
    background: white;
}
.coin-card-wrap .card-tab .card-tab-inner a.active{
    height: 36px;
}
.coin-card-wrap .card-tab .card-tab-inner a.active span{
    color: #fa233b;
}
.coin-card-wrap .card-info{
    background: white;
    padding: 16px;
    border-bottom: 1px solid #eee;
    margin-bottom: 6px;
}
.coin-card-wrap .card-info .input-info{
    margin-bottom: 10px; 
    display: flex; justify-content: space-between;
}
.coin-card-wrap .card-info .input-info.m8b{
    margin-bottom: 8px;
}
.coin-card-wrap .card-info .input-info .text{
    display:inline-block; 
    width: 36%; 
    line-height: 38px;
}
.card-info .card-input-num{
    width: 64%;
    background: #f8f8f8; border: 1px solid  #eee; 
    height: 40px; line-height: 40px;
    text-indent: 12px;
}
.card-info .card-input-num.pass{
    max-width: 48px;
}
.card-info .card-input-num.buisness{
    min-width: 60px;
}
.coin-card-wrap .card-tab-inner select{
    min-width: 90px; display: inline-block; 
    width: 100%; height: 40px; line-height: 40px; 
    margin-right: 10px;
    border: 1px solid #eee;
    text-indent: 12px;
}
.coin-card-wrap .card-tab-inner select.year{
    min-width: 111px; 
    margin-right: 0;
}
.coin-card-wrap .card-info .card-pw{
    margin-bottom: 10px; 
    display: flex; justify-content: space-between;
}
.coin-card-wrap .auto-agree{
    padding: 20px 16px 24px; 
    background: white; border-top: 1px solid #eee;
}
.coin-card-wrap .auto-agree .input-check{
    height: 42px;
}
.coin-card-wrap .auto-agree .checkbox{
    font-size: 14px; color: #222;
}
.coin-card-wrap .coin-simple{
    padding: 18px 16px 16px;
}
.coin-card-wrap .coin-simple ul li{
    min-width: 157px;
    width: 100%;
    height: 46px; line-height: 42px;
    border-radius: 100px;
    border: 2px solid #686868;
}
.coin-card-wrap .coin-simple ul li.active{
    border: 2px solid white;
}
.coin-card-wrap .input-info .password-span{
    font-size: 22px; vertical-align: -webkit-baseline-middle;
}
.coin-simple ul li a{
    color: #686868;
}
.coin-simple ul li.active a{
    color: white;
}
.pw-ing-div .pw-ing-inner{
    padding: 24px 0; text-align: center;
}
.pw-ing-div .simple-pw{
    width: 100%; height: 100px; 
    padding: 28px 25px 39px; 
    background: #f8f8f8; 
    border: 1px solid #eee; 
    border-radius: 6px;
    display: flex; justify-content: space-between;
}
.pw-ing-div .simple-pw input{
    display: inline-block;
    text-align: center;
    margin-right: 12px;
    width: 34px;
    border: 0;
    border-bottom: 2px solid;
    background: #f8f8f8;
    height: 32px;
    font-size: 30px;
}
.pw-ing-div .simple-pw input.margin0{
    margin-right: 0;
}
.pw-ing-div .btn-div{
    padding:24px 0px; margin-top: 68px;
}
.coin-card-wrap .bg-gray2ver,
.coin-card-wrap .bg-gray{
    position: relative;
    background: #eee; height: 180px;
}
.coin-card-wrap .bg-gray2ver{
    height: 126px;
}
.coin-card-wrap .bg-gray .card-div{
    position: absolute;
    top: 94px;
    left: 50%;
    transform: translate(-50%, 0%);
}
.coin-card-wrap .bg-gray2ver .card-div{
    top: 40px;
}
/* .coin-card-wrap .bg-gray .card-img{
    width: 252px; height: 160px; margin: 0 auto;
}
.coin-card-wrap .bg-gray .card-img-top{
    background: #3868bb; height: 43px; 
    border-radius: 10px 10px 0 0; padding: 0 24px;
}
.coin-card-wrap .bg-gray .card-img-top p{
    color: #6d93d4; font-size: 12px; 
    line-height: 46px; text-align: right; font-weight: bold;
}
.coin-card-wrap .bg-gray .card-img-bottom{
    background: #3f71c8; height: 117px; 
    border-radius: 0 0 10px 10px; padding: 0 24px;
    text-align: right; padding-top: 19px;
}
.coin-card-wrap .bg-gray .card-img-bottom .card-re{
    width: 23px; height: 18px;
}
.coin-card-wrap .bg-gray .card-img-bottom .card-num{
    color: white; text-align: left;
}
.coin-card-wrap .bg-gray .card-img-bottom .card-number{
    color: white; font-weight: bold; text-align: left;
} */
.card-img{
    width: 252px; height: 160px; margin: 0 auto;
}
.card-img .card-set-btn{
    margin-top: 2px;
    height: 22px;
    display: inline-block;
}
.card-img .card-set-btn .bg-arrow{
    background: url(/assets/hongstore2.0/img/icon/arrow_right_s_x03.png)no-repeat right/7px auto;
    margin-right: 0px;
    padding-right: 10px;
}
.card-img-top{
    background: #3868bb; height: 43px; 
    border-radius: 10px 10px 0 0; padding: 0 24px;
}
.card-img-top p{
    color: #6d93d4; font-size: 12px; 
    line-height: 46px; text-align: right; font-weight: bold;
}
.card-img-bottom{
    background: #3f71c8; height: 117px; 
    border-radius: 0 0 10px 10px; padding: 0 24px;
    text-align: right; padding-top: 19px;
}
.card-insert-img{
    width: 48px;
    height: 48px;
    margin: 0 auto;
    margin-top: -20px;
}
.card-img-bottom .card-re{
    width: 23px; height: 18px;
}
.card-img-bottom .card-num{
    color: white; text-align: left;
}
.card-img-bottom .card-number{
    color: white; font-weight: bold; text-align: left;
}
.coin-card-wrap .bg-gray .card-insert{
    text-align: center; margin-top: 12px;
}
.coin-card-wrap .card-insert-con{
    padding-top: 191px;
    background: white;
    height: 200px;
    padding-bottom: 74px;
}
.coin-card-wrap .card-set{
    display: flex;
    text-align: center; margin-top: 24px;
}
.coin-card-wrap .card-set a{
    border: 1px solid #ddd; width: 100%; height: 40px; line-height: 40px;
}
.coin-card-wrap .card-set a.card-change{
    border-right: 0px;
}
.coin-card-wrap .number-set.coin-card{
    padding: 0px 0px 0px 9px;
}
/* 간편결제 비밀번호 등록 */
.coin-card-wrap .coin-pw-insert{
    background: white; padding: 16px; text-align: center;
}
.coin-card-wrap .coin-pw-inner{
    border-bottom: 1px solid #eee; padding: 34px 0 24px;
}
.coin-card-wrap .coin-pw-bg{
    width: 130px; height: 130px; margin: 0 auto; border-radius: 50%; 
    background: #f5f5f5; padding: 23px 0;
}
.coin-card-wrap .coin-pw-bg img{
    width: 66px;
}
.coin-card-wrap .coin-pw-insert .pw-insert-data{
    margin-bottom: 69px;
}
/* 자동충전관리 */
.card-set-wrap{
    /*height: 100vh;*/
    height: 100%;
    background: white;
}
.card-set-wrap .switch-btn{
    display: inline-block;
}
.card-set-wrap .switch-btn .switch-label{
    right: initial;
}
.card-set-wrap .switch-btn label:before {
    left: 9px;
}
.card-set-wrap .switch-btn input:checked + label:before {
    left: -4px;
}
.card-set-wrap .up-item-list .grid-column1{
    padding: 9px 11px;
}