@charset "UTF-8";
:root{
    --color-brand:#7d14e6;
    --color-purple-02:#4d1954;
    --color-red-01:#ff0000;
    --color-white:#fff;
    --color-black:#000;

    --gray-100:#fcfcfc;
    --gray-150:#f5f5f5;
    --gray-200:#efefef;
    --gray-300:#dfdfdf;
    --gray-350:#c8c8c8;
    --gray-400:#b7b7b7;
    --gray-500:#949494;
    --gray-600:#777;
    --gray-700:#555;
    --gray-800:#303030;
    --gray-900:#222;
}

/*body{background:var(--primary);}*/
.mobile_wr{max-width:600px;margin:0 auto;background: #fff;}

/* bar */
.bar{ height: 1.0rem; background-color: #F8F8F8;}

/*버튼*/
.btn2{border:0px; background: none; margin: 0; padding: 0;}
.bottom_btn {
    position: fixed;
    left: 50%;
    bottom: 0;
    width: 100%;
    padding: 1.0rem 1.6rem 2rem;
    max-width: 600px;
    transform: translateX(-50%);
    z-index:1040;
}
.zoom_btn,
.go_top2 {
    width: 4.4rem;
    height: 4.4rem;
    background: url(../../img/go_top.png)no-repeat center;
    background-color: #fff;
    background-size: 1.6rem auto;
    z-index: 1000;
    border-radius: 50%;
    display: none;
    position: fixed; z-index: 5;
    right: 50%;
    bottom: 12.6rem;
    transform: translateX(290px);
    border: 1px solid var(--border);
}
.go_top2.show{display: block;bottom: 13.4rem !important}
.zoom_btn.show{display: block;bottom: calc(6.6rem + 4.4rem + 1rem);background: #fff;}
.zoom_btn img{width: 16px;}

.zd_2{position:relative;z-index:2;}
/* .wrap{overflow: hidden;} */
/* 헤더 */
.hd_m {
    display:flex;
    align-items: center;
    justify-content: space-between;
    height: var(--hd_height_m) !important;
    width: 100%;
    max-width: 600px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding:0 1.5rem;
    z-index: 1000;

}
.hd_m .logo img{width:10.5rem;display:flex;}
.hd_m .log_txt{font-size:1.4rem;padding-left:0.5rem;}
.hd_m .log_txt span {padding: 0 0.5rem;}
.hd_m button{border:0; background: transparent;}
.hd_m button img, .hd_m a img{height:2.8rem; z-index: 2; position: relative;}


.hd_m .page_tit{ font-weight: 600;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    font-size: 1.6rem;
}
.hd_m .hd_btn, .modal-header .hd_btn {display: flex;align-items: center;}

.hd_m button.top_alim, .hd_m button.top_chat{position:relative;}
.hd_m button.top_alim.on:before,
.hd_m button.top_alim span, .hd_m button.top_chat span {
    color: #fff;
    background: var(--danger);
    display: inline-block;
    position: absolute;
    right: 0.0rem;
    top: 0.0rem;
    border-radius: 0.8rem;
    width:0.4rem;
    height:0.4rem;
}
.hd_m button.top_alim.on:before{
    content: '';
}
.hd_btn button{width: 2.8rem;position: relative;}
.hd_btn button.like_btn4{   width: 28px; height: 28px; background-image: url('../../img/ico_heart_off2.png') ;    background-size: cover;
    z-index: 5;}
.hd_btn button.like_btn4.on{background-image: url('../../img/ico_heart_on2.png')}
.hd_btn button.btn2txt{height: 2.8rem;width: auto;min-width: 2.8rem;}
.hd_m_w.filter_br{/*-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);*//*background: none;*/background: linear-gradient(180deg, rgba(0, 0, 0, 0.3), transparent);}
.hd_m_w.filter_br img,
.hd_m_w.filter_br .page_tit{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.hd_btn button .cart_num{text-align:center;background: var(--primary);color: #fff;
    display: inline-block;position: absolute;z-index: 2;right: -0.2rem;top: 0.3rem;;border-radius: 100px;
    font-size: 0.83rem;padding: 2px 3px;
}
/* 모바일 메뉴 */
.hd_menu_btn {font-size: 2rem;}
.m_menu_wr {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    max-width: 60rem;
    z-index: 99999;
    transition: all 0.5s ease-in-out;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    transform: translateX(-50%);
}

/* x버튼 */
.close_btn_wr{display: none; opacity: 0;}
.m_nav .close_btn_wr{display: flex; justify-content: flex-end; opacity: 0;}
.menu_on .m_nav .close_btn_wr{opacity: 1;}
.close_btn{font-size: 2rem; border:0; height: auto; }
.close_btn img{width:3.0rem;}

/* 메뉴 열렸을때 외부 */
.menu_on .m_menu_wr{visibility: visible; opacity: 1; }
.m_nav{position: relative; width: 100%; height: 100%; z-index: 99999;  background: #fff; transition: all 0.4s ease-in-out; max-width: 0; transform: translateX(100%); visibility: hidden; opacity: 0; }
.menu_on .m_nav {
    transform: translateX(0%);
    visibility: visible;
    opacity: 1;
    max-width: 60rem;
    width: 80%;
}

.menu_bg{position: fixed;  left: 50%; top: 0; background: rgba(0,0,0,0.6); transition: all 0.4s ease-in-out; width: 100%; height: 100%; z-index: 99998; visibility: hidden; opacity: 0; transform: translateX(-50%); max-width:60rem;}
.menu_on .menu_bg{visibility: visible; opacity: 1;}

/* 메뉴 열렸을때 내부 */
.m_nav .nav_wr{height: auto;}
.m_nav .nav_ul{display: block;}
.m_nav .nav_li{height: 100%; position: relative;}
.m_nav .nav_a{display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 1.2rem 1.6rem;}
.m_nav .nav_a i{display: inline-block;}
.m_nav .nav_a img{width:2.0rem;}

.m_nav .nav_ul2{display: none;background: var(--light);}
.m_nav .nav_ul2 a{display: block; padding: 1.2rem 1.6rem; white-space: nowrap;}

/*검색*/
.sch_ip {display: flex;border:1px solid var(--border);background: #fff;padding: 0.3rem 1.5rem ;border-radius: 0.8rem;}
.sch_ip .form-control{ padding: 0.2rem 0;color: #747B84;}
.sch_ip .form-control::placeholder{font-size: 12px;font-weight: 500;color: var(--gray-500)}
.sch_ip .form-control:focus {background-color: transparent;}
.sch_ip button{width:2.0rem;height:2.0rem;border:0;background: transparent;}


/*회색 검색*/
.sch_gray.sch_ip{background: #EFEFEF;border:0;}
.feed_f_search .sch_gray.sch_ip{background: #f5f5f5;}


.ul_list{}
.ol_list{padding-left: 2rem;}
.ol_list li{margin-bottom:0.5rem;line-height: 140%;}


/*노데이터*/
.no_data{display:flex;align-items: center;justify-content: center;    flex-direction: column;}

.item_opt_counter {
    position: relative;
    width: 6.5rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    z-index:2;
}
.item_opt_counter_btn {

    width: 1.85rem;
    vertical-align: top;
    padding: 0;
}

.item_opt_counter_btn.disabled, .item_opt_counter_btn:disabled{opacity: 0.3;
    background: transparent;
    border:transparent;
}
.item_opt_counter .quantity{
    width: 48%;
    height: 100%;
    vertical-align: top;
    color: #333333;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 2rem;
    text-align: center;
    border: var(--border) 1px solid;
    border-radius: 0.4rem;     background-color: transparent;
}
.item_opt_counter .quantity:focus{outline: 0;}
.item_opt_counter.time_counter {
    width: 15.0rem;
    height: 4.7rem;
    line-height: 4.7rem;
    border-radius: 3.6rem;
    border: 1px solid #E3E3E3;
}
.item_opt_counter.time_counter .quantity {color: #000;font-size: 1.8rem;}

.item_opt_counter.disabled .quantity{color:#999;}
.item_opt_counter.disabled .item_opt_counter_btn{opacity: 0.3;}


/*하단메뉴*/
.bt_menu {
    width: calc(100% + 2px);
    max-width: 600px;
    background: #fff;
    position: fixed;
    /*bottom: 0;*/
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    display: block;
}
.bt_menu ul{display: flex;justify-content: space-between;align-items: center;text-align:center;padding:0 1.6rem; height:5.6rem;         box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);}
.bt_menu ul li{width:20%;max-width:6.0rem;}
.bt_menu ul li a {
    font-family: Pretendard, 'Roboto';
    display: inline-block;display: block;
    color:#8E949C;
    font-weight:400;
    font-size:1rem;
}
.bt_menu ul li .ico {
    width: 3rem;
    display: block;
    margin: 0 auto;
}
.bt_menu ul li .img_on{display:none;}
.bt_menu ul li.on a{color:var(--primary);}
.bt_menu ul li.on .img_on{display:block;}
.bt_menu ul li.on .img_off{display:none;}

label.btn {    transform: skew(-0.14deg);}

.dropdown-menu.dm1{border:#F2F4F6 1px solid ; border-radius: 0.5rem;  box-shadow: 0 3px 6px rgba(0,0,0,0.1);}
.dropdown-menu.dm1 .dropdown-item.active{background-position:  90% center  ; background-color:#fff; background-repeat:  no-repeat ; background-size: 14px; color:#222222; font-weight: 500;}
.dropdown-menu.dm1 .dropdown-item.active:hover{ background-color:#F5F6F8;}
.dropdown-menu.dm1 .dropdown-item{display: block; color:#909EB0; font-size: 1.3rem;     padding: 0.7rem 3.5rem 0.7rem 1rem;}

.dropdown-menu.dm2{width: 168px;border:#F2F4F6 1px solid;border-radius: 0.5rem;box-shadow: 0 3px 6px rgba(0,0,0,0.1);padding:0px;overflow: hidden;}
.dropdown-menu.dm2 .dm2_top{background-color: #E5E7E9;padding:0.81rem 0.9rem}
.dropdown-menu.dm2 .dropdown-item{text-align: center;border-bottom:var(--border) 1px solid;font-size: 0.9rem;font-weight: 600;text-align: center;padding: 0.81rem 0rem;}
.dropdown-menu.dm2 .dropdown-item:last-child{border: 0px;}
.dropdown-menu.dm2 .dropdown-item:hover, .dropdown-menu.dm2 .dropdown-item:focus{    transform: skew(-0.14deg);}
/*팔로잉*/
.followbtn{
    border-radius: 20rem;
    padding-left: 1.35rem;
    padding-right: 1.35rem;
    border-color:var(--gray-800);
    background-color: var(--gray-800);
    color: #fff !important;
}

/*팔로우*/
.followbtn.on{color: var(--gray-800) !important;background-color: #fff;transform: skew(-0.14deg);color: var(--gray-600);}
/*에디터스타일*/
.edit_style{}
.edit_style .h1, .edit_style h1{font-weight:700;font-size:3.5rem;margin-bottom:0.5rem;}
.edit_style .h2, .edit_style h2{font-weight:700;font-size:2.5rem;margin-bottom:0.5rem;}
.edit_style .h3, .edit_style h3{font-weight:700;font-size:1.8rem;margin-bottom:0.5rem;}
.edit_style .h4, .edit_style h4{font-weight:700;font-size:1.5rem;margin-bottom:0.5rem;}
.edit_style img {
    max-width: 100%;
    width: auto !important;
    margin: 0 auto;
    display: inline-block;
}
.edit_style p{white-space: pre-line;line-height: 160%;}
.edit_style ol, .edit_style ul{padding-left: 1.4rem;line-height: 160%;}

.barst1{background-color: #F2F4F6;   height: 0.6rem; border-top: #D6E0EA 1px solid;}
.btn-sm.rounded-pill{padding-left: 1.35rem; padding-right: 1.35rem;}
.rounded7 {border-radius: 0.7rem !important;}
.rounded8 {border-radius: 0.8rem !important;}
.rounded5 {border-radius: 0.5rem !important;}
/*푸터*/
.ft{padding:1.4rem 0 7rem; background-color: #EEEEEE;}
.ft .ft_customer .btn{padding-left:1.2rem;padding-right:1.2rem;height:4.2rem;font-size: 1.4rem;font-weight:400;}
.ft .fnb a{
    display: inline-block;
    font-weight: 400;
    color:#000;
    padding:0 0.5rem;
    border-right:1px solid var(--border);
}
.ft .fnb a:last-child{border-right:0;}
.ft span.line{margin:0 2.0rem;}
.ft .ft_copy{color: rgba(144, 158, 176, 0.9);}

/* 초기 상태에서는 화살표 아래 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="false"] img{transform: rotate(0deg);}

/* 펼쳐진 상태에서는 화살표 위 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="true"] img{transform: rotate(180deg);}

.collapse_ex.filter_cols .btn_hd{display: flex;justify-content: space-between;align-items: center;width: 100%;font-size: 1.2rem;font-weight: 500;padding: 0.75rem 0rem;width: 100%;background-color: transparent;border:0;height: auto;}
.collapse_ex.filter_cols {font-weight: 600;}
.collapse_ex.filter_cols li{margin-bottom: 1rem;}
.open_con  img.ar{transform: rotate(180deg);}
.open_con.collapsed  img.ar{transform: rotate(0deg);}

.tit_st{margin-bottom: 1.6rem;}
.tit_st .t1{font-size: 1.9rem; font-weight: 600 !important; letter-spacing: -0.47px; }
.tit_st .t2{font-size: 1.3rem; font-weight: 500; color:#9B9B9B;margin-top: 0.6rem; letter-spacing: -0.33px;}
.tit_st .link_con{gap: 17px;}
.tit_st .link_con .link{position:relative;font-size: 12px;font-weight: 400;color: var(--gray-400);line-height: 0}
.tit_st .link_con .link:nth-child(1)::before{content: '';display: block;position: absolute;width: 1px;height: 12px;top: 50%;right: -10px;transform: translateY(-50%);background-color: var(--gray-900)}
.tit_st .link_con .link:nth-child(2){padding-right: 10px}
.tit_st .link_con .link:nth-child(2)::before{content: '';display: block;position: absolute;width: 5px;height: 8px;top: 50%;right: 0px;transform: translateY(-50%);background:url("../../img/ico_gray_arr_3px.png") no-repeat center / cover}
.tit_st .link_con .link.active{font-weight: 600;color: var(--gray-900)}
.btn-group-toggle.stat_btn{margin-left: -1rem; display: flex;}
.btn-group-toggle.stat_btn .btn{color:#828A92;transform: skew(-0.14deg);font-size: 1.2rem;padding: 0.5rem 0.6rem;border-radius: 0;margin: 0rem;}
.btn-group-toggle.stat_btn .btn:after{
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background: #828A92;

    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.btn-group-toggle.stat_btn .btn:last-child{border:0}
.btn-group-toggle.stat_btn .btn.active{color: #000; font-weight: 600;}
.btn-group-toggle.stat_btn .btn:last-child:after{display: none;}
/*메인*/
.idx_magin{margin-bottom: 2.0rem;}
.idx_magin2{margin-bottom: 6rem;}

/*슬라이드*/
.swiper-pagination-bullet{background-color:#ECECEC; width: 4px;height: 4px; opacity: 1;}
.swiper-pagination-bullet-active{background-color:#222222; }

/*메인카테고리*/
.cate_ico{margin-top: 1.6rem;background: #fff;  margin-bottom: 1.6rem; margin-right: -1.5rem}
.cate_ico ul{ display: flex;justify-content: space-between;width:100%; flex-wrap: nowrap;gap: 12px;overflow-x: scroll;  scrollbar-width: none; -ms-overflow-style: none;}
.cate_ico li{width: calc((100% / 5) - 15px);text-align: center;flex-shrink: 0}
.cate_ico li .img_con{position: relative;background-color: var(--gray-150);border-radius: 24px;overflow: hidden;}
.cate_ico li.event1 .img_con{background-color: #5c92e4;}
.cate_ico li .img_con::before{content: '';display: block;padding-bottom: 100%;}
.cate_ico li img{position: absolute;width:auto;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.cate_ico li a{display: block}
.cate_ico .cat_txt{margin-top: 5px;font-weight: 500;font-size: 1.1rem;}
.main_gap{margin-top: 6rem;}/*메인섹션별 여백*/

.like_btn{
    position: absolute;
    right: 0.7rem;
    bottom: 0.7rem;
    z-index: 5;
    width: 21px;
    height: 21px;
    background-image: url('../../img/ico_like.png');
    background-size: cover;
}

.like_btn_box {
    cursor: pointer;
    position: absolute;
    z-index: 5;
    width:40px; height:40px; right:0px; bottom:0px; background-image:none;
}

.like_btn.on{background-image: url('../../img/ico_like_on.png')}R

                                                                    /*상품스타일 레이아웃*/
                                                                .item_wrap25{ }
.item_wrap25 .swiper-slide{ max-width: 135px;}
.item_wrap35 .swiper-slide{ max-width: 100px;}

/*단품 아이템 스타일*/
.item_box{/* display: inline-block; */ width: 100%;}
.item_box .item_txt{margin-top: 0.7rem; padding-left:0.5rem ;}/*글자박스*/
.item_box .item_txt .t1{font-size: 12px;font-weight: 600; color:#222222; margin-bottom: 0.4rem;}
.item_box .item_txt .t2{font-size: 12px;font-weight: 400; margin-bottom: 0.3rem;}
.item_box .item_txt .t3{font-size: 12px;font-weight: 600; margin-bottom: 0.4rem;}
.item_box .item_txt .t3 .percent{color: #ff0000}
.item_box .item_txt .t4{font-size: 11px;font-weight: 400;display: flex;align-items: baseline;line-height: 1rem;color: #b7b7b7;}
.item_box a.link{ position: absolute; display: inline-block; left:0px; top:0px; z-index: 2;   width: 100%; height: 100%;}

.item_box.sty2{}
.item_box.sty2 .item_txt .t1{font-size: 1rem;}
.item_box.sty2 .item_txt .t2{font-size: 1.1rem;}
.item_box.sty2 .item_txt .t3{font-size: 1.1rem;margin-bottom: 0.2rem;}
.item_box.sty2 .item_txt .t4{font-size: 0.9rem;}

/*메인 기획전*/
#item_slide_special{margin-top: 1.6rem;}

/*셀러리스트이미지*/

.follow_btn-box {
    cursor: pointer;
    position: absolute;
    z-index: 5;
    width:30px; height:30px; right:0px; top:0px; background-image:none;
}


.follow_btn{
    position: absolute;
    z-index: 100;
    right: 4px;
    top: 4px;
}
.follow_btn > div{
    display: inline-block;
    background-image: url('../../img/ico_follow.png');
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 1px;
}

.follow_btn.on > div{background-image: url('../../img/ico_follow_on.png') ;  background-size: contain;}

.seller_box{position: relative;}
.seller_box .seller_logo{
    bottom: 0.7rem;
    position: absolute;
    z-index: 2;
    width: 100%;
    padding:0rem 1rem;
    display: flex;
    align-content: center;
    align-items: center;
    color: #fff; font-size: 0.9rem;
}
.seller_box .seller_logo .rect{     flex-shrink: 0;
    width: 2rem;
    border-radius: 50px;
    margin-right: 0.4rem;
    border: 1px #fff solid;
}
.seller_box .rect4::after{    padding-bottom: calc(114 / 85* 100%)}
.seller_ico {font-size: 1.3rem;}
.i_faq_list li{    border-bottom: 1px solid var(--border) !important;}
.i_faq_list li:last-child{border-bottom: 0px;}
/*카테고리*/
.cattab_h{margin-top: 1.7rem;}
.cattab_h .nav-link{font-size: 1.4rem; padding:1.7rem 1.6rem; color:#828A92; font-weight: 400;}
.cattab_h .nav-link.active{color: #222222; font-weight: 600;}
.cattab_b { border-top: 6px solid #F2F4F6;       }
.cattab_b .cate_dep_l{    width: 120px; z-index: 1;   }
.cattab_b .cate_dep_l:after{ content: "";
    position: fixed;
    width: 120px;
    height: calc(100% - 220px);
    top: 220px;
    background: #f2f4f6;
    margin: 0 0 10px 0;
}
.cate_dep_l {background: #F2F4F6;}
.cate_dep_l .nav-pills .nav-link{  transform: skew(-0.14deg); z-index: 2;
    background: none;
    color: #7C858E;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: left;
    padding: 1.7rem 1.5rem; border-radius: 0px;
}
.cate_dep_l .nav-pills .nav-link.active{background: #fff; color: #222222; font-weight: 600;}
.cate_dep_r {}
.cate_dep_r .cate_dep3_menu a{
    width: 100%;
    padding: 1.7rem 2rem;
    background: url(../../img/menu_ico.png) no-repeat 94% center;
    background-size: 6px;
    font-size: 1.4rem;
    display: inline-block;
    font-weight: 600;     transform: skew(-0.14deg);
}

/*장바구니*/
.cart_card{border-radius: 0.4rem; border:var(--border) 1px solid;  background:#fff ; }
.cart_seller{  padding:1rem 1rem; border-bottom: 1px solid var(--border)  }
.cart_item_wrap{  margin: 0rem 1rem; }
.cart_item_wrap li{  }
.cart_item{position: relative;padding: 1rem 0rem 1rem;font-weight: 500;}
.cart_item .item_del{position: absolute; right: 0; top: 1em;}
.item_img1{width: 6rem;}
.item_img2{width: 4.8rem;}
.item_img3{width: 8rem;}
.cart_card_foot{padding: 1.4rem 1rem;border-top: 1px solid var(--gray-200)}

.cart_connect{padding-top:1.9rem   }
.cart_connect .box{width: 165px;background-color: #fff;border: var(--border) 1px solid; border-radius: 4px; padding:4px; display: flex; margin-right: 0.5rem; font-weight: 500;}
.cart_comm{margin-top: 3.9rem; padding-bottom: 8rem;}
.cartb_btn:after{
    content: "";
    display: inline-block;
    width: 1px;
    height: 30px;
    background: #656565;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-15px);
}
.puramt_con{padding-bottom:30px;margin-bottom: 3px;}
.puramt_btn{width: 100%; max-width: 600px; z-index: 100;}
.puramt_btn .puramt_btn_top{ }
.puramt_btn .puramt_btn_bottom{position: fixed;bottom:0;left: 0; padding: 15px 15px 31px;box-sizing:border-box;background-color: #fff;color: #fff;width: 100%; z-index: 100;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.puramt_btn .puramt_btn_bottom button{flex:1;color: #fff;text-align: center;padding: 1.63rem 0rem;position: relative;background-color: #222;border-radius: 6px}
.puramt_btn .puramt_btn_bottom button span{ display: inline-block;     }
.puramt_btn.active .puramt_btn_top{display: block;}
.puramt_btn.active .cartb_btn img{transform:rotate(180deg);}

/*li 스타일*/
ul.list_st01 li{ transform: skew(-0.14deg); font-weight: 500;
    position: relative; word-break: keep-all;
    padding-left: 15px; color: #757676; line-height: 1.4;
}
ul.list_st01 li:before{
    content: ""; border-radius: 3px;
    position: absolute;
    width: 2px;
    height: 2px;
    background: #757676;
    top:7px;
    left: 7px;
}

ul.list_st01.fs_11 li:before   { top:5px;}

/*주문내역에 사용*/
.list_st2{font-size: 1.3rem;}
.list_st2 li{transform: skew(-0.14deg);font-weight: 600;padding-top: 0.3rem;padding-bottom: 0.3rem;line-height: 1.4;}
.list_st2 li.col-4{color:#7A7A7A;  padding-left: 1.9rem;     padding-right: 0.5rem;  word-break: keep-all;}
.detail_cont_wr {margin-top: 1rem;  /*padding-right: 1.9rem;*/}
.detail_cont {
    height: 360px;
    overflow: hidden;
}
.detail_cont_wr .hide_cont {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 7rem;
    background: linear-gradient(rgba(255,255,255,0)10%, rgba(255,255,255,1) 65%);
}
.detail_cont.active {
    height: auto;
    overflow: hidden;
    padding-bottom:3.0rem !important;

}
.detail_cont.active ~ .hide_cont{position:static;padding-top:0rem;}
.item_check_hd{width: 100%;}
.item_check_hd .ml-auto{ transform: rotate(180deg);}
.item_check_hd.collapsed .ml-auto{ transform: rotate(0deg);}
.like_btn2{   width: 26px; height: 30px; background-image: url('../../img/ico_heart_off.png') ;    background-size: cover;
}
.like_btn2.on{background-image: url('../../img/ico_heart_on.png')}
.item_detail_tt b{font-size: 15px; color:#222222; font-weight: 600;}
.item_detail_tt{margin: 1rem 0rem 1.5rem; font-size: 1.3rem; }
.show_btn{margin-top: 1rem;}
.show_btn img{    transform: rotate(90deg);}
.show_btn.active img{    transform: rotate(270deg);}

.item_check_wr{  }
/*상품정보 하단버튼*/
.m_order_btn{position: fixed;height: 4.8rem;bottom: -1px;color: #fff;background-color: #222222;width: 100%;max-width: 600px;z-index: 999;     display: flex;
    align-items: center;}
.bbbar{width: 1px; height: 29px; background: #656565;}
.m_order_btn button{height: 4.8rem;color: #fff; font-weight: 600; }
.like_btn3{   width: 50px; height: 48px; background-image: url('../../img/ico_heart2_off.png') ;    background-size: 24px 24px;
    background-repeat: no-repeat; background-position: center;}
.like_btn3.on{background-image: url('../../img/ico_heart2_on.png')}
.option_sect{ max-height:200px; overflow-y: scroll; }
.option_sect .opt_box{ padding: 1rem 1.3rem; border-radius: 0.7rem ; background-color: #F2F4F6;}
.option_sect .opt_box:last-child{margin-bottom: 0 !important;}

.review_row{ }
.review_row ul{margin-right: -0.25rem;  margin-left: -0.25rem;}
.review_row .col{    padding-right: 0.25rem;  padding-left: 0.25rem;    flex: 0 0 22%;
    max-width: 22%;}
.total_photo{
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    padding-top: 55%;
    font-size: 1.5rem;
}
.review_wrap .review_btn{position: absolute;right: 0;top: 0;font-size: 0.8rem;}
.review_btn button{font-size:0.8rem;color:#909EB0;text-align: center;width: 32px;}
.review_btn .img{width: 17px; height: 17px;background-size: contain;background-position: center center;background-repeat: no-repeat;}
.review_btn .ico_thumbs_up .img{ background-image: url('../../img/ico_thumbs_up_off.png'); }
.review_btn .ico_thumbs_up.on .img{ background-image: url('../../img/ico_thumbs_up_on.png'); }
.review_btn .ico_siren.on .img{ background-image: url('../../img/ico_siren2.png'); }
.review_btn .ico_siren .img{ background-image: url('../../img/ico_siren.png'); }
.review_btn .ico_trash .img{ background-image: url('../../img/ico_trash.png'); }
.review_btn .ico_del1 .img{ background-image: url('../../img/ico_del1.png'); }
.review_wrap {margin-bottom:2.2rem ;}
.review_wrap .review_txt{position: relative;    width: 275px;
    line-height: 1.5em;
    padding-right: 55px;}
.review_wrap .review_txt_btn{position: absolute; bottom: -2px; right:20px}
.reviw_photo_pop{width: 100%;margin: 0 auto;}
.reviw_photo_pop .modal-content{background-color: transparent; }

.codyst_pop{width: 90%;margin: 0 auto; max-width: 500px;}
.codyst_pop .modal-content{background-color: transparent; }

.codyst_pop .swiper-button-next:after, .codyst_pop .swiper-button-prev:after{color:#fff;font-size: 20px;}
.codyst_pop{padding-left: 4rem; padding-right: 4rem;}
.codyst_pop .swiper-button-next{right:-3.5rem;}
.codyst_pop .swiper-button-prev{left:-3.5rem}


.slider-box-1 .swiper {height: auto;}
.slider-box-1 .navigation-wrapper {
    /* border:3px solid gold; */
    width: 100%;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.slider-box-1 .swiper-button-next:after, .slider-box-1 .swiper-button-prev:after{color:#fff;font-size: 20px;}
.slider-box-1{padding-left: 4rem; padding-right: 4rem;}
.slider-box-1 .swiper-button-next{right: 0.5rem;}
.slider-box-1 .swiper-button-prev{left:0.5rem}
.btn-kakao {
    color: #202020;
    background-color:#FFDD57;
    border-color: #FFDD57;
}

/*overflow_scroll*/

.slide_con{width:calc(100% - 30px);margin-left: 1.5rem;}
.row1_item_con{display: flex;gap: 3px;padding-right:0px;overflow-x: auto;pointer-events: auto;  scroll-behavior: smooth; margin-right: -1.5rem;}
.row1_item_con .item_box{width: calc((100% / 3) - 10px);flex-shrink: 0}
.row1_item_con .item_box .box{margin-bottom: 10px;}
.row1_item_con .item_box .item_img{}
.row1_item_con .item_box .item_img a{position: relative;display:block;width: 100%;border-radius:6px;overflow: hidden}
.row1_item_con .item_box .item_img a::before{content: '';display: block; padding-bottom: calc(2 / 2* 120%);}
.row1_item_con .item_box .item_img a .img{position: absolute;width: 100%;height: 100%;top: 0; object-fit: cover; aspect-ratio: 1/1.4;}
.row1_item_con .item_box .item_img a .wish-btn{}
.row1_item_con {
    scrollbar-width: none; /* Firefox용 */
    -ms-overflow-style: none; /* IE/Edge용 */
    overflow-x: auto;
}

.row1_item_con::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera용 */
}

#feed_list_box .item_list.row-cols-3 .col{flex: 0 0 32.4%;width: calc((100% / 3) - 3px);padding: 0;margin-bottom: 0px !important}

/*셀러홈*/

.seller_home{}
.seller_home #best_list_box_1line{}
.seller_home #best_list_box_1line .swiper-wrapper{}
.seller_home #best_list_box_1line .swiper-wrapper .swiper-slide{width: calc((100% / 3) + 4px); margin-top: 0 !important;}
.seller_home #best_list_box_1line .swiper-wrapper .rect2::after{padding-bottom: calc(2.16 / 2* 120%);}
.seller_home .sellerCont .item_list.row-cols-3{gap: 3px}
.seller_home .sellerCont .item_list.row-cols-3 .col{flex: 0 0 32.4%;width: calc((100% / 3) - 3px);padding: 0;margin-bottom: 15px !important}

.seller_pp{ position:fixed;z-index: 0;width: 100%;margin: 0 auto;max-width: 600px;max-height: 500px;overflow: hidden;background-color: #000;}
.seller_pp img{width: 100%; opacity: 0.8;}
.seller_pp_box{background-color: #fff;z-index: 2;margin-top: 15.6rem;position: relative;border-radius: 3.7rem 3.7rem 0rem 0rem;}
.seller_pp_box .sel_con{padding-top: 13.5rem; margin-bottom: 1.7rem; line-height: 1.6;}
.seller_pp_box .sel_top{    top: -38px; position: absolute; width:100% ; flex-direction: column;  display: flex; align-items: center;}
.seller_pp_box .sel_top .btn_con{display:flex;gap:6px;width:100%;padding: 0 15px;box-sizing:border-box}
.seller_pp_box .sel_top .btn_con .btn_sty01{width: calc((100% / 2) - 19px)}
.seller_pp_box .sel_top .btn_con button{border: 1px solid var(--gray-200) !important}
.seller_pp_box .sel_top .btn_con .btn_sty01 .btn_txt{position: relative}
.seller_ico_box button{flex:1; display: block; font-size: 1.3rem;     height: auto;}
.seller_ico img{width:28px}
.seller_ico{opacity:0.4 }
.seller_ico.active{opacity:1 }
.seller_ico_box{padding: 1rem 3rem;}

.seller_pp_box .seller_best_item{}
.seller_pp_box .seller_best_item .swiper-wrapper{}
.seller_pp_box .seller_best_item .swiper-wrapper .swiper-slide{width: calc((100% / 3) - 10px)}

.srchfltr {position: relative;}
.srchfltr .btn-group > .btn:not(:first-child){margin-left:0px}
.srchfltr_wrap{padding:1.0rem 0rem 1.0rem 1.5rem; }
.srchfltr_wrap2{padding:0.4rem 0rem 1.2rem 1.5rem; }
.srchfltr_wrap2 .dropdown{flex-shrink: 0;}
.srchfltr_wrap .btn-sm.rounded-pill {padding-left: 1rem; padding-right: 1rem; font-size: 1.2rem;  margin-right: 0.5rem;}
.srchfltr_wrap2 .btn-sm.rounded-pill {padding-left: 1rem; padding-right: 1rem; font-size: 1.2rem;  margin-right: 0.5rem;}
.srchfltr_wrap3{padding:1rem 0rem 1.1rem 0rem }


.btn-group-toggle .btn-outline-light:not(:disabled):not(.disabled).active{background-color: #424247;color: #fff;border-color: #424247;}
.srchfltr_se{margin-top: 1.3rem;}
.dropdown-toggle::after{display: none;}
.dropdown.show .dropdown-toggle .arrow{ transform: rotate(180deg);}

.btn_insta{     width: 32px;   padding: 0.4rem;     }

/*상품리스트 레이아웃*/
.item_list{ }
/*
.item_list.row-cols-3{margin-right:-0.25rem; margin-left: -0.25rem;}
.item_list.row-cols-3 .col{    padding-right: 0.25rem;  padding-left: 0.25rem; margin-bottom: 2rem; }
 */
.item_list.row-cols-3{margin-right:-0.15rem; margin-left: -0.15rem;}
.item_list.row-cols-3 .col{margin-bottom: 0.3rem;     padding-right: 0.15rem;  padding-left: 0.15rem;}

.item_list.row-cols-2{margin-right:-0.5rem; margin-left: -0.5rem;}
.item_list.row-cols-2 .col{margin-bottom: 2rem;     padding-right: 0.25rem;  padding-left: 0.25rem;}
.item_list.row-cols-2 .like_btn{    width: 26px;   height: 26px;}

.item_list.row-cols-4{margin-right:-0.5rem; margin-left: -0.5rem;}
.item_list.row-cols-4 .col{margin-bottom: 2rem;     padding-right: 0.25rem;  padding-left: 0.25rem;}

.item_list.row-cols-4 .item_box .item_txt .t1{font-size: 0.9rem;}
.item_list.row-cols-4 .item_box .item_txt .t2{font-size: 1rem}
.item_list.row-cols-4 .item_box .item_txt .t3{font-size: 1rem}
.item_list.row-cols-4 .item_box .item_txt .t4{font-size: 0.9rem;}
.item_list.row-cols-4 .item_box .item_txt .t4 img{width:6px !important ;}
.more_btn{width:100%; max-width:200px}

.seller_list.row-cols-3{margin-right:-0.15rem; margin-left: -0.15rem;}
.seller_list.row-cols-3 .col{margin-bottom: 0.3rem;     padding-right: 0.15rem;  padding-left: 0.15rem;}
.seller_list.row-cols-3 .seller_logo{font-size: 1.2rem;}
.seller_list.row-cols-3 .follow_btn > div{    width: 18px;
    height: 18px;}

/*팔로우*/
.follow_top{display: flex;position: fixed;top: 4.8rem;background: #fff;width: 100%;max-width: 60rem;position: sticky;z-index: 100;}
.follow_top button{flex: 1;color:#828A92;width: 100%;display: block; font-weight: 400;}
.follow_top button.active{flex: 1; color: #252525; font-weight: 600;}

.follow_box{margin-bottom: 2rem; padding-left: 1.5rem ; padding-right: 1.5rem; }
.follow_box_link{padding: 0.9rem 1rem 0.9rem 1rem;}
.follow_box_feed ul{display: flex;}
.follow_box_feed ul li{width:calc(100% / 4);padding: 0rem 0.25rem;}
.feed_list{ margin-top: 2rem;}

.feed_item{background-color: #F9F9F9;padding-top: 0.8rem;padding-bottom: 0.8rem;}
.feed_item .box {
    width: 200px;
    /* border: var(--border) 1px solid; */
    display: flex;
    margin-right: 0.5rem;
    font-weight: 500;
}

.feed_item2{ padding-top: 1rem;padding-bottom: 1rem;}
.feed_item2 .box {
    width: 200px;
    /* border: var(--border) 1px solid; */
    display: flex;
    margin-right: 2rem;
    font-weight: 500;
}
.feed_item2 .itdel{ position: absolute; right: 0px; top: 0px;}
.comm_modal{max-height: 530px;}
.comm_modal.modal_bottom.modal .modal-content{    margin-bottom: 5rem;}
.comm_wrap{font-size: 1rem; margin-top: 2rem; max-height: 400px; margin-bottom: 4rem;}
.comm_box{margin-top: 1.5rem; }
.comm_box .media{margin-top: 1.5rem;}
.comm_box .media .t2{line-height: 1.4em; font-weight: 600;}
.comm_box .com_reply{margin-left: 5rem;}
.comm_box .com_reply .media{/*margin-top: 0.2rem;*/}
.like_btn03 .img{width: 17px; height: 17px; background-image: url('../../img/ico_like03.png'); background-size: cover;}
.like_btn03.on .img{background-image: url('../../img/ico_like03_on.png')}
.like_btn03 {text-align: center; min-width:34px;     margin-left: 1.5rem;  }
.comm_box .com_reply_blind::before{   content: "";
    display: block;
    width: 49px;
    height: 1px;
    background: #D6E0EA;
    position: absolute;
    top: 10px;
    left: -57px;
}
.comm_box .com_reply_view{padding-left:55px;position: relative;}
.comm_box .com_reply_view::before{
    content: "";
    display: block;
    width: 49px;
    height: 1px;
    background: #D6E0EA;
    position: absolute;
    top: 6px;
    left: 0px;
}

.comm_w{display: flex; border-top: #D6E0EA 1px solid; padding:1.3rem 1.5rem; position: fixed; bottom: 0; max-width: 600px; width: 100%; background-color: #fff;}

.item_list_form,
.follow_form{margin-bottom: 2.5rem; }
.follow_form .swiper_follow .rect3{background-color: black;}
.follow_form .swiper_follow .rect3>img{object-fit: scale-down;}

/*s버튼 클릭시*/
.feed_f_search{ z-index: 3; position: sticky; top: 4.8rem; background: #fff ;padding:0.5rem 0 ;}
/*s버튼피드 레이아웃*/
.item_list.s_view{ }
.item_list.s_view.row-cols-3{margin-right:-0.25rem; margin-left: -0.25rem;}
.item_list.s_view.row-cols-3 .col{margin-bottom: 0.5rem;     padding-right: 0.25rem;  padding-left: 0.25rem;}

/*item_cate*/
.item_cate {}
.tab-content > .active{    display: block;}
.item_cate .nav-pills .nav-link{background-color:transparent; color:#828A92 ; font-size: 1.4rem;     border-radius: 0rem;     padding: 1.5rem 1rem;     font-weight: 600;}
.item_cate .nav-pills .nav-link.active, .item_cate .nav-pills .show > .nav-link{  color:#222222 ; font-weight: 600;}
.item_cate .tab-content .btn{padding:1.1rem 0.7rem ;     height: auto;}
.item_cate .tab-content .btn.on{color: #222; font-weight: 600;}

.filter_btn{ background-color: #fff;padding: 0.2rem 1rem;z-index: 3;}

.imte_grid_btn .btn2{ border-radius: 0.5rem; border:var(--gray-600) 1px solid;     width: 21px;
    height: 21px;
    line-height: 0; }
.imte_grid_btn .btn2 img{opacity:0.4; width: 11px;}
.imte_grid_btn .btn2.on img{ opacity:1 }


.modal-body.fillter_scrool{max-height: 400px; overflow-y: scroll; padding-right: 2rem !important;}
/*스크롤모양*/
.modal-body.fillter_scrool::-webkit-scrollbar {
    width: 11px;  height: 11px;  /* 스크롤바의 너비 */
}
.modal-body.fillter_scrool::-webkit-scrollbar-thumb {
    height: 20%; /* 스크롤바의 길이 */
    background: #424247  ; /* 스크롤바의 색상 */
    border-radius: 20px; border: 3px #ffff solid;
}
.modal-body.fillter_scrool::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.0);  /*스크롤바 뒷 배경 색상*/}

/*주문결제*/
.bfix_btn{position: fixed; bottom: 0; width: 100%; max-width: 600px;     background-color: #222222;
    color: #fff; z-index: 5;}
.bfix_btn a{width: 100%;}
.t_under, .t_under:hover{text-decoration: underline;}
.bfix_btn button { font-size: 1.3rem;     transform: skew(-0.14deg);
    flex: 1;
    color: #fff !important;
    text-align: center;
    padding: 1.63rem 0rem;
    position: relative;
}
.color_chip{width: 18px; height: 18px; background-color: #000; border-radius: 20px; display: inline-block; margin-right: 1rem;
    margin-right: 0.5rem;     border-style: solid; border-width: 1px;}

/*셀러*/
.seller_slide{ width: 100%;height: 240px; }
.seller_slide .swiper-slide{ font-size: 1.2rem; text-align: left;}
.seller_num{width:22px ; font-size: 1.4rem;}
Q
.seller_slide.best .swiper-slide .rect{
    position: relative;
}

.seller_slide.best .swiper-slide .rect::before{
    content:'';
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    bottom: 0;
    right: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    background: var(--color-brand);
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    line-height: 15.5px;
    text-align: center;
    z-index: 100;
}

.seller_slide.best .swiper-slide:nth-child(1) .rect::before{
    content:'1';
}

.seller_slide.best .swiper-slide:nth-child(2) .rect::before{
    content:'2';
}

.seller_slide.best .swiper-slide:nth-child(3) .rect::before{
    content:'3';
}

.seller_slide.best .swiper-slide:nth-child(4) .rect::before{
    content:'4';
}

.seller_slide.best .swiper-slide:nth-child(5) .rect::before{
    content:'5';
}


/*** */
.seller_slide.best .swiper-slide .box{
    position: relative;
}

.seller_slide.best .swiper-slide .box img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    object-fit: cover;
    object-position: center;
}

.seller_slide.best .swiper-slide .box::after{
    content: '';
    display: block;
    padding-bottom: 100%;
}

.seller_slide.best .swiper-slide .box::before{
    content:'';
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    bottom: 0;
    right: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    background: var(--color-brand);
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    line-height: 17.5px;
    text-align: center;
    z-index: 100;
}

.seller_slide.best .swiper-slide:nth-child(1) .box::before{
    content:'1';
}

.seller_slide.best .swiper-slide:nth-child(2) .box::before{
    content:'2';
}

.seller_slide.best .swiper-slide:nth-child(3) .box::before{
    content:'3';
}

.seller_slide.best .swiper-slide:nth-child(4) .box::before{
    content:'4';
}

.seller_slide.best .swiper-slide:nth-child(5) .box::before{
    content:'5';
}

.swiper-vertical{touch-action: auto !important}
/*  */


/*후기*/
.rv_star img{width: 3.4rem; margin: 1rem 0.3rem;}
.rv_star{display:flex; }
.reviw_alim_box{font-size: 1.4rem; font-weight: 600; padding:1.5rem ;margin-top: 3.5rem;}

/*마이페이지*/
.cu_fixd{position: fixed; width: 100%; max-width: 600px; margin: 0 auto; bottom: 0; background-color: #fff; border-top:var(--border) 1px solid ; padding:2rem 1.5rem ; z-index: 10;}
.bx_ico{display: flex;     padding: 1.2rem 0rem;}
.bx_ico li{flex:1;        display: flex; justify-content: center; }
.bx_ico .delivery.on:after{content: ''; position: absolute; width:5px; height: 5px; background-color: #F62D41; right: 0px; top:0px; border-radius: 5px;}
.bx_ico li button{display: block; width: 100%; padding: 0.5rem;}
.bx_ico img{        width: 38px}
.mypage_menu{margin-top: 1rem;}
.mypage_menu .open_con{padding: 1.4rem 1.5rem;font-weight: 600;font-size: 1.4rem;}
.mypage_menu .card{border-radius: 0.5rem;border:0;padding: 0rem 2.2rem 1rem 2.2rem;margin-bottom: 1rem;border-bottom: 1px solid var(--gray-150)}
.mypage_menu .card .m_link{padding: 0.7rem 0rem 0.7rem 1.3rem;font-weight: 500;font-size: 1.3rem;color: var(--gray-600)}
.mypage_menu .card .m_link::before{
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    background: #909EB0;
    top: 11px;
    left: 0;
}
.lv_btn{    height: 17px;
    font-size: 9px;
    padding: 0rem 0.8rem;
    color: #909EB0;}
.my_menu_btn{border-radius: 0.6rem; border: #D6E0EA 1px solid; display: flex; align-items: center; }
.my_menu_btn button{font-size: 1.3rem; flex:1; height: 40px;     transform: skew(-0.14deg); color: #909EB0;}

/*차단회원내역*/
.blocked_mem li{margin-bottom: 1.7rem ;}

/*내정보수정*/
/*.image_upload2{ cursor: pointer;}*/
.image_upload2 .rect {cursor: pointer;}
.form-control:disabled::-webkit-input-placeholder {  color: #222; }
.form-control:disabled:-ms-input-placeholder { color: #222;}
.btn-light{background-color: #9B9B9B;  border-color:#9B9B9B;}

.sett_btn{height:56px ; display: flex; justify-content: space-between; align-items: center; font-weight: 600; }

/*구매내역*/
.order_top{display: flex; padding: 1.6rem 0rem; border-radius:0.5rem ; justify-content: center; margin-bottom: 2rem; background-color: #fff; margin-top: 2rem;}
.order_top .con{flex:1; width: 100%; opacity: 0.4; text-align: center;}
.order_top .con.active{ opacity: 1;}
.order_top .con:hover{ opacity: 1;}
.order_top .con > span{display: block;}
.order_card{background-color: #fff; border-radius: 0.5rem;     padding: 14px 13px 19px 13px; margin-bottom: 1.1rem;}
.order_card .ord_rig{width: 80px; flex-shrink: 0; align-items: center; display: flex; }
.order_card .order_item{border-top:var(--border)  1px solid;     margin-top: 1rem;}
.order_card .order_item:first-child{border-top:  0px ;}
.order_card2{background-color: #fff; border-radius: 0.5rem;     padding: 12px 13px 12px 13px; margin-bottom: 1.1rem;}
.order_card .order_item .btn{padding-left: 0.4rem;  padding-right: 0.4rem;}

.tag2{ background-color: var(--gray-400);font-size: 1rem; font-weight: 400; border-radius: 100px; padding: 6px 12px; display: inline-block;color: #fff}
.tag2.tag3{  background-color: #dfdfdf;color: #121212 !important;}
.tag4{ background-color: #DEEEFF;font-size: 1rem; font-weight: 600; border-radius: 0.5rem; padding: 3px 6px; display: inline-block; color: #478AFF;}
.tag2.tag3.active{
    background-color: #303030;
    color: #f5f5f5 !important;
}

.alarm_wrap li{border-bottom: var(--border) 1px solid;}
.alarm_wrap .alarm_box{ display: block; padding:1.3rem 2rem;
    background: url(../../img/arrow8.png)no-repeat 95% center;
    background-color: #fff;
    background-size: 0.8rem auto;
}
.alarm_wrap .alarm_box.active{background-color: #F2F4F6;}
.btn_shadow{box-shadow:-10px 0px 4px rgba(255,255,255,0.9);}

/*검색*/
.text-blue{color:#061526 !important}
.search_btn .btn-group-toggle .btn{      margin-right: 0.7rem; font-weight: 500;}
.search_sell li{margin-right:0.8rem ; width:65px;     flex-shrink: 0;}
.search_sell {flex-wrap: nowrap;}

/*셀러스토어*/
/*셀러 카테고리버튼*/
.seller_cat_wrap{display: flex;margin: 10px 0 30px;gap: 10px}

.seller_cat  span{font-style: italic;font-weight: 900;color: #fff;position: absolute;z-index: 5;font-size: 2rem;width: 100%;top: 42%;}
.seller_cat {
    overflow: hidden;
    position: relative;
    width: 100%;
    display: inherit;
    border: 0px;
    border-radius: 0.5rem;
    height: 93px;
}

.seller_cat::after {
    content: '';
    display: block;
    padding-bottom: calc(500/400*100%);
}

.seller_cat>img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast;
}
.sel_inbtn .btn2{color:#828A92; font-weight: 600;}
.sel_inbtn .btn2.on{font-weight: 600; color:#222}

.shop_list.row-cols-5,
.shop_list.row-cols-4{margin-right: -1.2rem; margin-left: -1.2rem;}
.shop_list.row-cols-5 .col,
.shop_list.row-cols-4 .col{margin-bottom: 1.5rem; padding-right: 1.2rem; padding-left: 1.2rem;}

.btn_groupst1.btn-group-toggle .btn-outline-light:not(:disabled):not(.disabled).active{background-color: #C9CAC9;border-color: #C9CAC9;}
.btn_groupst1.btn-group-toggle .btn-sm.rounded-pill{padding-left: 1.15rem; padding-right: 1.15rem;}

/*찜*/
.likr_on_bg{display: none;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.5);}
.likr_on_bg img{width: 37px;margin-bottom: 1rem;}
.likr_on .likr_on_bg{text-align: center;top: 0;position: absolute;width: 100%;height: 100%;display: flex;left: 0;z-index: 50;/* justify-items: center; */align-items: center;max-width: 100%;flex-direction: column;justify-content: center;}
.likr_on_bg:hover{color: #fff;}
.fix_btn{ position: fixed; bottom: 0; max-width: 600px; width: 100%; font-size: 1.3rem; height: 4.8rem; z-index: 100; }

.checks3 label{align-items: center;cursor: pointer;width: 100%;position: relative;}
.checks3 label.chk_right{flex-flow: row-reverse; justify-content: flex-end;}
.checks3 input{display: none;}
.ic_box3{border-radius: 0.3rem;display: inline-block;width: 1.8rem;background: url();text-align: center;border: 1px solid #909EB0;color: transparent;/* display: flex; */align-items: center;justify-content: center;margin-right: 0.8rem;position: absolute;z-index: 2;height: 1.8rem;font-size: 2rem;right: 8px;bottom: 8px;}
input:checked + .ic_box3{border-color: #909EB0;background: url('../../img/check01_on.png') center no-repeat#909EB0;color: #000;background-size: 18px;}

.lik_wrap {overflow: hidden;}
.lik_wrap .lik_box{  height: 100px;}
.lik_wrap .lik_box.active{      margin-top: -1px;  margin-left: -50px; border-bottom: var(--border) 1px solid; border-top: var(--border) 1px solid;}
.lik_wrap .lik_box_item{padding: 1rem 1.5rem;}
.lik_wrap .bt_wrap{ height: 100%;}
.lik_wrap .lik_box .bt_wrap{display: none;}
.lik_wrap .lik_box.active .bt_wrap{display: flex;}
.lik_wrap .bt{width: 80px; height: 100%; background-color: #67676B; color: #fff; display: flex; flex-direction: column; justify-content: center;      align-items: center;}
.lik_wrap .bt.del2{background-color: #F62D41;}

/*문의내역*/
.qna_bar{display: flex; position: sticky; top:4.8rem; background-color:#fff; z-index: 50;    }
.qna_bar button{flex:1; height:3.8rem;border-radius: 0}
.qna_bar button span{color: var(--gray2);}
.qna_bar button.active{border-bottom: 2px solid var(--gray-900)}
.qna_bar button.active span{color: var(--text);font-weight: 800 !important;}

/*문의안내*/
.faq_list{border-top:#D6E0EA  1px solid ;}
.faq_list .collapse{background: #f5f5f5; }
.faq_list .faq_box{padding: 2rem 1.5rem;line-height: 1.5;}
.faq_list .faq_tit{cursor: pointer;border-bottom: #D6E0EA  1px solid;padding: 2rem 1.5rem;}
.faq_list .faq_tit .ar{transform: rotate( 180deg );}
.faq_list .faq_tit .collapsed .ar{transform: rotate( 0deg );}
.policy_box{margin: 3rem 0rem; border-radius: 1rem;background:#f5f5f5  ; padding:4rem 1rem; text-align: center; font-weight: 600; font-size: 3.5rem;}

/*공지사항*/
.border_list li a{padding:1.6rem 1.5rem; border-bottom: 1px solid var(--border)}

/*로그인*/
.sns_wr{margin-top: 6rem; padding-bottom: 2.5rem; margin-bottom: 2.4rem;}
.sns_tit{margin-bottom: 2rem;}
.sns_tit b{background: #fff;     z-index: 1;
    position: relative;
    padding: 1rem;}
.sns_tit:after{ z-index: 0;   content: '';  background: #E3E3E3;  width: 100%;  height: 1px;  display: block;  position: absolute; top: 5px;}
.sns_wr img{width: 45px;}

/*회원가입*/
.tit_m1{font-size: 1.5rem;margin-bottom: 1rem;margin-top: 4rem;line-height: 1.4;}
.join_sucss{ width:500px; max-width: 100%; margin: 0 auto; position: relative; margin-top: 3rem; }
.join_sucss p{top: 50%;left: 50%;position: absolute; text-align: center; transform: translate(-50%, 00%);}
.join_sucss p img{width:250px}

.time_chk{top: 34%;
    right: 2rem;
    transform: skew(-0.14deg);
    z-index: 2;
}
.profile_w2{
    position: absolute;
    z-index: 2;
    border: 0;
    background: 0;
    right: -10px;
    bottom: -5px;
}
.profile_w{
    background: 0;
    border: 0;
    background: rgba(0, 0, 0, 0.3);
    padding: 1rem 2rem;
    border-radius: 5rem;
    color: #fff;
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 30;
    font-size: 1.2rem;
}
.profile_w img{width: 15px !important;}
.seller_img {position: relative;}

.seller_pp_box .sel_con2{padding-top: 7rem;
    margin-bottom: 1.7rem;
    line-height: 1.6; min-height: 450px;}
.profile_set textarea.form-control{    min-height: 10rem;}
.profile_set{ padding-bottom: 0rem;  }
.seller_img .rect { border: #fff 2px solid !important;     box-shadow: 0 0 0 3px #fff inset;}



/*하단고정버튼*/
.bottom_btn2{position: fixed; bottom: 0;  width:100%; max-width: 600px; margin: 0 auto; z-index: 120; }
.bottom_btn2 .btn{border-radius: 0px;  height: 4.8rem; font-size: 1.3rem;}
.bottom_btn2.d-flex .btn-block{margin: 0rem ;}
.bottom_btn2.d-flex  .btn-light{width: 30%;}

/*셀러 피드등록 */
.feed_col{}
.feed_col .row {
    margin-right: -1px;
    margin-left: -1px;
}
.feed_col .col {
    padding-left: 1px;
    padding-right: 1px;
    margin-bottom: 2px;
}
.feed_col .col{ position: relative;}
.feed_col .checks2{}
.checks2 label{align-items: center;cursor: pointer;width: 100%;}
.checks2 label.chk_right{flex-flow: row-reverse; justify-content: flex-end;}
.checks2 input{display: none;}
.ic_box2{border-radius: 3rem;display: inline-block;width: 2.4rem;background: url();text-align: center;border: 1px solid #D6E0EA;color: transparent;/* display: flex; */align-items: center;justify-content: center;margin-right: 0.8rem;position: absolute;z-index: 2;height: 2.4rem;font-size: 2rem;left: 8px;top: 8px;}
input:checked + .ic_box2{border-color: #fff;background: url('../../img/check02.png') center no-repeat #fff;color: #000;background-size: 16px;}

.thumbnail{
    color: #fff;
    position: absolute;
    z-index: 2;
    font-size: 1.2rem;
    background:  rgba(0, 0, 0, 0.7);
    width: 100%;
    padding: 0.5rem 0rem;
    bottom: 0px;
    text-align: center;
    margin: 0;
}

textarea.form-control.profile_textarea{ min-height: 11rem; line-height: 150%;     padding: 1.5rem 1.5rem; border:0px; transform: skew(-0.14deg);}
.feed_w_item li {padding: 1rem 0rem; border-bottom: 1px solid var(--border)}

/*판매현황*/
.s_status_box1{display: flex; padding: 4rem 1rem; }
.s_status_box1 > div{flex:1; font-size: 1.6rem; padding:0rem 1rem }
.s_status_box1 div:first-child{border-right: #C5CDD5 1px dotted;}

.s_status_box2 {display: flex; flex-wrap: wrap;}
.s_status_box2.row{margin-right:-4px;     margin-left: -4px;}
.s_status_box2 .col{  text-align: center ;padding-left: 4px; padding-right: 4px; margin-bottom: 8px;}
.s_status_box2 .col > div{ background: #F2F4F6;     border-radius: 0.6rem; padding:1.8rem 0.5rem 1rem; height: 100%;}
.s_status_box2  p{word-break: break-all;}


/*검색2*/
.sch_ip2 {display: flex;border:1px solid var(--border);background: #fff;padding: 0rem 0rem 0rem 1.5rem;border-radius: 0.5rem;overflow: hidden;}
.sch_ip2 .form-control{ padding: 0rem 0;font-weight: 500;color: #747B84; height: 32px;}
.sch_ip2 .form-control:focus {background-color: transparent;}
.sch_ip2 button{/* width:2.0rem; */height: 3.2rem;border:0;background: #D6E0EA;padding: 0rem 0.7rem;}

.status_btn{background-color: #DADEE1;     padding-left: 0.7rem; padding-right: 0.7rem;}
input.form-control.date,
input.form-control[type="date"]{padding-right: 3rem; text-align: right;}
.status_search .custom-select{min-width:auto}

.order_tag{ width: 60px; padding: 0.35rem 0.5rem; text-align: center; font-weight: 600; border-radius: 50px; border: var(--border) 1px solid;}
.order_card2 li{margin-bottom:1.7rem ;}
.order_photo{   display: flex; flex-direction: column; align-items: flex-end;}

.checks.del{    position: absolute;     z-index: 50; right: 0.5rem; bottom: 1rem;}

/*상품관리*/
.btngroup_st{}
.btngroup_st .btn{  font-weight: 600;height: 3.6rem; background-color: #F2F4F6; border: #D6E0EA 1px solid; color: #222; flex:1}
.btngroup_st .btn.active{color: #fff; background-color: #222222; border:#222 1px solid;}
.btngroup_st.btn-group-toggle .btn{    margin-right: 0rem;}
.btngroup_st  > .btn:hover{    z-index: 0;}
.item_mag li{margin-bottom: 1.1rem;}
.item_make{ position: fixed; width: 60px; bottom: 10px; text-align: right;right: 50%;transform: translateX(290px);}
.item_make button.it_make{
    border-radius: 1.5rem;
    background: #222;
    height: 60px;
    width: 60px;
    color: #fff;
    text-align: center;
    font-size: 11px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.item_make button.it_del{
    border-radius: 1.9rem;
    background: #222;
    height: 70px;
    width: 70px;
    color: #fff;
    text-align: center;
    font-size: 11px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.item_make button:hover{color:#fff}

/*상품등록*/
.prdc_rgst{    overflow-y: scroll;padding: 1.5rem 1.5rem 0rem 1.5rem; max-height: 500px;   margin-top: 1.5rem;}
.prdc_rgst li{ border-bottom: var(--border) 1px solid; padding-bottom: 1.7rem ;     margin-bottom: 1.7rem;}
.prdc_rgst li:last-child{border-bottom: none;margin-bottom: 0;}
.store_sns > div{ margin-bottom: 1.2rem;}
.store_sns{margin-bottom: 2rem;}

/*코디스타일*/
.cody_box{border: #fff 3px solid; border-radius: 0.4rem ; overflow: hidden;}

.second{background-color: white; padding: 1rem ;background-color: #F9F9F9; }
.second .swiper-slide{max-width: 175px;  }

.secondbox {
    width: 160px;
    /* border: var(--border) 1px solid; */
    display: flex;
    margin-right: 0.5rem;
    font-weight: 500;}

.account_wrap li{ margin-bottom:1.1rem ;}
.account_box{border: var(--border) 1px solid; border-radius: 0.8rem; background-color:#fff; padding: 0px 1.5rem 1.5rem;}
.account_box .row p{margin-top: 1rem; font-size: 1.3rem; font-weight: 500;}
.account_box .row {padding: 0px 4px;}

/*문의내역*/
.coo_bar{display: flex; position: sticky; top:4.8rem; background-color:#fff; z-index: 50;    }
.coo_bar button{flex:1; height:4.8rem ;}
.coo_list li{margin-top: 1.7rem;padding: 0rem 0rem 0rem 1.1rem;font-weight: 500;}

.n_on{position: relative;}
.n_on:before {
    content: "";
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    background: #DF6AEC;
    border:#fff 2px solid;
    left: 43px;
    top: 1px;
    border-radius: 50%;
    z-index: 2;
}

/*협찬요청/컨텐요청*/
.spn_chat .chat_box{background-color: #F2F2F2;border-radius: 0.5rem;padding: 0.8rem 1.2rem;font-size: 1.1rem;max-width: 200px;margin-bottom: 0.7rem;display: inline-block;font-weight: 500;position: relative;line-height: 150%;}
.spn_chat .chat_box.info_item{width: 237px;max-width: 237px;text-align: left;margin-top: 1rem;}
.spn_chat .chat_txt{white-space: pre-line;}

.spn_chat .chat_right{text-align: right;     display: flex; flex-direction: column;   align-items: flex-end;}
.spn_chat .chat_date{color:#909EB0;font-size: 1.1rem;position: absolute;  left: -40px; bottom: 1px;}

.spn_chat .chat_right, .spn_chat .chat_left{margin-bottom: 3rem;}

.spn_chat .chat_left{  }
.spn_chat .chat_left > .d-flex{ align-items: flex-start; }
.spn_chat .chat_left_box{ display: flex;  flex-direction: column; align-items: flex-start;}

.spn_chat .chat_left .chat_date{left: auto; right: -40px;}
.spn_chat .date:first-child{margin-top: 1.7rem;}
.spn_chat .date{text-align: center; color: #909EB0; margin-bottom: 1.7rem; margin-top: 5rem;}
.spn_alim{padding: 3rem; line-height: 160%; font-weight: 500;}
.spn_alim button{width: 100%; max-width:10rem ;}
.spn_alim p{ word-break: keep-all;}
.spn_re_wrap{margin-top: 1.5rem; padding-left:2rem; padding-right: 2rem; }
.spn_re_wrap li{ border-bottom: var(--border) 1px solid; padding:1rem 0rem 1.7rem ;}

.spn_item_w{padding-left: 1.1rem ; padding-right: 1.1rem; margin-bottom: 2.4rem;}

.spn_item_box ul{margin-right: -0.25rem;  margin-left: -0.25rem;}
.spn_item_box .col{    padding-right: 0.25rem;  padding-left: 0.25rem;    flex: 0 0 75px;  max-width:75px;}
.spn_on1{    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    left: 0;
    z-index: 50;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    flex-direction: column;
    font-weight: 900;}

.soldout{    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    left: 0;
    z-index: 50;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    flex-direction: column;
    font-weight: 900;}

/*툴팁*/
.tooltip{font-size: 1.2rem; line-height: 1.5;}
.popover{font-size: 1.2rem; line-height: 1.5; border-radius: 0.5rem; word-break: keep-all;}


/*반응형 max 1400 xl*/
@media (max-width: 1400px) {

}

/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {

}


/*반응형 max 992px lg*/
@media (max-width: 991.98px) {



}


/*반응형 max 767px md*/
@media (max-width: 767.98px) {
    .m_menu_wr{width: 100%; left: 50%; transform: translate(-50%); max-width:60rem;}
    .menu_bg{width: 100%; left: 50%;}
    .menu_on .m_nav{max-width: 80%;}

}

/*반응형 max 600px sm*/
@media (max-width: 575.98px) {
    .item_make,
    .zoom_btn,
    .go_top2 {
        right: 1.6rem;
        transform: translateX(0);
    }

}

/*반응형 max 389px*/
@media (max-width:389px) {
    .s_status_box2 .fs_12{font-size: 1rem !important;}


}


/*반응형 max 340px*/
@media (max-width:350px) {

    .spn_chat .chat_date{font-size: 1rem;}
    .spn_chat .chat_date{    left: -30px;}
    .spn_chat .chat_left .chat_date{    right: -30px;}

}

.cover_img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}



/* 추가 css */
.total_count{color: var(--gray-500) !important}

.tit_st{margin-bottom: 10px;}
.tit_st .t2{color: var(--gray-500);}

.gray-150{color: var(--gray-150);}
.gray-500{color: var(--gray-500);}
.gray-700{color: var(--gray-700);}
.gray-900{color: var(--gray-900);}

.bg-150{background-color: var(--gray-150);}
.bg-900{background-color: var(--gray-900);}

.fs-11{font-size: 11px;}
.fs-12 {font-size: 12px;}
.fs-13 {font-size: 13px;}
.fs-14 {font-size: 14px;}

.fw-normal{font-weight: 400;}
.fw-medium{font-weight: 500;}
.fw-bold{font-weight: 700;}

.lh-12{line-height: 12px;}
.lh-14{line-height: 14px;}
.lh-16{line-height: 16px;}
.lh-18{line-height: 18px;}
.lh-20{line-height: 20px;}
.lh-22{line-height: 22px;}
.lh-24{line-height: 24px;}

.mt-10 {margin-top: 10px !important;}
.mt-15{margin-top: 15px !important;}
.mt-30 {margin-top: 30px !important;}
.mb-4 {margin-bottom: 4px !important;}
.mb-8 {margin-bottom: 8px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-45{margin-bottom: 45px !important;}
.mb-60{margin-bottom: 60px !important;}
.mb-100{margin-bottom: 100px !important;}

.swiper.two .swiper-wrapper .swiper-slide {width: calc((100% / 2) - 30px);}
.swiper.three .swiper-wrapper .swiper-slide {width: calc((100% / 3) - 30px);}
/* fixed 메뉴 */

/* 블러 배경 */
.main_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 1001;
}

/* 메뉴 컨테이너 */
.menu-container {
    position: fixed;
    bottom: 135px;
    right: 50%; /* 중앙 기준 */
    transform: translateX(290px); /* 600px의 절반 */
    background: white;
    padding: 20px 0px;
    box-sizing: border-box;
    border-radius: 20px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    width: 187px;
    /*height: 172px;*/
    display: none;
    z-index: 1001;
}

.menu-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-container li {
    position: relative;
    padding-left: 34px;
    padding:14px 0px 14px 26px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}

.menu-container li a{
    position: relative;
    padding-left: 30px;
}

.menu-container li a::before{
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.menu-container li.store a::before {
    background: url('../../img/ico_store.png?v-1') no-repeat center / cover;
}
.menu-container li.register a::before {
    background: url('../../img/ico_register.png?v-1') no-repeat center / cover;
}
.menu-container li.feed a::before {
    background: url('../../img/ico_feed.png?v-1') no-repeat center / cover;
}
.menu-container li.vod a::before {
    background: url('../../img/ico_vod.png?v-2') no-repeat center / cover;
}

.menu-container li:hover {
    background: #f0f0f0;
    border-radius: 5px;
}

/* 플로팅 버튼 */
.floating-btn {
    position: fixed;
    bottom: 80px;
    right: 50%; /* 중앙 기준 */
    transform: translateX(290px); /* 600px의 절반 */
    width: 44px;
    height:44px;
    background: black;
    border: none;
    border-radius: 50%;
    display: flex;
    cursor: pointer;
    transition: transform 0.3s ease;
    z-index: 1001;
}

.floating-btn img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/* 버튼 회전 효과 */
.rotate {
    transform:translateX(290px) rotate(135deg) !important;
}

@media(max-width:600px){
    .floating-btn{right: 1.6rem;transform: translateX(0)}
    .menu-container{right: 20px;transform: translateX(0)}
    .rotate {
        transform:translateX(0px) rotate(135deg) !important;
    }
}

/*셀러메인*/

#idx_slide1{}
#idx_slide1 .swiper-wrapper{}
#idx_slide1 .swiper-wrapper .swiper-slide{position: relative}
#idx_slide1 .swiper-wrapper .swiper-slide::before{content: '';display: block;padding-bottom: 100%;}
#idx_slide1 .swiper-wrapper .swiper-slide img{position: absolute;width:100%;height:100%;top: 0;left: 0}

.row2_slide{padding-left: 1.5rem;padding-right:3.9rem}
.row2_slide.swiper-grid-column>.swiper-wrapper{flex-direction: row}
.row2_slide .swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.row2_slide .swiper-slide {
    width: calc((100% / 3 ) - 3px);
    text-align: center;
    margin-right: 3px;
    height: calc((100% - 30px) / 2) !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.row2_slide .swiper-slide .item_txt{text-align: left}
.row2_slide .rect2>img{left: 0}

@media(max-width:390px){
    .row2_slide .swiper-slide{width: 110px}
}

.row2_slide {
    visibility: hidden;
}
.row2_slide.swiper-initialized {
    visibility: visible;
}

.idx_pg .input_con{padding: 10px 0}
.rect2>img{border-radius: 6px}

.main_slide{}
.main_slide .swiper-wrapper{}
.main_slide .swiper-wrapper .swiper-slide{border-radius: 10px;overflow:hidden}
.main_slide .swiper-wrapper .swiper-slide img{}

.main_slide .paging_con{position: absolute;width:54px;height:24px;background-color: rgba(0,0,0,0.5);border-radius: 6px;right: 15px;
    bottom: 15px;z-index: 10}
.main_slide .paging_con .swiper-pagination{height: 50%;top: 51%;left:40%;transform:translate(-50%,-50%);color: #fff !important;font-size: 11px}
.main_slide .paging_con .swiper-button-next{
    position: absolute;
    width: 5px;
    height: 8px;
    top: 50%;
    right: 10px;
    margin-top: 0;
    transform:translateY(-50%);
    background: url('../../img/ico_white_arr_3px.png') no-repeat center / cover;
}
.main_slide .paging_con .swiper-button-next::after,
.main_slide .paging_con .swiper-button-prev::after{
    display: none;
}


/* 베스트 상품 */
/*#best_list_box{}*/
/*#best_list_box .swiper-wrapper{}*/
/*#best_list_box .swiper-wrapper .swiper-slide{width: calc((100% / 3) - 10px );margin-bottom: 10px;margin-top:0 !important}*/
/*#best_list_box .swiper-wrapper .swiper-slide .item_box{}*/
/*#best_list_box .swiper-wrapper .swiper-slide .item_box .item_txt{margin-top: 5px;}*/
/*#best_list_box .swiper-wrapper .swiper-slide .item_box .item_txt p{margin-bottom: 0;line-height: 16px;}*/

/*베트스 상품 1줄*/

#best_list_box_1line{}
#best_list_box_1line .swiper-wrapper{width: auto !important}
#best_list_box_1line .swiper-wrapper .swiper-slide{}

/* 베스트 상품 */
#best_list_box_1{}
#best_list_box_1 .swiper-wrapper{}
#best_list_box_1 .swiper-wrapper .swiper-slide{margin-bottom: 10px;margin-top:0 !important}
#best_list_box_1 .swiper-wrapper .swiper-slide .item_box{}
#best_list_box_1 .swiper-wrapper .swiper-slide .item_box .item_txt{margin-top: 5px;}
#best_list_box_1 .swiper-wrapper .swiper-slide .item_box .item_txt p{margin-bottom: 0;line-height: 16px;}


/* 베스트 상품 */
#best_list_box_2{}
#best_list_box_2 .swiper-wrapper{}
#best_list_box_2 .swiper-wrapper .swiper-slide{margin-bottom: 10px;margin-top:0 !important;height: calc((100% - 30px) / 2) !important;}
#best_list_box_2 .swiper-wrapper .swiper-slide .item_box{}
#best_list_box_2 .swiper-wrapper .swiper-slide .item_box .item_txt{margin-top: 5px;}
#best_list_box_2 .swiper-wrapper .swiper-slide .item_box .item_txt p{margin-bottom: 0;line-height: 16px;}

/* 핫한 아이템 보기 */

.most_popular{}
.most_popular .nav{margin-bottom: 10px;}
.most_popular .nav .nav-item{margin-right: 8px;}
.most_popular .nav .nav-item:last-child{margin-right: 0;}
.most_popular .nav .nav-item .nav-link.active{background-color: var(--gray-900);color: var(--color-white);}
.most_popular .nav .nav-item .nav-link{padding: 8px 18px;box-sizing: border-box;border: none;background-color: var(--gray-150);border-radius: 200px;font-size: 11px;}

.most_popular .tab-content{}
.most_popular .tab-content .tab-pane{}

.most_popular .tab-content .tab-pane .big_img{position: relative;max-width: 600px;width: 100%}
.most_popular .tab-content .tab-pane .big_img::before{content: "";display: block;padding-bottom: 100%;}
.most_popular .tab-content .tab-pane .big_img a{position:absolute;display:block;top:0;width: 100%;height:100%;border-radius: 6px}
.most_popular .tab-content .tab-pane .big_img a img{position:absolute;display:block;top:0;width: 100%;height:100%;}

.most_popular .tab-content.promo1 .tab-pane .big_img::before{content: "";display: block;padding-bottom: 65%;}

.best_selling.promo3 .big_img{position: relative;max-width: 600px;width: 100%}
.best_selling.promo3 .big_img::before{content: "";display: block;padding-bottom: 55.56%;}
.best_selling.promo3 .big_img a{position:absolute;display:block;top:0;width: 100%;height:100%;border-radius: 6px}
.best_selling.promo3 .big_img a img{position:absolute;display:block;top:0;width: 100%;height:100%;}


.most_popular .tab-content .tab-pane .list .img_con{position: relative;max-width: 600px;width: 100%}
.most_popular .tab-content .tab-pane .list .img_con::before{content: "";display: block;padding-bottom: 65%;}
.most_popular .tab-content .tab-pane .list .img_con a{position:absolute;display:block;top:0;width: 100%;height:100%;border-radius: 6px}
.most_popular .tab-content .tab-pane .list .img_con a img{position:absolute;display:block;top:0;width: 100%;height:100%;}

/* 요즘 뜨는 셀러 */

.popular_seller{}
.popular_seller .swiper-wrapper{}
.popular_seller .swiper-wrapper .swiper-slide{}
.popular_seller .swiper-wrapper .swiper-slide .seller_img{position: relative;}
.popular_seller .swiper-wrapper .swiper-slide .seller_img::before{content: '';display: block;padding-bottom: 120%;}
.popular_seller .swiper-wrapper .swiper-slide .seller_img img{position: absolute;width: 100%;height:100%;border-radius:6px 6px 0 0 ;top: 0;left: 0; object-fit:cover;aspect-ratio:1/1.4;}
.popular_seller .swiper-wrapper .swiper-slide .txt_con{padding: 12px;box-sizing: border-box;border-radius: 0 0 6px 6px;background: linear-gradient(180deg, #2c2c2c 0%, #535353 50%,#2c2c2c 100%);    text-align: center;margin-top:-1px;}
.popular_seller .swiper-wrapper .swiper-slide .txt_con .line1_text{font-size: 14px;font-weight: 500;line-height: 20px;}
.popular_seller .swiper-wrapper .swiper-slide .txt_con .line1_text.t2{font-size: 11px;font-weight: 400;line-height: 14px;}
.popular_seller .swiper-wrapper .swiper-slide .txt_con .txt{margin-bottom: 5px;color: var(--color-white);}
.popular_seller .swiper-wrapper .swiper-slide .txt_con .txt:last-child{margin-bottom: 0;}

/* outer */

.outer{}
.outer .big_img{position: relative}
.outer .big_img::before{content:'';display: block;padding-bottom: 100%;}
.outer .big_img a{display: block;position: absolute;width: 100%;height:100%;top: 0}
.outer .big_img img{}
.outer .item_list{gap: 3px;}
.outer .item_list .item_box{ width: calc((100% / 3) - 3px);}
.outer .item_list .item_box a{}
.outer .item_list .item_box a .img_con{}
.outer .item_list .item_box a .img_con img{width: 100%;border-radius: 6px}
.outer .item_list .item_box a .item_txt{}

/* 이번주 판매 베스트 */

.best_selling{}
.rate .item_img{position: relative;  width: 83px}
.rate .item_img::before{content: '';display: block;padding-bottom: 120%;}
.rate .item_img img{position:absolute;width: 100%;height:100%;top: 0;left: 0}
.best_selling .item_list {margin-bottom: 30px;}
.best_selling .img_list{}
.best_selling .img_list .item_con{}
.best_selling .img_list .item_con .list{}
.best_selling .img_list .item_con .list a{}
.best_selling .img_list .item_con .list a .item_img{position: relative}

.best_selling .img_list .item_con .list a .item_img img{position:absolute;width: 100%;height:100%;top:0;border-radius: 6px}
.best_selling .img_list .item_con .list a .item_info{}
.best_selling .img_list .item_con .list a .item_info .txt{font-size: 12px;color: var(--gray-900);line-height: 16px;}
.best_selling .img_list{}
.best_selling .img_list .item_con{}

.best_selling .img_list .item_con .list{}
.best_selling .img_list .item_con .list a{}
.best_selling .img_list .item_con .list a .item_img{position: relative;}
.best_selling .img_list .item_con .list a .item_img img{width: 100%}
.best_selling .img_list .item_con .list a .item_txt{}
.popular_item {}
.popular_item  .paging_con{display: flex;align-items: center;justify-content: center;gap: 15px;margin-top: 15px;}
.popular_item  .paging_con .swiper-button-next,
.popular_item  .paging_con .swiper-button-prev,
.popular_item .paging_con .swiper-pagination{position: inherit !important;margin-top: 0;background:none;font-size: 12px;font-weight:  500;color: var(--gray-500);letter-spacing: 7px;opacity: 1 !important;}
.popular_item .paging_con .swiper-pagination .swiper-pagination-current{color: var(--gray-900)}
.popular_item .paging_con .swiper-button-next{width: 76px;height: 38px;background: url('../../img/ico_next.png') no-repeat center / cover;}
.popular_item .paging_con .swiper-button-prev {width: 76px;height: 38px;background: url('../../img/ico_prev.png') no-repeat center / cover;}
.popular_item .swiper-pagination-fraction{width: auto;letter-spacing: 1.3px;}
.popular_item .paging_con .swiper-button-next::after,
.popular_item .paging_con .swiper-button-prev::after{display: none;}

/* 기획전 전체 */

.exhibition_list{margin-top: 48px;}
.exhibition_list .list{margin-bottom: 15px;}
.exhibition_list .list a {}
.exhibition_list .list a .img_con{position:relative;border-radius: 10px;overflow: hidden;}
.exhibition_list .list a .img_con::before{content:'';display: block;padding-bottom: 100%}
.exhibition_list .list a .img_con img{position:absolute;width: 100%;height: 100%;top: 0;left: 0}

/* 기획전 상세 */

.promo_detail{margin-top: 44px;}
.promo_detail .promo_big_img{margin: 50px 0 30px;}
.promo_detail .promo_big_img img{width: 100%;}
.promo_detail .img_list .item_con .list{margin-bottom: 15px;}

/* 피드 리스트 */

.tab_con{position: fixed;display: flex;top: 44px;left: 50%;transform: translateX(-50%);width: 100%;max-width: 600px;background: var(--color-white);z-index: 100;}
.tab_con .link{border-bottom: 1px solid var(--gray-150);}
.tab_con .link a{display: block;padding: 10px 0;text-align: center;}
.tab_con .link a .txt{font-size: 13px;font-weight: 500;color: var(--gray-400);}
.tab_con.two{}
.tab_con.two .link{width: calc(100% / 2);}
.tab_con.three{}
.tab_con.three .link{width: calc(100% / 3);}
.tab_con.four .link{width: calc(100% / 4);}
.tab_con .link.active{border-bottom: 2px solid var(--gray-500);}
.tab_con .link.active a{}
.tab_con .link.active a .txt{color: var(--gray-900);}
.follow_form{}

.position-relative{}
.position-relative .item_link{position: relative;display: flex;gap: 10px;}
.position-relative .item_link::before{content: '';position: absolute;display: block;width: 26px;height: 32px;top: 50%;right: 0;transform: translateY(-50%);background: url('../../img/ico_feed_item_link.png') no-repeat center / cover;}
.position-relative .item_link a{display:block;gap: 6px;padding: 10px 0;}
.position-relative .item_link a .item_img{position:relative;max-width: 600px;min-width:60px;border-radius: 6px;overflow: hidden}
.position-relative .item_link a .item_img::before{content: '';display: block;padding-bottom: 120%;}
.position-relative .item_link a .item_img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.position-relative .item_link a .item_txt{}
.position-relative .item_link a .item_txt .t4{position: relative;padding-left: 14px;font-size: 10px;}



.position-relative .item_link a .item_txt .t4::before{content: '';position: absolute;display: block;width: 12px;height: 10px;left: 0;top: 50%;transform: translateY(-50%);background: url("../../img/ico_rating_star.svg") no-repeat center / cover;}
.position-relative .item_link.two{}
.position-relative .item_link.two a{width: calc((100% / 2) - 10px );}

/*팔로우*/

#follow_list_box{margin-top: 4px;}
#follow_list_box .follow_box_link{gap: 6px;padding: 10px 0;}
#follow_list_box .follow_box_link .btn-sm{line-height: initial;}

/* 슬라이드 이미지 비율 및 위치 조절: 250516.Son */
.follow_form .swiper-slide img{width: 100%; aspect-ratio: 1 / 1.4; object-fit: cover; object-position: center;}
#item_slide .swiper-slide img{width: 100%; aspect-ratio: 1 / 1.4; object-fit: cover; object-position: center;}



/*피드 스트어*/

.feed_store{}
.feed_store .btn{font-weight: 500;}
.feed_store .rect2{}
.feed_store .item_list.row-cols-3{gap: 3px}
.feed_store .item_list.row-cols-3 .col{width: calc((100% / 3) - 3px );padding: 0;flex: 0 0 32.5%}

/*입점사*/

.store_info{padding-top: 27px;padding-bottom: 27px;background: url("../../img/img_store_info.png") no-repeat center / cover;}
.store_info.bg_none{background-image: none;background: linear-gradient(109.18deg, #7E7E7E 0%, #000000 100%);}
.store_info .seller_pp_box{margin-top: 0px !important;background: none;border-radius: 0;}
.store_info .seller_pp_box .sel_top{position: relative;display: block;top: initial;}
.store_info .seller_pp_box .sel_top .seller_info {gap: 14px;}

.store_info .seller_pp_box .sel_top .btn_con{margin-bottom: 10px;}
.store_info .seller_pp_box .sel_top .btn_con.two{display: flex;gap: 10px;padding: 0;}
.store_info .seller_pp_box .sel_top .btn_con.two .btn_sty01 {width: calc((100% / 2) - 5px);}
.store_info .seller_pp_box .sel_top .btn_con.two .btn_sty01.bg_white{background: #fff;color: var(--color-black)}
.store_info .seller_pp_box .sel_top .btn_con.two .btn_sty01.bg_white.on{background:var(--gray-900);color: #fff}
.store_info .seller_pp_box .sel_top .btn_con.two .btn-outline-light{background: none; color: #fff}
.store_info .seller_pp_box .sel_con{padding-top: 0;}

.store_info .seller_pp_box .sel_top .seller_info{}
.store_info .seller_pp_box .sel_top .seller_info .position-relative{}
.store_info .seller_pp_box .sel_top .seller_info .position-relative button,
.store_info .seller_pp_box .sel_top .seller_info .position-relative p{color: #fff}

.sellerCont #best_list_box_1line{}
.sellerCont #best_list_box_1line .swiper-wrapper{}
.sellerCont #best_list_box_1line .swiper-wrapper .swiper-slide{width: calc((100% / 3) - 3px)}

.store_info .seller_pp_box .sel_con{}
.store_info .seller_pp_box .sel_con p{color: #fff}

.notice_btn{margin: 10px 0;border-radius: 6px;padding:5px 0px;box-sizing: border-box;background: #fff;}
.notice_btn .link{}
.notice_btn .link{display: block;}
.notice_btn .link .txt{position: relative;box-sizing: border-box;padding-left: 0px;}
.notice_btn .link .txt::before{content: '';position: absolute;display: block;width:18px;height: 18px;left: 0;top:50%;transform:translateY(-50%);/*background: url("../../img/ico_paper.svg") no-repeat center / cover */}
.notice_btn .link .txt::after{content: '';position: absolute;display: block;width:5px;height: 10px;right: 0;top:50%;transform:translateY(-50%);/*background: url("../../img/ico_link_arr.png") no-repeat center / cover */}

/*장바구니*/

.cart_list{}
.cart_list.sub_pg{min-height: initial; !important;}
.cart_list .check_con{padding: 14px 0;margin-bottom: 10px}

.cart_list .cart_card{margin-bottom: 20px;}
.cart_list .cart_card .cart_seller{}
.cart_list .cart_card .cart_seller .cheks{}
.cart_list .cart_card .cart_seller .cheks .ic_box{margin-right: 10px}

.cart_list .cart_card .cart_item_wrap{}
.cart_list .cart_card .cart_item_wrap .item_del{}
.cart_list .cart_card .cart_item_wrap .cart_item{padding: 12px 0}
.cart_list .cart_card .cart_item_wrap .cart_item .item_img{position: relative;min-width: 83px;}
.cart_list .cart_card .cart_item_wrap .cart_item .item_img::before{content:'';display: block;padding-bottom: 120.5%;}
.cart_list .cart_card .cart_item_wrap .cart_item .item_img img{position: absolute;width: 100%;height: 100%;top: 0}
.cart_list .cart_card .cart_item_wrap .txt_con{}
.cart_list .cart_card .cart_item_wrap .txt_con p{margin-bottom: 3px;}
.cart_list .cart_card .cart_item_wrap .txt_con .option_btn{border: 1px solid var(--gray-200)}

.more_con{padding-top: 30px;}

.custom .counting{margin-top:12px;padding: 13px 15px;box-sizing: border-box;border-radius: 6px;background-color: var(--gray-200)}
.custom .counting .option{margin-bottom: 10px;font-size: 13px;font-weight: 400;color: var(--gray-900)}
.custom .counting .change_num{}
.custom .counting .change_num .up_down{gap: 8px}
.custom .counting .change_num .up_down .sum{position:relative;width: 26px;height: 22px;border:1px solid var(--gray-300);border-radius: 4px;background-color: #fff}
.custom .counting .change_num .up_down .sum p{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 12px;font-weight: 400}
.custom .counting .change_num .up_down .price{font-size: 14px;font-weight: 600}
.custom .btn_con.two{display: flex;gap: 10px;margin-top:15px;padding: 0;}
.custom .btn_con.two .btn_sty01 {width: calc((100% / 2) - 5px);background-color: var(--gray-800);height: 44px;color: #fff}

.puramt_btn_top{}
.puramt_btn_top .tit{padding: 10px 0;margin-bottom: 10px;}
.puramt_btn_top .bill{margin-bottom: 14px;}
.puramt_btn_top .bill p{color: var(--gray-900)}

/*문의내역*/

#qna_list_box .cate{color: var(--gray-500)}
#qna_list_box .border-bottom{border-bottom: 1px solid var(gray-150) !important;}
#qna_list_box .item_img{position: relative;min-width: 83px;}
#qna_list_box .item_img::before{content:'';display: block;padding-bottom: 120.5%;}
#qna_list_box .item_img img{position: absolute;width: 100%;height: 100%;top: 0}

/*상품 문의상세*/

.qna_detail{}
.qna_detail .date{color: var(--gray-500)}
.qna_detail .question{color: var(--gray-900)}

.qna_detail .rect{position: relative;min-width: 83px;}
.qna_detail .rect::after{content:'';display: block;padding-bottom: 120.5%;}
.qna_detail .rect img{position: absolute;width: 100%;height: 100%;}

/*입점사 문의내역*/

.entry_qna{}
.entry_qna .container{padding: 10px 15px;box-sizing: border-box}
.entry_qna .container.border-bottom{border-bottom: 1px solid var(--gray-500) !important}

/*셀러스 문의내역*/

.sellers_qna .date{color: var(--gray-500)}
.sellers_qna .container{padding: 10px 15px;box-sizing: border-box}
.sellers_qna .border-bottom{border-bottom: 1px solid var(--gray-150) !important}

.sellers_txt{margin-top: 20px}
.sellers_txt p{margin-bottom:7px;color: var(--gray-900)}
.sellers_txt p:last-child{margin-bottom: 0;}
.sellers_txt p span{color: var(--gray-500)}
.sellers_txt .btn2{width:100%;color: #fff;text-align: center;margin-bottom:20px;padding: 22px 0; background-color: #222;border-radius: 6px;}

/*주문/배송*/

.buy_list{}
.buy_list .tab_con{}
.buy_list .tab_con .link{}
.buy_list .tab_con .link a{}
.buy_list .tab_con .link a .txt{margin-bottom:2px;font-size: 12px;font-weight: 400}
.buy_list .tab_con .link a .num{font-size: 18px;font-weight: 600;color: var(--gray-400)}

.buy_list .tab_con .link.active{}
.buy_list .tab_con .link.active a{}
.buy_list .tab_con .link.active a .txt{}
.buy_list .tab_con .link.active a .num{color: var(--gray-900)}

.buy_list #item_list_box{}
.buy_list #item_list_box .item_con{}
.buy_list #item_list_box .item_con .list{padding-bottom: 24px;}
.buy_list #item_list_box .item_con .list .date{display: block;position: relative;padding: 22px 0;font-size: 15px;font-weight: 500}
.buy_list #item_list_box .item_con .list .date::after{content: '';display: block;position: absolute;width: 20px;height: 20px;top:50%;right:0;transform:translateY(-50%);background: url("../../img/ico_arr_right_20px.png") no-repeat center / cover}
.buy_list #item_list_box .item_con .list .item_img{position: relative;min-width: 70px;}
.buy_list #item_list_box .item_con .list .item_img::before{content:'';display: block;padding-bottom: 125.7%;}
.buy_list #item_list_box .item_con .list .item_img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.buy_list #item_list_box .item_con .list .item_txt{margin-top: 0;padding-left: 7px}
.buy_list #item_list_box .item_con .list .item_txt .thumb{gap: 3px;margin-bottom: 3px;}
.buy_list #item_list_box .item_con .list .item_txt .thumb p{margin-bottom: 0;}
.buy_list #item_list_box .item_con .list .item_txt .img_con{position: relative;width: 18px;height: 18px;border-radius: 50%;background-color: #ca3030;overflow: hidden}
.buy_list #item_list_box .item_con .list .item_txt .t2{font-size:13px;font-weight: 500}
.buy_list #item_list_box .item_con .list .item_txt .img_con img{position: absolute;width: 100%;height: 100%}
.buy_list #item_list_box .item_con .list .item_txt .t3{font-size: 13px}
.buy_list #item_list_box .item_con .list .item_txt .t4{color: #9ba1a8}
.buy_list #item_list_box .item_con .list .item_txt p{margin-bottom: 3px;line-height: 16px}
.buy_list #item_list_box .item_con .list .btn_con{display: flex;gap: 8px;margin-top: 10px}
.buy_list #item_list_box .item_con .list .btn_con button{display:block;width:calc((100% / 2 ) - 8px);height:36px;font-size: 13px;font-weight:400;color: var(--gray-800)}
.buy_list #item_list_box .item_con .list .btn_con .btn-outline-secondary.gray{border: 1px solid #eaeaec}

/*주문/배송 상세내역*/

.buy_list_detail{}
.buy_list_detail .date_con{padding: 14px 0}
.buy_list_detail .date_con .date{margin-bottom:2px;color: #000}
.buy_list_detail .date_con .order_num{color: #7a7a7a}

.buy_list_detail #item_list_box{}
.buy_list_detail #item_list_box .order_sum{padding: 20px 0 12px;font-size: 14px;font-weight: 600}
.buy_list_detail #item_list_box .item_con{}

.buy_list_detail .info_box{padding: 20px 0 24px}
.buy_list_detail .info_box .title{margin-bottom: 23px}

.buy_list_detail .info_list{}
.buy_list_detail .info_list .list{padding-bottom: 12px;}
.buy_list_detail .info_list .list p{font-size: 13px;font-width: 500;}
.buy_list_detail .info_list .list .tit{color: #7a7a7a}
.buy_list_detail .info_list .list .info{color: #222}
.buy_list_detail .info_list .list:last-child{padding-bottom: 0}

.buy_list_detail .info_list .list.cash{margin-top: 12px;}
.buy_list_detail .info_list .list.cash .tit{font-size: 14px;font-weight: 600;}
.buy_list_detail .info_list .list.cash .info{font-size: 14px;font-weight: 600;}

.buy_list_modal{}
.buy_list_modal .modal-header{margin-bottom:20px;text-align: center}
.buy_list_modal .modal-header .modal-title{font-size: 16px;font-weight: 600;}
.buy_list_modal .modal-body{padding: 0}
.buy_list_modal .modal-body .date_choice{}
.buy_list_modal .modal-body .date_choice .list{padding: 12px 16px;}
.buy_list_modal .modal-body .date_choice .list p{font-size: 14px;font-weight: 500;color: #444}
.buy_list_modal .modal-body .date_choice .list.all{background-color: rgba(0,0,0,0.05)}

.buy_list_modal .modal-body .date_input{margin-bottom: 9px;padding-bottom: 10px}
.buy_list_modal .modal-body .date_input>.d-flex{position: relative;}
.buy_list_modal .modal-body .date_input>.d-flex::before{content: '~';position: absolute;display: block;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 20px;font-weight: 400;color: #aaa}
.buy_list_modal .modal-body .date_input input{width: calc((100% / 2) - 10px);padding: 10px;border: 1px solid #aaa;border-radius: 6px}
.buy_list_modal .modal-body .date_input .guide{margin-top: 9px;font-size: 11px;font-weight: 500;color: #aaa}

.buy_list_modal .check_box{padding: 13px 0}
.buy_list_modal .check_box .check{display: none;}
.buy_list_modal .check_box .check+label{padding-left: 24px;}
.buy_list_modal .check_box .check+label::before{content: '';position: absolute;display: block;width: 16px;height: 16px;top: 50%;left: 0;transform: translateY(-50%);background-image: url('../../img/ico_check_off.svg');}
.buy_list_modal .check_box .check:checked+label::before{content: '';position: absolute;display: block;width: 16px;height: 16px;top: 50%;left: 0;transform: translateY(-50%);background-image: url('../../img/ico_check_on.svg');}
.buy_list_modal .check_box label{position: relative;display: block;}

.buy_list_modal .radio_box{padding: 13px 0}
.buy_list_modal .radio_box .check{display: none;}
.buy_list_modal .radio_box .check+label{padding-left: 24px;}
.buy_list_modal .radio_box .check+label::before{content: '';position: absolute;display: block;width: 16px;height: 16px;top: 50%;left: 0;transform: translateY(-50%);background-image: url('../../img/ico_check_off.svg');}
.buy_list_modal .radio_box .check:checked+label::before{content: '';position: absolute;display: block;width: 16px;height: 16px;top: 50%;left: 0;transform: translateY(-50%);background-image: url('../../img/ico_check_on.svg');}
.buy_list_modal .radio_box label{position: relative;display: block;}




/*찜*/

.wish_list{}

.wish_list .border-bottom{border-bottom: 1px solid var(--gray-200) !important;}

.wish_list .cate_con{}
.wish_list .cate_con .tab_menu{display: flex;gap: 20px;overflow-x: scroll;margin-bottom: 8px;padding-bottom: 8px;}
.wish_list .cate_con .tab_menu::-webkit-scrollbar {display: none;}
.wish_list .cate_con .tab_menu.depth1{border-bottom: 1px solid var(--gray-150);}
.wish_list .cate_con .tab_menu .list{flex-shrink: 0}
.wish_list .cate_con .tab_menu .list a{font-size: 14px;font-weight: 500;color: var(--gray-500)}
.wish_list .cate_con .tab_menu .list.active{}
.wish_list .cate_con .tab_menu .list.active a{font-weight: 600;color: var(--gray-900)}

/*컨택요청 / 리스트*/

.contact{}
.contact .item_con{}
.contact .item_con .item_box{padding: 15px 0}
.contact .item_con .item_box .item_link{display: flex;align-items: center;gap: 5px}
.contact .item_con .item_box .item_link .item_img{position:relative;min-width:83px;flex-shrink:0;border-radius: 4px;overflow: hidden}
.contact .item_con .item_box .item_link .item_img::before{content: '';display: block;padding-bottom: 120.5%;}
.contact .item_con .item_box .item_link .item_img img{position: absolute;width: 100%;height: 100%;top: 0}
.contact .item_con .item_box .item_link .item_txt{display: flex;justify-content: space-between;width:100%}
.contact .item_con .item_box .item_link .item_txt .left{}
.contact .item_con .item_box .item_link .item_txt .left .thumb{}
.contact .item_con .item_box .item_link .item_txt .left .thumb .img_con{}
.contact .item_con .item_box .item_link .item_txt .left .thumb .img_con img{}
.contact .item_con .item_box .item_link .item_txt .txt{margin-bottom: 4px;}
.contact .item_con .item_box .item_link .item_txt .t1{font-size: 11px;font-weight: 400;color: var(--gray-500)}
.contact .item_con .item_box .item_link .item_txt .t1.red{color: #ec4848}
.contact .item_con .item_box .item_link .item_txt .t2{font-size: 13px;font-weight: 500}
.contact .item_con .item_box .item_link .item_txt .t3{font-size: 13px;font-weight:600;color: var(--gray-500)}
.contact .item_con .item_box .item_link .item_txt .t3.ing{color: var(--color-brand)}
.contact .item_con .item_box .item_link .item_txt .t3.allow{color: #001eff}
.contact .item_con .item_box .item_link .item_txt .right{display: flex;flex-direction: column;justify-content: space-between;text-align: right}
.contact .item_con .item_box .item_link .item_txt .right .date{}
.contact .item_con .item_box .item_link .item_txt .right .condition{}

/*컨택상세*/

.contact_item{}

.contact_item .thumb_img{}
.contact_item .thumb_img img{width: 100%}

.contact_item .info_box{margin-bottom: 30px;}
.contact_item .info_box .link_con{display: flex;justify-content: space-between;margin: 18px 0 10px}
.contact_item .info_box .link_con .seller_thumb{display: flex;align-items:center;gap: 10px}
.contact_item .info_box .link_con .seller_thumb .img_con{}
.contact_item .info_box .link_con .seller_thumb .img_con img{}
.contact_item .info_box .link_con .seller_thumb .name{font-size: 15px;font-weight: 600}

.contact_item .info_box .link_con .follower_btn{width: 50%}
.contact_item .info_box .link_con .follower_btn .btn{width: 100%}
.contact_item .info_box .link_con .follower_btn .btn-secondary{background-color: var(--gray-900)}

.contact_item .info_box .site_map{margin: 10px 0 15px}
.contact_item .info_box .site_map p{font-size: 13px;font-weight: 500;color: var(--gray-500)}
.contact_item .info_box .item_name{margin-bottom:15px;font-size: 16px;font-weight: 500}
.contact_item .info_box .price{font-size: 18px;font-weight: 700}
.contact_item .info_box .deadline{margin-bottom: 150px;}
.contact_item .info_box .deadline .time{margin-bottom: 10px;font-size: 18px;font-weight:600;color: var(--color-brand)}
.contact_item .info_box .deadline .time.end{color: var(--gray-400)}
.contact_item .info_box .deadline .progress{height: 0.5rem}
.contact_item .info_box .deadline .progress .progress-bar{background-color: var(--color-brand)}
.contact_item .detail{margin-bottom: 100px;;text-align: center}
.contact_item .detail img{width:100%}

.contact_item.custom .modal{}
.contact_item.custom .modal .option_con{display: flex;justify-content: space-between;align-items: center;margin-top:12px;padding: 13px 15px;background-color: var(--gray-150);border-radius: 6px}
.contact_item.custom .modal .option_con p{}
.contact_item.custom .modal .option_con img{width: 18px;height: 18px}

.contact_register.register{}
.contact_register.register .register_item{padding: 10px 15px;background-color: var(--gray-150);border-radius: 4px}
.contact_register.register .register_item .txt_con{}
.contact_register.register .register_item .txt_con .t1{font-size: 11px;font-weight: 400;color: var(--gray-500)}
.contact_register.register .register_item .txt_con .t2{font-size: 13px;font-weight: 500;}

.contact_register.register .location{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.contact_register.register .location .d-flex{}
.contact_register.register .location .d-flex input{}

.contact_register.register .address{display: flex;align-items: center;gap: 4px;margin-bottom: 4px}
.contact_register.register .address input{}
.contact_register.register .address .btn-outline-secondary{border: 1px solid var(--gray-900);padding: 18.5px 15px;font-size: 12px;font-weight: 500}

.contact_register.register .chk_box { display: block; position: relative; padding-left: 25px;cursor: pointer; font-size: 12px;font-weight: 400}
.contact_register.register .chk_box input[type="checkbox"] { display: none; }
.contact_register.register .on { width: 18px; height: 18px; background: #ddd; position: absolute; top: -3px; left: 0; border-radius: 2px}
.contact_register.register .chk_box input[type="checkbox"]:checked + .on { background: var(--gray-500); }
.contact_register.register .on:after { content: ""; position: absolute; display: none; }
.contact_register.register .chk_box input[type="checkbox"]:checked + .on:after { display: block; }
.contact_register.register .on:after { width: 6px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 6px; top: 2px; }

.contact_register.register .policy_con{margin-top: 15px;}
.contact_register.register .policy_con .view{font-size: 11px;font-weight: 400;color: var(--gray-500);text-decoration: underline}

.contact_register.register .success_txt{margin-block: 16px;font-size: 18px;font-weight:600;text-align: center}
.contact_register.register .btn_con{}
.contact_register.register .btn_con button{width: calc((100% / 3) - 6px);background-color: var(--gray-150);font-size: 12px;font-weight: 500;color: var(--gray-600)}

/*상품등록*/

.register_progress{position: fixed;top: 48px;max-width: 600px;width: 100%;
    z-index: 10;}
.register_progress .progress{background-color: var(--gray-200)}

.register{}
.register .tit{display: inline-block;margin-bottom: 6px;font-size: 14px;font-weight: 600;line-height: 20px;color: var(--gray-900)}
.register .tit.need{position: relative}
.register .tit.need::after{content:'*';display: block;position: absolute;top: 0;right: -10px;color: #f1392e}
.register .tit span{font-size: 14px;font-weight: 500;color: var(--gray-500)}
.register .add{margin-top:4px;font-size: 11px;font-weight: 400;color: var(--gray-400)}
.register .add.dot{position: relative;margin-top: 0;padding-left: 15px;line-height: 16px}
.register .add.dot:first-child{margin-top: 10px;}
.register .add.dot::before{content:'';position: relative;display: block;top: 8px;left: -14px;background-color: var(--gray-500);width: 2px;height: 2px;border-radius: 50%}
.register .input_con{margin-bottom: 27px}
.register .input_con .sch_ip{background: none;border: 1px solid var(--gray-350)}
.register .input_con .sch_ip #search_txt{}

.register .register_item{position: relative;display: flex;align-items: center;gap: 8px;margin-bottom: 20px;}
.register .register_item .img_con{position: relative;min-width: 83px;}
.register .register_item .img_con::before{content: '';display: block;padding-bottom: 120.5%;}
.register .register_item .img_con img{position: absolute;width: 100%;height: 100%;top: 0}
.register .register_item .txt_con{}
.register .register_item .txt_con p{margin-bottom: 2px;}
.register .register_item .txt_con .t1{font-size: 12px;font-weight:600;color: var(--gray-900);line-height: 16px}
.register .register_item .txt_con .t2{font-size: 12px;font-weight: 400;color: var(--gray-900);line-height: 16px}
.register .register_item .delete_btn{position: absolute;top: 0;right: 0}
.register .register_item .delete_btn img{}

.register .input_box{margin-bottom: 24px}
.register .input_box .input_area{display: block;width:100%;padding: 12px 15px;box-sizing: border-box;border: 1px solid var(--gray-300);border-radius: 6px}

.register .price_info{display: flex;justify-content: space-between;}

.fixed_bottom{position: fixed;max-width:600px;width:100%;left: 50%;bottom: 0;transform:translateX(-50%);padding:15px 15px 31px;box-sizing: border-box;background-color: #fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.fixed_bottom .btn{width: 100%;height: 44px;background-color: var(--gray-900);font-size: 14px !important;font-weight: 600;line-height: 20px;color: #fff}
.fixed_bottom .btn.end{background-color: var(--gray-300);color: var(--gray-500)}

.register_list{}
.register_list #item_list_box{}
.register_list #item_list_box .item_list{}
.register_list #item_list_box .item_list .item_box{}
.register_list #item_list_box .item_list .item_box .rect2{overflow: hidden;position: relative;width: 100%;border-radius: 0.5rem;}
.register_list #item_list_box .item_list .item_box .rect2 img{position: absolute;width: 100%;height: 100%;object-fit: cover;image-rendering: -webkit-optimize-contrast;}
.register_list #item_list_box .item_list .item_box .rect2 .choice{position:absolute;width: 16px;height: 16px;top: 10px;right: 10px;
    z-index: 2;}

/*상품등록 썸네일*/

.upload-container {display: flex;flex-wrap: wrap;gap: 10px;}
.thumbnail {width: 70px;height: 70px;position: relative;border: 2px solid #ddd;border-radius: 8px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.thumbnail img {width: 100%;height: 100%;object-fit: cover;}
.thumbnail .remove-btn {position: absolute;top: 5px;right: 5px;background-color: rgba(0, 0, 0, 0.6);color: white;border: none;border-radius: 50%;width: 20px;height: 20px;cursor: pointer;font-size: 14px;display: flex;align-items: center;justify-content: center;}
.upload-box {width: 70px;height: 70px;border: 2px dashed #ddd;border-radius: 8px;display: flex;align-items: center; justify-content: center;cursor: pointer;position: relative;}
.upload-box input {opacity: 0;position: absolute;width: 100%;height: 100%;cursor: pointer;}
.upload-icon {width:18px;height:18px;border-radius:50%;background-color:var(--gray-500);font-size: 15px;color: #fff;text-align: center}

.upload-container.big{flex-wrap: nowrap;overflow-x: scroll}
.upload-container.big .thumbnail{width: 100%;height: 100%;flex-shrink: 0}
.upload-container.big .upload-box{width: 100%;height: 100%}
.upload-container.big .upload-box::before{content: '';display: block;padding-bottom: 100%;}

.register .thumb_list{display: flex;gap: 3px;margin-bottom:9px;overflow-x: scroll}
.register .thumb_list .item{position: relative;flex-shrink: 0;width:calc((100% / 4) - 10px)}
.register .thumb_list .item .thumb_img{width: 100%}
.register .thumb_list .item .close_btn{position: absolute;top: 7.5px;right: 7.5px}
.register .big_thumb{}
.register .big_thumb img{width: 100%}

.register textarea{resize: none;width: 100%;height: 114px;margin-top:4px;padding:10px;box-sizing:border-box;border: 1px solid var(--gray-200);border-radius: 4px}

.register .thumb_img{}
.register .thumb_img img{width:100%}

/*상품 미리보기*/

.register{}
.register .info_box{margin-bottom: 30px;}
.register .info_box .link_con{display: flex;justify-content: space-between;margin: 18px 0 10px}
.register .info_box .link_con .seller_thumb{display: flex;align-items:center;gap: 10px}
.register .info_box .link_con .seller_thumb .img_con{}
.register .info_box .link_con .seller_thumb .img_con img{}
.register .info_box .link_con .seller_thumb .name{font-size: 15px;font-weight: 600}

.register .info_box .site_map{margin: 10px 0 15px}
.register .info_box .site_map p{font-size: 13px;font-weight: 500;color: var(--gray-500)}
.register .info_box .item_name{margin-bottom:8px;font-size: 16px;font-weight: 500}
.register .info_box .price{font-size: 18px;font-weight: 700}
.register .detail{margin-bottom: 100px;;text-align: center}

/*상품등록 모달*/
.register_modal{}
.register_modal .modal-content{}
.register_modal .modal-content .modal-header{justify-content: center;padding: 0}
.register_modal .modal-content .modal-header .modal_tit{margin-bottom:19px;text-align: center}
.register_modal .modal-content .modal-header .modal_tit .tit{font-size: 19px;font-weight: 600;color: var(--gary-800)}
.register_modal .modal-content .modal-body{padding-top: 0;}
.register_modal .modal-content .modal-body .txt_con{text-align: center}
.register_modal .modal-content .modal-body .txt_con p{margin-bottom: 2px;font-size: 14px;font-weight:500;color: var(--gray-500);line-height: 20px}
.register_modal .modal-content .modal-body .txt_con p span{font-weight: 600;color: var(--color-brand)}
.register_modal .modal-content .modal-body .img_con{margin-top: 21px}
.register_modal .modal-content .modal-body .img_con ul{gap: 3px}
.register_modal .modal-content .modal-body .img_con ul li{width: calc((100% / 3) - 3px);text-align: center}
.register_modal .modal-content .modal-body .img_con ul li img{width: 100%;border-radius: 6px}
.register_modal .modal-content .modal-body .img_con ul li p{margin-top: 4px;font-size: 14px;font-weight: 500;color: var(--gray-700)}
.register_modal .modal-content .modal-body .btn_con{display:flex;flex-direction: column;gap:8px;margin-top: 20px}
.register_modal .modal-content .modal-body .btn_con button{width: 100%;height: 44px}
.register_modal .modal-content .modal-body .btn_con .btn-secondary{background-color: var(--gray-800);font-size: 14px;font-weight: 500}
.register_modal .modal-content .modal-body .btn_con .btn-outline-secondary{border:1px solid var(--gray-300);font-size: 14px;font-weight: 500}
.register_modal .modal-content .modal-body .check_con{display: flex;align-items:center;justify-content:center;gap:6px;margin: 20px 0;text-align: center;}
.register_modal .modal-content .modal-body .check_con input{width: 16px;height: 16px}
.register_modal .modal-content .modal-body .check_con label{font-size: 14px;font-weight: 400;color: var(--gray-800)}

/* 모달 배경 스타일 */
.custom .modal-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
    z-index: 1001;
}

.custom .modal-content .modal-header{
    border: none;
}

/* 모달 본체 */
.custom .modal-content {
    background: white;
    border-radius: 10px 10px 0 0;
    position: relative;
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
    width: 600px;
    max-width:600px
}

/* 모달이 열릴 때 */
.custom .modal-container.show {opacity: 1;pointer-events: auto;}

.custom .modal-container.show .modal-content {max-width:600px;transform: translateY(0);}

/* 모달이 닫힐 때 */
.custom .modal-container.hide .modal-content {transform: translateY(100%);}

/* 닫기 버튼 스타일 */
.custom .close-btn {position: absolute;top: 10px;right: 15px;font-size: 20px;cursor: pointer;}

/* 버튼 스타일 */
.custom .modal-footer button {width: 100%;padding: 10px;border: none;background: black;color: white;font-size: 16px;border-radius: 5px;cursor: pointer;}
.custom .modal-footer button:last-child {background: gray;margin-top: 5px;}

/* 아이템 리스트 */

.item_list {margin-top: 6px;}
.item_list .list {position: relative;margin-bottom: 8px;align-items: center;}
.item_list .list:last-child {margin-bottom: 0;}
.item_list .list .item_box {align-items: center;gap: 8px;}
.item_list .list .like_btn {position: absolute;background: url('../../img/ico_like03.png') no-repeat center / cover;width: 24px;height: 24px;top: 50%;right: 29px;transform: translateY(-50%);bottom: initial;}
.item_list .list .like_btn.on{position: absolute;background: url('../../img/ico_like03_on.png') no-repeat center / cover;width: 24px;height: 24px;top: 50%;right: 29px;transform: translateY(-50%);bottom: initial;}
.item_list .list .item_img {}
.item_list .list .item_img img {border-radius: 6px}
.item_list .list .txt_con {}
.item_list .list .txt_con p {font-size: 12px;line-height: 16px;color: var(--gray-900);}
.item_list .list .txt_con .line1_text {font-weight: 600;}
.item_list .list .txt_con .line2_text {font-weight: 400;}
.item_list .list .txt_con .line3_text {font-weight: 600;}
.item_list .list .txt_con .line4_text {font-weight: 400;line-height: 14px;color: var(--gray-400);}
/* 아이템 리스트 숫자별 */

.img_list .item_con {
    display: flex;
    flex-wrap: wrap;
    gap: 2px; /* 간격 조정 */
}

.img_list .item_con.two .list {
    width: calc((100% / 2) - 2px); /* 2개 정렬 */
}

.img_list .item_con.two .list a .item_img {
    position: relative;
    width: 100%; /* 부모 요소 기준 */
    max-width: calc(178 / 390 * 600px); /* 최대 크기 600px */
    border-radius: 6px;
    overflow: hidden;
}

.img_list .item_con.two .list a .item_img::before {
    content: '';
    display: block;
    padding-bottom: calc(214 / 178 * 100%); /* 178px 기준 214px 비율 유지 */
}

.img_list .item_con.two .list a .item_img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover; /* 이미지가 비율 유지되면서 꽉 차도록 */
}

.img_list .item_con {display: flex;flex-wrap: wrap;}
.img_list .item_con.two .list {width: calc((100% / 2) - 2px);}
.img_list .item_con.three {flex-wrap: wrap;gap: 3px;}
.img_list .item_con.three .list {width: calc((100% / 3) - 3px);margin-bottom: 15px;}

.img_list .item_con .list a .item_img {
    position: relative;
    width: calc(393 / 389.6* 100%);
    max-width: calc(118 / 390 * 600px); /* 최대 크기 600px */
    border-radius: 6px;
    overflow: hidden;
}

.img_list .item_con .list a .item_img::before {
    content: '';
    display: block;
    padding-bottom: calc(142 / 118 * 100%); /* 118px 기준 142px 비율 유지 */
}

.img_list .item_con .list a .item_img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover; /* 이미지가 비율 유지되면서 꽉 차도록 */
}

/*추가*/

.store_sns img {
    width: 30px;
}