body{

}
/* 삭제 */
.category-div{
    /* border: 1px solid; */
    border-radius: 10px;
    margin-bottom: 4px;
    /* margin-bottom빼고 삭제 */
}
.category-div img{
    border-radius: 10px;
}
/* 여까지 */
.wrap-inner{
    background-color: #f5f5f5;
}
.wrap-inner .main-slide{
    width: 100%;
    /*height: 160px;*/
    /*height: 19vh;*/
    height: 44.5vw;
    background: white;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    position: relative;
}
.wrap-inner-div{
    /* padding: 0 14px; */
    /* border: 1px solid; */
}
.main-slide-paging{
    display: inline-block;
    position: absolute;
    right: 24px;
    bottom: 12px;
    width: 45px;
    height: 18px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    color: white; font-size: 11px;
    text-align: center;
    z-index: 2;
}
.paging-profile-div{
    position: relative;
}
.main-slide-paging.paging-profile{
    top: 16px; right: 16px;
}
section{
    /* padding: 0 14px; */
    padding: 16px 16px 24px;
    margin-bottom: 6px;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    background: white;
}
section.border-t-0{
    border-top: 0;
}
.category-wrap ul li,
.wrap-inner ul li {
    float: left;
}

.store-section ul li {
    width: 240px;
}
.store-section.category ul li {
    width: 100px;
}

/*
.category-wrap .store-section ul li {
    width: 96px;
    margin-right: 12px;
}*/

.real-section ul li {
    width: 264px !important;
}


section .item-title .status p,
.up-item-div .status p{
    height: 20px; line-height: 33px; 
    color: #222; 
    font-weight: bold; font-size: 11px;
}
.up-item-div .status p{
    line-height: 18px;
}
/* .wrap-inner .category-span::before{
    margin-right: 4px;
} */
section .item-title .status .status-on{
    
}
section .item-title .status .status-ing{
    
}
section .item-title .status .status-off{
    
}
/* 그리드 */
.main-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 30px;
    column-gap: 24px;
}
.main-grid .main-grid-a{
    display: block;
    /* margin-bottom: 30px; */
}
.item-img{
    border-radius: 8px;
    overflow: hidden;
    /* border: 1px solid;  */
    background: #f5f5f5;
}
.main-grid .main-grid-a,
.main-grid .main-grid-a{
    /* width: 152px; */
    min-width: 152px;
}
.main-grid .item-img{
     width: 42.2vw;
    height: 45vw;
    /*min-width: 152px;
    min-height: 152px;*/
    margin: 0 auto;
}
.store-section .item-img{
    width: 240px; 
    height: 240px; 
    /* min-width: 240px;
    min-height: 240px; */
}
.real-section .item-img{
    width: 44px; height: 44px;
    display: inline-block;
}
.item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 9px;
    background: white;
}
.item-title {
    display: flex; justify-content: space-between;
}
.wrap-inner .view-more{
    width: 24px;
    height: 24px;
}
/* 뱃지 */
.item-img.badge{
    position: relative;
}
.review-div.badge::after,
.item-img.badge::after{
    display: inline-block;
    position: absolute;
    content: '';
    width: 8vw;
    height: 8vh;
    /* background: url(/assets/hongstore2.0/img/icon/sajux03.png)no-repeat right top;
    background-size: 100%; */
    top: -1px;
    right: -1px;
}

.review-div.badge::after{
    width: 30px;
    height: 30px;
}
.review-div.badge.tarot::after,
.item-img.badge.tarot::after{
    background: url(/assets/hongstore2.0/img/icon/talox03.png)no-repeat right top;
    background-size: 100%;
}
.review-div.badge.fortune::after,
.item-img.badge.fortune::after{
    background: url(/assets/hongstore2.0/img/icon/sinjeomx03.png)no-repeat right top;
    background-size: 100%;
}
.review-div.badge.pungusu::after,
.item-img.badge.pungusu::after{
    background: url(/assets/hongstore2.0/img/icon/pungusux03.png)no-repeat right top;
    background-size: 100%;
}
.review-div.badge.saju::after,
.item-img.badge.saju::after{
    background: url(/assets/hongstore2.0/img/icon/sajux03.png)no-repeat right top;
    background-size: 100%;
}
.review-div.badge.naming::after,
.item-img.badge.naming::after{
    background: url(/assets/hongstore2.0/img/icon/jagmyeongx03.png)no-repeat right top;
    background-size: 100%;
}

.review-div.badge.job::after,
.item-img.badge.job::after{
    background: url(/assets/hongstore2.0/img/icon/job.png)no-repeat right top;
    background-size: 100%;
}
.review-div.badge.romantic::after,
.item-img.badge.romantic::after{
    background: url(/assets/hongstore2.0/img/icon/romantic.png)no-repeat right top;
    background-size: 100%;
}
.review-div.badge.wedding::after,
.item-img.badge.wedding::after{
    background: url(/assets/hongstore2.0/img/icon/wedding.png)no-repeat right top;
    background-size: 100%;
}
.review-div.badge.animal::after,
.item-img.badge.animal::after{
    background: url(/assets/hongstore2.0/img/icon/animal.png)no-repeat right top;
    background-size: 100%;
}
.review-div.badge.mental::after,
.item-img.badge.mental::after{
    background: url(/assets/hongstore2.0/img/icon/mental.png)no-repeat right top;
    background-size: 100%;
}
.review-div.badge.study::after,
.item-img.badge.study::after{
    background: url(/assets/hongstore2.0/img/icon/study.png)no-repeat right top;
    background-size: 100%;
}
.review-div.badge.worry::after,
.item-img.badge.worry::after{
    background: url(/assets/hongstore2.0/img/icon/worry.png)no-repeat right top;
    background-size: 100%;
}
.wrap-inner .up-item-list{
    border-top: 0;
    padding: 12px 0;
}


/* 카테고리 */
.category-section{

}
.category-section > div{
    text-align: center; 
    /* margin-top: 16px; margin-bottom: 12px; */
}
.category-section > div ul{
    width: 100%; 
    display: flex; justify-content: space-between;
}
.category-section > div ul li{
    margin-right: 8px;
}
.category-section > div ul li a{
    display: block;
}
.category-section .category-div{
    width: 60px; height: 60px;
}
.category-section .category-div img{
    width: 100%;
}
.category-wrap .store-section{
    height: auto; overflow: hidden;
    border-bottom: 1px solid #eee;
    margin-bottom: 6px;
}
.category-wrap .item-img{
    width: 100px; height: 100px; 
    /*border: 1px solid;*/
}
.category-wrap .store-section .f222{
    color: #222;
}
.category-wrap .select-div{
    display: flex; justify-content: space-between; 
    padding: 10px 16px; background: #f9f9f9; 
}
.category-wrap .form-select{
    width: 100px; height: 42px;
    padding: 10px 12px;
    border: 1px solid #eee;
    font-size: 14px;
}
.category-wrap .select-btn{
    border: 1px solid #eee; 
    padding: 10px 12px; 
    background: white;
    height: 42px;
    font-size: 14px;
}
.category-wrap .new-banner{
    width: 100%; height: 100px; overflow: hidden;
}
.category-wrap .new-banner img{
    width: 100%; height: 100%;
}
.category-wrap .switch-btn{
    height: 20px;
}
.category-wrap .switch-btn label{
    position: relative;
    right: initial;
    top: initial;
    transform: translate(0px, -100%);
}
.category-wrap .switch-btn label:before{
    left: 9px;
}
.category-wrap .switch-btn input:checked + label:before{
    left: -3px;
}
.category-wrap .sangdam-on-div{
    display: flex; 
    justify-content: flex-end; 
    position: relative;
    padding: 12px 16px; background: white; 
    border-top: 1px solid #eee; 
}
/*.search-result-list*/
.sangdam-inner .all-div,
.category-wrap .search-result-list{
    display: inline-block;
    width: 100%;
}
.item-guide-notice,
.category-wrap .dangol-notice{
    padding: 16px; text-align: center;
}
.category-wrap .sangdam-on-div.dangol{
    justify-content: space-between; height: 47px; padding: 7px 16px;
}
.category-wrap .sangdam-on-div.dangol .select-btn{
    padding: 7px 8px;
    /*width: 160px; */
    height: 32px;
    line-height: 16px;
}
/* 카테고리 상담사명 */
.category-section ul li span,
section span
{
    color: black;
    font-weight: bold;
    font-size: 14px;
}
/* 상담사 리스트 한줄설명 */
.best-section p,
.store-section p,
.up-section p,
.new-section p,

.search-result-list .p-tnwjd
{
    color: #888;
    font-size: 12px;
}
.wrap-inner h1{

}
.wrap-inner h2{
    font-size: 16px;
    font-weight: bold;
    /* margin-top: 16px;
    margin-bottom: 16px; */
    display: inline-block;
}
.wrap-inner .section-inner{
    padding-bottom: 16px;
}
.item-guide-number ul li{
    border-bottom: 1px solid #eee;
    padding: 16px 30px;
    position: relative;
}
.item-guide-number ul li::before{
    display: inline-block;
    content: '1';
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: white;
    font-weight: bold;
    background: #fa233b;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 0;
    font-size: 12px;
}
.item-guide-number ul li.num02::before{
    content: '2';
}
.item-guide-number ul li.num03::before{
    content: '3';
}
.item-guide-number ul li.num04::before{
    content: '4';
}
.item-guide-number ul li.num05::before{
    content: '5';
}
.item-guide-number ul li.num06::before{
    content: '6';
}
.item-guide-number ul li.num07::before{
    content: '7';
}
.item-guide-number ul li:first-child{
    padding-top: 0;
}
.item-guide-number ul li:first-child::before{
    top: 0px;
}
.item-guide-number ul li:last-of-type{
    border-bottom: 0;
    padding-bottom: 0;
}

/* 태그 */
.tag-section{
    height: 106px;
    padding: 16px 16px 24px;
}
.tag-section ul li a{
    display: inline-block;
    /* width: 101px; */
    padding: 0px 14px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-radius: 15px;
    background: white;
    border: 1px solid #ddd;
    color: #222;
    margin-bottom: 28px;
    margin-right: 4px;
}
.tag-section ul li a.active{
    background: #fa233b;
    border: 1px solid #fa233b;
    color: white;
}

/* 추천 스토어 */
.store-section {
    height: 387px;
    margin-bottom: 0;
}



/* 리얼 후기 */
.real-section .review-content-inner p{
    font-size: 12px;
}
.review-div-inner .s-profile{
    display: inline-block; width: 75%;
}
.real-section{
    height: 278px;
}
.real-section .review-div{
    width: 240px; height: 198px; 
    border-radius: 8px; 
    border: 1px solid #f5f5f5; margin-right: 24px;
    background: #f5f5f5;
    position: relative;
}
.real-section .review-div-inner{
    width: 228px; height: 120px;
    background: white;
    border-radius: 8px;
    margin: 5px;
    border: 1px solid #eee;
}
.real-section .review-content{
    width: 204px; height: 78px;
    margin: 24px 12px 15px;
}
.real-section .review-content.left::before{
    position: absolute;
    display: inline-block;
    content: '';
    width: 14px;
    height: 10px;
    top: 16px;
    left: 18px;
    background: url(/assets/hongstore2.0/img/icon/14-10@3x.png)no-repeat;
    background-size: 100%;
}
.real-section .review-content.right::after{
    position: absolute;
    display: inline-block;
    content: '';
    width: 14px;
    height: 10px;
    bottom: 93px;
    right: 18px;
    background: url(/assets/hongstore2.0/img/icon/35-10@3x.png)no-repeat;
    background-size: 100%;
}
.real-section .review-content .review-content-inner{
    width: 100%; height: 60px; 
}
.real-section .review-content .review-content-inner p{
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    word-break:break-all;

}
.review-item-title{
    display: flex; justify-content: left ;
    font-size: 11px;
    color: #888;
}
.review-item-title p{
    color: #888;
}
.review-item-title p:nth-child(1)::after{
    display: inline-block;
    content: "";
    width: 1px;
    height: 10px;
    background: #ddd;
    margin: 0 5px;
}

/* 신규 */

/* 급상승 */
.up-section{
    height: 475px;
    margin-bottom: 0px;
    border-bottom: 0;
}
.up-section ul li{
    clear: both;
    width: 100%;
    height: 104px;
    border-bottom: 1px solid #f5f5f5;
    border-top: 0;
    padding: 12px 0;
}
.up-section ul li .up-item-div{
    width: 100%; height: 104px; position: relative;
}
.up-item-list .up-item-div .up-item-inner{
    display: flex; 
    width: 100%; 
    /* position: absolute;
    top: 50%;
    transform: translate(0px, -50%); */
}
.up-item-list .up-item-div .up-item-inner .item-img{
    width: 80px; height: 80px;
    /*border: 1px solid;*/
}
/* 테마 */
.theme-wrap .chucheon{
    width: 100%; padding: 16px 16px 10px; 
    background: white;
}
.theme-wrap .float-ul ul li{
    margin-bottom: 10px;
}
.theme-wrap .theme-grid div img{
    width: 40px; height: 40px;
}
.theme-wrap .event-banner div{
    width: 100%; height: 100px;
    margin-bottom: 10px;
    overflow: hidden;
}
.theme-wrap .event-banner div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*PC버전*/
@media (min-width: 768px){
    .item-img.badge::after {
        width: 40px;
        height: 40px;
    }
    .main-grid .item-img{
        width: 291px;
        height: 291px;
    }
}