a{text-decoration: none !important;}
.main-container{padding: 0 15px;}

/* insio_공지사항 */
/* 상단 배너[이벤트배너] 스와이프 */
.swiper-container {width: 100%; height: 150px !important;}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide > img {width: 100%;}

/* insio공지_이벤트 배너_반응형 */
@media (min-width:768px) and (max-width:1023px) {
    .swiper-container {height: 140px !important;}
}
@media (min-width:320px) and (max-width:767px) {
   .swiper-container {height: 100px !important;}
}

/* insio공지사항_리스트 */
.notice, .notice_list{width: 100%;}
.notice_list{padding-left: 0;}
.notice_list>li{
    width: 100%; height: 90px; 
    padding-bottom: 1%;
    display: flex; align-items: flex-end; 
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.notice_content01{display: flex; width: 88%;}
.notice_content02{width: 12%; margin-bottom: 0.4%; text-align: center;}

.notice_kind01, .notice_kind02{
    display: inline-block; text-align: center;
    width: 5.5%; height: 20px; line-height: 20px;
    margin: 0.5% 2% 0 1%;
    font-size: 0.80em;
}
.notice_kind01{border: 1px solid #1336d4; border-radius: 3px; color: #1336d4;} 
.notice_kind02{border: 1px solid #d41367; border-radius: 3px; color: #d41367;}

.notice_content01>a{display: block;}
.notice_title{
    width: 80%; line-height: 16px;
    padding: 5px 0;
    display: block; font-size: 1.18em; font-weight: 800;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.notit02{margin-left: 8.5%;}
.notice_date{display: inline-block; font-size: 0.95em; color: #666;}

/* 공지사항[insio, 찜한 스토어]이 없을 때 */
.cart-none-wrap {
    top: 29%;
    position: absolute;
    text-align: center;
}
.cart-none-i {background-color: #d41367;}
.no_notice, .no_heartStoer{font-size: 6rem;}
.cart-none-text1 {
    font-weight: 700;
    color: #54565a;
    font-size: 1.2em;
    margin: 11px 0 20px 0;
}
.cart-none-text2 {
    font-size: 0.95rem;
    font-weight: 700;
    color: #8c9091;
    margin-bottom: 15px;
}

/* insio공지사항_리스트_반응형 */
@media (min-width:1024px) {
    .no_notice, .no_heartStoer{font-size: 3rem;}
    .cart-none-text1 {
        font-weight: 700;
        color: #54565a;
        font-size: 1.6em;
        margin: 11px 0 20px 0;
    }
    .cart-none-text2 {
        font-size: 0.95rem;
        font-weight: 700;
        color: #8c9091;
        margin-bottom: 15px;
    }
}
@media (min-width:768px) and (max-width:1023px) {
    .notice_kind01, .notice_kind02{width: 6.8%;}
    .no_notice, .no_heartStoer{font-size: 3.5rem;}
    .cart-none-text1 {
        font-weight: 700;
        color: #54565a;
        font-size: 1.4em;
        margin: 11px 0 20px 0;
    }
    .cart-none-text2 {
        font-size: 0.95rem;
        font-weight: 700;
        color: #8c9091;
        margin-bottom: 15px;
    }
    .notit02{margin-left: 9.9%;}
}
@media (max-width:767px) {
    .notice_list>li{height: 80px; justify-content: flex-end; flex-direction: column;}
    .notice_content01{width: 100%;}
    .notice_content02{width: 100%; margin-bottom: 0%; padding-left: 20%; text-align: left;}

    .notice_kind01, .notice_kind02{
        width: 14%;  height: 19px; line-height: 19px;
        margin: 0.9% 4% 0 1%;
        font-size: 0.6em; 
    }
    .notice_title{
        width: 65%; line-height: 16px;
        padding: 5px 0;
        font-size: 1.05em;
    }
    .notit02{margin-left: 19%;}
    .notice_date{font-size: 0.80em; color: #666;}
}

/* 찜한 스토어 공지 */
/* new마켓_리스트 */
.new_market{
    width: 100%; height: 150px;
    position: relative;
    overflow: hidden;
}
.mySwiper{
    width: 90%; height: 150px; margin: 0 auto;
    display: flex; align-items: center !important;
    overflow: hidden;
}
.slide_group{width: 100%;}
.swiper-wrapper{align-items: center !important;}
.butPrev, .butNext{
    width: 1.8%; height: 25%;
    background-size: contain;
}
.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    position: relative;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.market_img{
    position: relative;
    width: 120px; height: 120px;
    border-radius: 50%;
    overflow: hidden;
}

.new_mark{
    position: absolute; 
    right: 0; top: 9%;
    width: 26px; height: 26px;
    border-radius: 50%;
    background: #d41367;
    color: #fff; font-weight: 600;
    font-size: 0.85em;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width:551px) and (max-width:768px) {
    .new_market{height: 140px;}
    .mySwiper{height: 140px;}
    .market_img{width: 105px; height: 105px;}
    .new_mark{top: 12%;}
}

@media (min-width:375px) and (max-width:414px) {
    .new_market{height: 100px;}
    .mySwiper{height: 100px;}
    .butPrev, .butNext{width: 3%; height: 42%;}
    .butPrev{left: 2px !important;}
    .butNext{right: 2px !important;}
    .market_img{width: 75px; height: 75px;}
    .new_mark{
        right: 5%; top: 12%;
        width: 20px; height: 20px;
        font-size: 0.60em;
    }
}

@media (min-width:320px) and (max-width:374px) {
    .new_market{height: 100px;}
    .mySwiper{height: 100px;}
    .butPrev, .butNext{width: 3.5%; height: 42%;}
    .butPrev{left: 2px !important;}
    .butNext{right: 2px !important;}
    .market_img{width: 65px; height: 65px;}
    .new_mark{
        right: 5%; top: 16%;
        width: 20px; height: 20px;
        font-size: 0.55em;
    }
}

/* 마켓_공지사항 */
.stoer, .stoer_list{width: 100%;}
.stoer_list{padding-left: 0;}
.stoer_list>li{
    width: 100%; height: 90px; 
    padding-bottom: 1%;
    display: flex; align-items: flex-end; 
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.stoer_content01{display: flex; align-items: center; width: 88%;}
.stoer_content02{width: 12%; text-align: center;} 

.stoer_logoRound{
    width: 45px; height: 45px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0% 2% 0 1%;
}
.stoer_logoRound>img{
    display: block;
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: center center;
} 
.stoer_title{
    width: 15%; margin-right: 2%;
    display: block; font-size: 1.0em; 
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.store_content{
    width: 70%; display: block;
    font-size: 1.18em; font-weight:800;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}
.stoer_date{display: inline-block; padding-bottom: 12%; font-size: 0.95em; color: #666;}

/* 마켓_공지사항_반응형 */
@media (min-width:768px) and (max-width:1023px) {
    .stoer_logoRound{width: 7%; height: 45px;}
    .stoer_title{font-size: 0.9em; }
    .stoer_date{padding-bottom: 14%;}
}
@media (min-width:375px) and (max-width:414px) {
    .stoer_list>li{justify-content: flex-end; flex-direction: column;}
    .stoer_content01{width: 100%;}
    .stoer_content02{width: 100%; padding-left: 16.5%; text-align: left;} 

    .stoer_logoRound{width: 43px; height: 43px; border-radius: 43px;}
    .stoer_title{width: 22%; font-size: 0.90em;}
    .store_content{width: 55%; font-size: 1.05em;}
    .stoer_date{padding-bottom: 0%; font-size: 0.80em;}
}
@media (min-width:320px) and (max-width:374px) {
    .stoer_list>li{height: 80px; padding-bottom: 1%; justify-content: flex-end; flex-direction: column;}
    .stoer_content01{width: 100%;}
    .stoer_content02{width: 100%; padding-left: 19%; text-align: left;} 
    .stoer_logoRound{width: 40px; height: 40px; border-radius: 40px; margin: 0% 2% 0 1.5%;}
    /* .stoer_logoRound>img{width: 100%; height: 100%;} */
    .stoer_title{width: 22%; font-size: 0.75em;}
    .store_content{width: 40%; font-size: 1.05em;}
    .stoer_date{padding-bottom: 0%; font-size: 0.80em;}
}