@charset "UTF-8";
/* bar */
.bar{ height: 1.2rem; background-color: #F8F8F8;}

/*버튼*/
.bottom_btn {
    position: fixed;
    left: 50%;
    bottom: 0;
    width: 100%;
    padding: 0.6rem 2rem 1rem;
    max-width: 576px;
    transform: translateX(-50%);
    z-index:16;
}

.go_top2 {
    width: 4.2rem;
    height: 4.2rem;
    background: url(../img/go_top2.png)no-repeat center;
    background-color: rgba(230,230,230,0.68);
    background-size: 1.4rem auto;
    z-index: 1000;
    border-radius: 50%;
    display: none;
    position: fixed;
    right: 1.6rem;
    bottom: 1.6rem;
}
.go_top2.show{display: block;}
.bottom_side_menu1{
    width: 4.2rem;
    height: 6.0rem;
    background: url(../img/ic_orderlist.png)no-repeat center;
    background-color: var(--primary);
    background-size: 2.6rem;
    background-position: center 10px;
    z-index: 1000;
    border-radius: 30px;
    position: fixed;
    right: 1.6rem;
    bottom: 6.8rem;
    font-size: 10px;padding-bottom: 12px;color: #fff !important;text-align: center;
    display: flex;align-items: end;justify-content: center;
}
.bottom_side_menu1.btn-kakao{
    background: url(../img/kakao.png)no-repeat center;
    background-color: transparent;
    background-size: contain;
    bottom: 13.0rem;
}

/*PC 모바일 헤더 공통*/
.logo{display:flex;align-items:center;}
.log_txt{font-size:1.8rem;display:flex;padding-left:1.0rem;}
.log_txt span{display:inline-block;padding:0 1.0rem;border-right:1px solid var(--border);}
.log_txt span:last-child{border-right:0;}

/*PC헤더 스타일*/
.logo img{height: 100%; width: auto;}
.hd_pc{
    position: fixed; 
    left: 0; 
    top: 0; 
    width: 100%;
    z-index:1040;
    background: #fff;
    border-bottom:1px solid var(--border);
    /* iOS position:fixed 안정화 */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.hd_pc .hd_main_wp { display: block;}
/* .hd_pc .hd_main_wp.on { display: none;} */
.hd_pc .logo img{ width:16rem;}
.hd_pc .container{ display: flex; align-items: center; justify-content: space-between; max-width: 1200px; /* 1차수정 1100px *//* 원래 1050px */}
.hd_pc .hd_sub_menu .hd_sub_menu_li:hover a { color: var(--secondary);}

.hd_pc .hd_top_wp .hd_cart { position: relative;}
.hd_pc .hd_top_wp .cartprd_num { content: ''; position: absolute; top: 0.2rem; right: 0.5rem; border-radius: 36rem; padding: 0.2rem 0.5rem; background-color: #F85C36; color: #fff; font-size: 1.0rem; font-weight: 600;}
.hd_m .cartprd_num { content: ''; position: absolute; top: 0; right: 0; border-radius: 36rem; padding: 0.2rem 0.5rem; background-color: #F85C36; color: #fff; font-size: 1.0rem; font-weight: 600;}

.hd_pc .hd_sub_wp { height: 6.4rem;}
.hd_pc .hd_sub_menu { position: relative;}
.hd_sub_menu > li {
    position: relative;
    padding: 0;
}

.parent-menu {
    cursor: pointer;
}
/* 2차 메뉴 스타일 */
.hd_pc .hd_sub_menu .sub_menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--primary);
    min-width: 19rem;
    z-index: 1050;
    /* 초기 상태 */
    visibility: hidden;
    opacity: 0;
    /*visibility: visible;
    opacity: 1;*/
    transition: visibility 0.2s, opacity 0.2s ease-in-out;
}
.hd_pc .hd_sub_menu .sub_menu > li { color: #fff; padding: 1.2rem 3.0rem; height: 4.2rem;}
.hd_pc .hd_sub_menu .sub_menu > li:hover { background-color: var(--secondary);}

/* 3차 메뉴 스타일 */
.hd_pc .hd_sub_menu .sub_sub_menu {
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    background: #fff;
    width: auto;
    min-width: 19rem;
    z-index: 1050;
    overflow-y: auto;
    /* 초기 상태 */
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.2s, opacity 0.2s ease-in-out;
}
.hd_pc .hd_sub_menu .sub_sub_menu::-webkit-scrollbar {
    width: 0.6rem;
    height: 0.6rem;
}
.hd_pc .hd_sub_menu .sub_sub_menu::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 100px;
}


.hd_pc .hd_sub_menu .sub_sub_menu > li.thrd_depth { padding: 0; height: 4.2rem; }
.hd_pc .hd_sub_menu .sub_sub_menu > li.thrd_depth:hover { background-color: var(--gray-20);}
.hd_pc .hd_sub_menu .sub_sub_menu > li.thrd_depth a { min-width: 20rem; width: auto; font-size: 1.5rem;  display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 1.0rem 1.2rem 2.0rem; color: #333333 !important; font-size: 1.5rem; font-weight: 400; }
.hd_pc .hd_sub_menu .sub_sub_menu > li.thrd_depth span { margin-left: 1rem;}

/* 메뉴 호버 시 표시 */
.hd_sub_menu > li:hover .sub_menu {
    visibility: visible;
    opacity: 1;
}

.sub_menu li:hover .sub_sub_menu {
    visibility: visible;
    opacity: 1;
}


.hd_pc .hd_sub_menu li a { padding: 2.0rem 2.5rem; font-size: 1.8rem; font-weight: 600; white-space: nowrap;}
.hd_pc .hd_sub_menu li .btn { padding: 1.7rem 3.5rem 1.7rem 0; font-size: 1.8rem; font-weight: 600;}
.hd_pc .hd_sub_menu li.on a, .hd_pc .hd_sub_menu li.on .btn { color: var(--secondary);}

.hd_pc .hd_sub_menu li .btn .categoryimg_off { display: block;}
.hd_pc .hd_sub_menu li.on .btn .categoryimg_off { display: none;}
.hd_pc .hd_sub_menu li .btn .categoryimg_on { display: none;}
.hd_pc .hd_sub_menu li.on .btn .categoryimg_on { display: block;}

/* 헴버거메뉴 */
.hd_menu_btn {
    background:url(../img/ic_menu.png)no-repeat center;
    background-size:3.0rem auto;
    cursor: pointer;
    width:3.0rem;
    height:3.0rem;
}
.hd_menu_btn a{display:block;}
.m_menu_wr{visibility: hidden; opacity: 0;  position: fixed; top: 0; right: -200%; width: 100%; height: 100%; z-index: 1010; transition: all 0.5s ease-in-out; display: flex; justify-content: start;max-width:412px;}
.m_nav .nav_a img{width:2.0rem;}
.m_nav .nav_ul2{display: none;}

/* x버튼 */
.menu_hd{display: none; opacity: 0;height:var(--hd_height_m);}
.m_nav .menu_hd{display: flex; justify-content: space-between; align-items: center;background: #fff;padding:0 1.6rem;opacity: 0;}
.menu_on .m_nav .menu_hd {opacity: 1;}
.close_btn{width: 3.0rem;}


/* 메뉴 열렸을때 외부 */
.menu_on .m_menu_wr{visibility: visible; opacity: 1;right: 0%;}
.m_nav{position: relative; width: 100%; height: 100%; z-index: 99999;  background: #fff; max-width: 0; transform: translateX(0%); visibility: hidden; opacity: 0;}
.menu_on .m_nav{transform: translateX(0%); visibility: visible; opacity: 1; max-width: 100%;overflow-y: auto;}
.m_nav .nav_ul .nav_a {
    color: var(--text);
    position: relative;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--border);
    padding: 1.45rem 1.6rem;
    font-size: 1.5rem;
    font-weight: 500;
}
.m_nav .nav_ul .nav_ul2{background:#fff;}
.m_nav .nav_ul .nav_ul2 a {
    color: var(--text);
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--border);
    padding: 1.45rem 1.6rem;
}
.m_nav .nav_ul .nav_ul2 a span{margin-right:0.5rem;}
.menu_on .nav_log .btn-link{color:var(--gray);padding-bottom:2.0rem;}
.menu_bg{position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.4); transition: all 0.4s ease-in-out; width: 100%; height: 100%; z-index: 99998; visibility: hidden; opacity: 0;}
.menu_on .menu_bg{visibility: visible; opacity: 1;}
.m_nav .logo{display: inline-block;}


.m_nav_menu > ul > li{border-bottom:1px solid var(--border);margin-bottom:2.2rem;}
.m_nav_menu > ul > li:last-child{border-bottom:0;}
.menu_tit{color:#AAB1B7;font-weight:600;}
.menu_link li a{display:flex;justify-content: space-between;padding:1.15rem 0;color:#313131;}



/* 헤더 */
.hd_m {
    display:none;
    align-items: center;
    justify-content: space-between;
    height: 5.0rem !important;
    width: 100%;
    max-width:991.98px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding:0 1.6rem;
    /*border-bottom:1px solid var(--border);*/
    box-shadow:0 0.3rem 0.6rem rgba(0,0,0,0.03);
    z-index: 1000;
    /* iOS position:fixed 안정화 */
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.hd_m.sdw_none{border-bottom:0;box-shadow:none;}
.hd_m .logo img{width:9.6rem;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; width: 3.0rem; height: 3.0rem; position: relative;}

.hd_m > .page_tit {
    position: relative;
    z-index: 1;
    width: 100%;
}
.hd_m > .hd_btn {
    position: absolute;
    top: 0;
    left: 1.6rem;
    bottom: 0;
    z-index: 100;
}

.hd_m > .page_tit + .hd_btn {
    left:auto;
    right: 1.6rem;
}


.hd_m .hd_btn {
    display: flex;
    align-items: center;
}

.hd_m.main .d-flex {position:relative;}
.hd_m #sch_ip_mo {/*border:none !important; background:var(--light);*/ max-width:251px !important; width:calc(100% - 116px - 2.0rem - 3.0rem - 3.0rem - 9rem) !important; position:absolute; top:0; height:33px; right:9rem; padding:0 1.0rem 0 1.8rem;}
.hd_m .sch_ip input {background:transparent !important; font-size:12px;}
.hd_m .hd_btn .btn_sch {display:none;}

.hd_m.hd_trs{background:transparent;}
.hd_m.hd_trs .page_tit{display:none;}
.hd_m.hd_trs.fix{background: #fff;}
.hd_m.hd_trs.fix .page_tit{display:-webkit-box;}
.hd_btn + #sch_ip_mo {max-width:1500px !important; width:calc(100% - 3.0rem) !important; position:relative; top:auto; height:auto; right:auto; margin-left:3.0rem;}

/*검색*/
.sch_ip { max-width: 100%; width: 100%; display: flex;border:1px solid var(--border);background: #fff;padding: 0 1.5rem 0 2rem;border-radius: 1.0rem;}
.sch_ip .form-control{height:4.0rem;padding: 0.5rem 0;}
.sch_ip .form-control:focus { background-color: transparent; box-shadow: none;}
.sch_ip .sch_btn{width:3.0rem;height:3.0rem;border:0;background: transparent;}
.sch_ip .sch_btn img{ width: 2.5rem;}
/*.sch_result { padding: 1.5rem 2.5rem; position: absolute; top: 0; left: 0;}*/
/*인풋 - 검색*/
.search_result_wp.on ~ .sch_ip { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 1.2rem !important; border-top-right-radius: 1.2rem !important;}
.input_search_wp { position: relative; width:351px;}/*251px*/
.sch_ip input.active, .sch_ip input:active, .sch_ip input:focus,
.sch_ip input:focus-visible, .sch_ip input:focus-within{
    background-color: transparent;
    border-color: transparent;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
.btn_del { position: absolute; z-index: 2; right: 1.5rem; top: 50%; width: 1.8rem; height: 1.8rem; padding: 0; display: flex; align-items: center; justify-content: center; transform: translateY(-50%);}
.btn_del img{ width: 18px}

/*검색창 결과*/
.search_result_wp{
    display: none;
    z-index: 10;
    position: absolute;
    top: 4.0rem;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: auto;
    border: 1px solid var(--border);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 1.2rem;
    border-bottom-right-radius: 1.2rem;
}

.search_result_wp.on { display: block;}
.search_result_wp .result_wp_top { height: auto;
    max-height: 312px;
    min-height: 170px; overflow-y: scroll; padding: 1.0rem 0;}
.search_result_wp .result_wp_top .result_tit {padding: 0.5rem 2.5rem; font-size: 1.4rem; font-weight: 600; color: var(--text);}
.search_result_wp .result_wp_top .result_word {display: block; padding: 0.5rem 2.5rem; font-size: 1.3rem; font-weight: 400; color: var(--gray-80);}
.search_result_wp .result_wp_top .result_word span { font-size: 1.3rem; color: var(--tertiary);}
.search_result_wp .result_word:hover { background-color: var(--gray-10); cursor: pointer;}
.search_result_wp .result_wp_btm { padding: 1rem 2rem;}
/* 최근검색어 */
.recent_sch_box { padding: 0 2.5rem;}
.recent_sch_word { font-size: 1.3rem; color: var(--gray-80);}
.recent_sch_item .btn:hover #ic_close_gray line {
    stroke:rgb(0, 0, 0); /* 원하는 색상 코드로 변경 */
}


/*회색 검색*/
.sch_gray.sch_ip{ background: var(--light); border:0; padding-left: 2.0rem; border-radius: 36rem;}
.sch_gray.sch_ip .form-control{ background: transparent; font-size: 1.4rem;}


/* 검색어 삭제 버튼 */
input[type=search]::-ms-clear, input[type=search]::-ms-reveal {
    display:none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{
    display:none;
}
.sch_ip .sch_clear_btn{
    width: 2.4rem;
    height: 2.4rem;
    display: none;
}
.sch_ip .sch_clear_btn img{
    width: 100%;
}


.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; padding-top:3rem; padding-bottom: 3rem;}



.item_opt_counter {
    position: relative;
    width: 11.7rem;
    height: 3.2rem;
    line-height: 2.8rem;
    border: 1px solid var(--border);
    flex-shrink: 0;
    display: flex;
    align-items: center;
}
.item_opt_counter_btn {
    width: 3.2rem;
    height: 3.2rem;
    vertical-align: top;
    padding: 0;
    border-radius: 0;
    background-color: #fff;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.item_opt_counter_btn.disabled, .item_opt_counter_btn:disabled{opacity: 0.3;
    background: transparent;
    border-color: transparent;
}
.item_opt_counter .quantity{
    width: 5.5rem;
    height: 3.2rem;
    vertical-align: top;
    color: var(--text);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 4.4rem;
    text-align: center;
    border : 1px solid var(--border);
}


.collapse_cate{position: relative;}
.collapse_cate .btn-group-toggle .btn,
.collapse_cate .btn-group .btn{margin-right:0.6rem;margin-bottom:0.6rem;}



/*하단메뉴*/
.bt_menu {
    width: 100%;
    max-width: 991.98px;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    display: none;
    /* iOS Safe Area 대응 */
    padding-bottom: env(safe-area-inset-bottom);
}
.bt_menu ul{display: flex;justify-content: space-between;align-items: center;text-align:center;padding:0 5.0rem; height:6.5rem;}
.bt_menu ul li{}
.bt_menu ul li a {
    display: inline-block;
    color:#999;
    font-weight:600;
    font-size:1.2rem;
}
.bt_menu ul li .ico {
    width: 2.6rem;
    display: block;
    margin: 0 auto;
}
.bt_menu ul li p{margin-top:0.4rem;}
.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;}

/*로그인,회원가입*/
.sign_pg, .login_pg{padding-top:8.0rem;padding-bottom:8.0rem;}
.sign_wr{max-width:48rem;}
.sign_box{border:1px solid var(--border);padding:4.0rem;border-radius:1.8rem;}


/*메인*/
.shop_info{background:#fff;padding:4.0rem 0 4.0rem;}
.select_shop .sel_arrow{width:3.6rem;border:1px solid var(--border);border-radius:50%;margin-left:1.0rem;}
.select_shop .dropdown-menu{width:100%;max-width:30rem;border-color:var(--border);box-shadow:0 0.6rem 2.0rem rgba(0,0,0,0.11);border-radius:1.8rem;padding:1.8rem;}
.select_shop .dropdown-menu li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--border);
    padding: 1.5rem 0;
}
.select_shop .dropdown-menu li:last-child{border-bottom:0;}
.select_shop .name{font-size:2.6rem;font-weight:700;}
.select_shop_wr .select_shop .name{font-size:4.0rem;}

.shop_info_bt .row{margin-left:-0.1rem;margin-right:-0.1rem;}
.shop_info_bt .col, .shop_info_bt .col-auto{padding-left:0.6rem;padding-right:0.6rem;}

.shop_state{background:rgba(170,177,183,0.2);border-radius:0.6rem;}
.shop_state .btn{color:#999;font-weight:600;margin:0;border-radius:0.6rem !important;}
.shop_state .btn.active{color:#000;border-color:#000;background:#fff;}
.shop_state .btn.stop.active{color:#fff;background:#AAB1B7;border-color:#AAB1B7;}

.main_order{background:#F5F6F8;padding:4rem 0;}
.main_order .col-lg-4 {max-width: 39rem;}

.box_sdw{box-shadow:0 0.3rem 0.6rem rgba(0,0,0,0.03);}
.noti_swiper li .item{padding:2.0rem 0;border-bottom:1px solid var(--border);display: block;}
.noti_swiper li:last-child .item{border-bottom:0;}


.pagination_custom .swiper-pagination {
    position: static;
}
.pagination_custom .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination_custom .swiper-pagination-bullet {
    width: 0.8rem;
    height: 0.8rem;
    border-radius:1.0rem;
    background: #E3E3E3;
    opacity: 1;
    margin:0 0.25rem !important;
}
.pagination_custom .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--primary);
    width: 2.0rem;
}

/*공지사항*/
.notice_list{background:#F8F8F8;border-radius:2.4rem;padding-top:1.3rem;padding-bottom:1.3rem;}
.notice_list li {
    border-bottom: 1px solid #fff;
    padding: 1.7rem 2rem;
}
.notice_list li:last-child{border-bottom:0;}


/*faq*/
.faq_accordion{}
.faq_accordion .card{border: 0;border-radius: 0;}
.faq_accordion .card-header{border: 0;padding:0;background:transparent;}
.faq_accordion .card-header button {
    border: 0;
    background: 0;
    padding: 2rem 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 1;
    position: relative;
    color: var(--text);
}
.faq_accordion .card-header button img{transform: rotate(0deg);transition: all 0.2s ease;width:2.4rem;}
.faq_accordion .card-header button[aria-expanded="true"]{border:0;}
.faq_accordion .card-header button[aria-expanded="true"] img{transform: rotate(180deg);transition: all 0.2s ease;}
.faq_accordion .card-header .faq_q {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: var(--primary);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-right: 1.0rem;
}
.faq_accordion .card-body {
    padding: 2rem 1.6rem;
    background: #F8F8F8;
    border-radius:2.4rem;
}
.faq_accordion .faq_a{margin-right:0.8rem;}
.faq_accordion .collapse{padding-bottom:0;}


/*footer*/
.ft{padding:3.0rem 0 4.0rem 0; background-color: #333333;}
.ft.st1{padding-bottom: 4.8rem;}
.ft_logo_box img { width: 210px;}
.ft .ft_customer .btn{padding-left:1.2rem;padding-right:1.2rem;height:4.2rem;font-size: 1.4rem;font-weight:400;}
.ft .fnb { border-bottom: 1px solid var(--gray-60); padding-bottom: 1.5rem; margin-bottom: 1.5rem;}
.ft .fnb .ft_link_info { margin-bottom: 7.5rem;}
.ft .fnb .ft_link_info a{
    display: inline-block;
    font-weight: 500;
    font-size: 1.6rem;
    color: var(--border);
    padding:0 1rem;
    border-right:1px solid var(--border);
}
.ft .fnb .ft_short_info span, .ft .fnb .ft_short_info a{
    font-weight: 400;
    font-size: 1.6rem;
    color: var(--gray-70);
    padding:0 1rem;
    margin-bottom: 1rem;
    border-right:1px solid var(--gray-70);
}
.ft .fnb .ft_link_info a:last-child, .ft .fnb .ft_short_info span:last-child, .ft .fnb .ft_short_info a:last-child {border-right:0;}
.ft span.line{margin:0 2.0rem;}
.ft_seller_btn { background-color: #333333; border: 1px solid #28F38E; color: #28F38E; height: 5rem; padding: 0.5rem 1.7rem 0.5rem 2.3rem;}
.ft_seller_btn:hover, .ft_seller_btn :active, .ft_seller_btn:focus {  background-color: transparent; color: #28F38E; box-shadow: 0px 0px 16px #28f38e4a;}
.copyright { font-size: 1.6rem;}




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


/* 상품 썸네일 */
.thumb_img { position: relative; margin-bottom: 1.5rem;}
.thumb_img .thumb_btn_box { left: 50%;transform: translateX(-50%); position: absolute; bottom: 1.5rem; z-index: 20; opacity: 0; transition: opacity 0.3s ease; }
.thumb_img:hover .thumb_btn_box { opacity: 1; }
.thumb_img .thumb_badge { z-index: 50; position: absolute; top:1px; left: 1px;}
.thumb_img .thumb_badge span.badge-primary {background-color: #00000080; border-radius: 0;}
/*.thumb_img .rank-badge{z-index: 50; position: absolute; top: 0rem; right: 1.2rem;}*/
.thumb_img .thumb_btn_box .btn { padding: 0; width: 3.8rem; height: 3.8rem; border-radius: 36rem; background-color: rgba(0,0,0,0.4);}
.thumb_img .thumb_btn_box .btn:hover { border-radius: 36rem; background-color: rgba(0,0,0,0.6);}
.thumb_img .thumb_btn_box .btn.btn_like { margin-right: 1.5rem;}
.thumb_img .thumb_btn_box .btn.btn_like svg { width: 1.83rem; height: auto; }
.thumb_img .thumb_btn_box .btn.btn_like.on svg path { fill:#F85C36; stroke: #F85C36; }
.thumb_img .thumb_btn_box .btn.btn_cart svg { width: 2.0rem; height: auto; }
.thumb_img .thumb_btn_box .btn.btn_like_off { fill:none; stroke: #fff;}
.thumb_img .thumb_btn_box .btn.btn_like_off svg { width: 1.83rem; height: auto; }
.thumb_img .thumb_btn_box .btn.btn_like_off svg path { fill:none; stroke: #fff; }
.thumb_img .thumb_btn_box .btn.btn_like_off { margin-right: 0;  border-radius: 50%;   background-color: rgba(0, 0, 0, 0.15);}

.thumb_img .rank-badge {
    z-index: 50;
    position: absolute;
    top: -32px;
    left: 0.5rem;
    /* width: 4.4rem; */
    /* height: 4.4rem; */
    /* border-radius: 50%; */
    /* background: #005A8A; */
    color: #000;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
}
.rank-badge p {font-size: 1.3rem;}
/*.number-tag{display: inline-flex; color: #fff; align-items: center;  justify-content: center; background: url(../img/number-tag.svg); width: 24px;  aspect-ratio: 3 / 5;  font-size: 13px; font-weight: 600; padding-bottom: 7px;}*/
.number-tag{ font-size: 2.5rem;font-weight: 700;margin-right: 0.2rem;}

.prd_quick_actions {display:flex; align-items:stretch; margin:-1.5rem 0 2.5rem; border:1px solid #D7DCE2 !important;}
.prd_quick_actions button {border-radius:0; padding-left:0; padding-right:0; width:50%;}
.prd_quick_actions button:first-child {border-right:1px solid #D7DCE2 !important;}
.prd_main_badge {display:flex; flex-wrap:wrap; align-items:stretch; gap:4px; margin-top:1.4rem;}
.badge-mdpick {padding:0.5rem 0.7rem; border-radius:0.6rem; font-weight:500; font-size:1.4rem; background:rgba(0, 0, 0, 0.45); color:#fff;}

@media (max-width: 991.98px) {
.prd_quick_actions {margin:-1.5rem 0 2rem;}
.prd_quick_actions button span {display:none;}
.prd_main_badge * {font-size:1.3rem !important;}
}


/**반응형 max 576px sm**/
@media (max-width: 575.98px) {
    .prd_quick_actions button svg {width:15px; height:15px;}
    .thumb_img .rank-badge{ top: -32px; left: 0.5rem;}
    .rank-badge p{ font-size: 1.2rem;}
    .number-tag{ font-size: 2rem;}
}

.prd_info { display: inline-block;}
.prd_info_name { margin-bottom: 1.3rem;}
.store_name { font-size: 1.4rem; font-weight: 600; margin-bottom: 0.8rem;}
.prd_item { font-size: 1.6rem; font-weight: 400; color: var(--gray-90);}
.prd_item:hover { color: var(--gray-90);}
.prd_info_price { margin-bottom: 1.3rem;}
.prd_info_price { display: inline-block;}
.prd_price { font-size: 1.6rem; font-weight: 400; color: var(--gray-70); margin-bottom: 0.5rem; text-decoration: line-through;}
.prd_sale_box { display: flex; align-items: center;}
.prd_sale_percent { font-size: 2.0rem; font-weight: 700; color: #F33707; margin-right: 0.5rem; }
.prd_sale_price { font-size: 2.0rem; font-weight: 700;}
.prd_rvw { display: flex; align-items: center; justify-content: start;}
.prd_rvw .prd_star img { width: 16px; margin-right: 0.5rem;}
.prd_rvw .prd_star_count { font-size: 1.4rem; font-weight: 400; color: var(--gray-70);}

/*ai pick*/
.ai_pick { position: absolute; top: -2rem; right: -1rem; z-index: 50;}
.ai_pick img { width: 67.49px;}


/*가로형 썸네일*/
.hrz_thumb .thumb_img { margin-right: 1.8rem;}
.hrz_thumb .thumb_img .thumb_sqr { width: 16rem;}

/*스토어리스트*/
.store_list { background-color: var(--gray-10); border-radius: 1.2rem; padding: 2.5rem; display: flex; align-items: center; justify-content: space-between;}
.store_list .thumb_btn_box .btn { background-color: rgba(0,0,0,0.15);}

.store_prf_info .store_tit { font-size: 1.8rem; font-weight: 700;}


/**********************************/
/*	마이페이지	*/
/**********************************/

.mypage_pg{ padding-top: 4.5rem;}

/* 마이페이지 좌측 영역 */
.mp_left{
    width: 25.0rem;
    margin-right: 6.0rem;
}
.mp_left .user_info_box{
    background: #F5F6F8;
    border-radius: 1.0rem;
    padding: 2.4rem 1.8rem;
}

.mp_left .user_info_box .user_name_wr{
    /*background: url('../img/mp_user_bg.png') no-repeat right bottom;*/
    background-size: 47px;
    margin-bottom: 3.0rem;
}
.mp_left .user_info_box .user_name{
    font-size: 1.7rem;
    line-height: 1.2;
    margin-bottom: 0.2rem;
    word-wrap: break-word;
}
.mp_left .user_info_box .go_set_btn{ font-size: 1.4rem; font-weight: 400; margin-top: 0.8rem; text-decoration: none !important; color: #444444;}
.mp_left .user_info_box .go_set_btn img {
    width: 1.4rem;
    margin-left: 0.5rem;
    filter: invert(62%) sepia(11%) saturate(387%) hue-rotate(169deg) brightness(89%) contrast(86%);
}

/* 아이콘 메뉴부분 */
.sub_pg.mypage .icon_menu{
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 1.4rem;
    background: #fff;
    border-radius: 0.5rem;
    padding: 1.4rem;
}
.sub_pg.mypage .icon_menu > li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 1.4rem;
    cursor: pointer;
}
.sub_pg.mypage .icon_menu .tit_text{
    color: var(--gray-80);
}
.sub_pg.mypage .icon_menu .tit_text img{ width: 1.6rem;}


/* 마이페이지 메뉴 */
.mp_menu{
    margin: 3.0rem 0;
}
.mp_menu ul{
    display: flex;
    flex-direction: column;
    gap: 1.7rem;
    font-size: 1.7rem;
    font-weight: 600;
    padding-left: 1.4rem;
}

.mp_menu .tit_text{
    font-size: 1.6rem;
    color: var(--gray-70);
    margin-bottom: 0.7rem;
}

.mp_menu ul + ul{ margin-top: 4.6rem;}


/* 입점상담, 고객센터 */
.info_bnr_box{
    background: var(--gray-10);
    border-radius: 1.2rem;
    padding: 2.8rem;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #4E4E4E;
}
.info_bnr_box .btn{ background: #fff; /*margin-top: 1.5rem;*/}

.info_bnr_box p{ word-wrap: break-word;}
.info_bnr_box .tit_text {
    color: var(--text);
    font-size: 1.5rem;
    margin-bottom: 1.0rem;
}

.info_bnr_box + .info_bnr_box{ margin-top: 1.5rem;}


/* 마이페이지 우측 영역 */
.mp_pg_tit{
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 2.5rem;
}
.mp_pg_tit2{
    font-size: 2.0rem;
    font-weight: 700;
}

.mp_right .view_more_btn{ font-size: 1.4rem; color:#121212;}
.mp_right .view_more_btn img{ width: 1.4rem;}

.mp_right section + section{ margin-top: 5.0rem;}


.sel_center_log_box{max-width:496px; width:100%; margin:auto; background-color:#fff; border:1px solid #d7dce2; border-radius:8px; padding:40px 40px;}
.sel_center_log_box p{margin-bottom:0}
.sel_center_log_box .logo img{padding:0; width:161px;}
.sel_center_log_box .top{gap:10px; padding-bottom:30px; border-bottom:1px solid #d7dce2;}
.sel_center_log_box .top p{font-size:28px; font-weight:700;}
.sel_center_log_box .mid{padding-bottom:30px; padding-top:30px; border-bottom:1px solid #d7dce2; text-align:center;}
.sel_center_log_box .mid h3{font-size:20px; font-weight:600; margin-bottom:10px;}
.sel_center_log_box .mid p{font-size:15px; font-weight:500; color:#848F9A;line-height: 1.2;}
.sel_center_log_box .bottom{padding-top:20px; display:flex; gap:10px; }
.sel_center_log_box .bottom button{width:100%; border-radius:8px; padding:8.5px;  border:0;}
.sel_center_log_box .bottom button.join-btn{background-color:#1DB9EE}
.sel_center_log_box .bottom button.login-btn{background-color:#1D92D1;}
.sel_center_log_box .bottom button p{font-size:16px; font-weight:400; color:#fff;}
.sel_center_log_box .bottom button p span{ font-weight:600}



.w_65 { width: 6.5rem;}

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

}

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

}


/*반응형 max 992px lg*/
@media (max-width: 991.98px) {
    .sch_ip { max-width: 88%;}
    /* 상품 썸네일 */
    .prd_info { display: inline-block;}
    .prd_info_name { margin-bottom: 1.0rem;}
    .store_name { font-size: 1.3rem;}
    .prd_item { font-size: 1.5rem;}
    .prd_info_price { margin-bottom: 1.0rem;}
    .prd_info_price { display: inline-block;}
    .prd_price { font-size: 1.3rem;}
    .prd_sale_percent { font-size: 1.7rem; }
    .prd_sale_price { font-size: 1.7rem;}
    .prd_rvw .prd_star_count { font-size: 1.3rem;}

    /*가로형 썸네일*/
    .hrz_thumb .thumb_img { margin-right: 1.6rem; margin-bottom: 0;}
    .hrz_thumb .thumb_img .thumb_sqr { width: 13rem;}
    .hd_m {display:flex;}
    .hd_m.main{flex-wrap: wrap; height: 9.6rem !important; padding: 0;border-bottom: 1px solid #D7DCE2;}
    .hd_m.main > .d-lg-none{padding:0 16px;}
    .hd_m.main ul{justify-content: space-evenly;}
    .main-head ul li a{display:block; width:100%; padding:10px 0; font-size:15px; font-weight:600; color:#848F9A}
    .main-head ul li a.on{color:#1D92D1;}
    .bt_menu {display:block;}
    .main-head{overflow:auto;}
    .main-head::-webkit-scrollbar { display: none; /* Chrome, Safari */}
    .main-head ul{min-width: 410px;}
    .m_menu_wr{max-width:100%;transition: none;scrollbar-width: none; /* Firefox */  -ms-overflow-style: none; /* IE/Edge */}
    .menu_on .m_menu_wr{max-width:100%;transition: none;justify-content: center;}
    .m_nav{transition: none;}
    .menu_on .m_nav{max-width:991.98px;}
    .menu_bg{display:none;}

    /*footer*/
    .ft { padding: 3rem 0; max-width: 991.98px;margin: 0 auto;	}
    .ft_logo_box img { width: 176px;}
    .ft_seller_btn { height: 4.0rem; padding: 0.5rem 1.3rem 0.5rem 1.5rem;}
    .ft .fnb .ft_link_info { margin-bottom: 1.8rem;}
    .ft .fnb .ft_link_info a, .ft .fnb .ft_short_info span, .ft .fnb .ft_short_info a, .copyright { font-size: 1.3rem;}

    /*로그인,회원가입*/
    .login_pg{padding-top:3.0rem;padding-bottom:3.5rem;}
    .sign_pg{padding-top:4.5rem;padding-bottom:3.5rem;}
    .sign_pg .tit_h2 { font-size: 2.0rem;}
    .sign_wr{max-width:100%;}
    .sign_box{border:0;padding:0;border-radius:0;}

    /*메인*/
    .select_shop .name{font-size:2.0rem;}
    .select_shop_wr .select_shop .name{font-size:3.0rem;}
    .main_order{padding:3rem 0;}
    .main_order .col-lg-4 {max-width: 100%;}
    .noti_swiper_wr{margin-top:1.2rem;}
    .noti_swiper li .item{padding:1.0rem 0;border-bottom:0;}

}


/*반응형 max 767px md*/
@media (max-width: 767.98px) {

    .bt_menu ul{padding:0 1.6rem;}

    /*메인*/
    .select_shop .dropdown-menu{max-width:100%;}

    .sel_center_log_box{padding-left: 20px;padding-right: 20px;}
}

/*반응형 max 576px sm*/
@media (max-width: 575.98px) {
    .go_top2 {transform: translateX(0);}

}

@media (max-width:390px) {

    .shop_state .btn{padding-left: 0.8rem;padding-right: 0.8rem;}
}
@media (max-width:350px) {

}

@media (max-width: 500px) {
.hd_m.main {height:calc(9.6rem + 33px) !important;}
.hd_m.main > .d-flex {padding-bottom:47px;}
.hd_m #sch_ip_mo {max-width:1000px !important; width:auto !important; top:auto; bottom:0; right:16px; left:16px; height:40px;}
.hd_btn + #sch_ip_mo {max-width:1000px !important; width:calc(100% - 3.0rem) !important; position:relative; top:auto; height:auto; right:auto; margin-left:1.4rem;}
.idx_pg {padding-top:calc(9.6rem + 33px) !important;}
}



/* Add by Lena */
/* footer용 */
.na_ft {background:#575757; padding:0;}
.na_ft .container {position:relative;}
.na_ft .container .fnb {margin-bottom:0; border-bottom:none;}
.footer_area_01 {border-bottom:1px solid #686868;}
.footer_area_01 ul {display:flex; padding:16px 0;}
.footer_area_01 ul li {padding:0 15px; border-left: 1px solid #8f8f8f;}
.footer_area_01 ul li:first-child { border-left:none; padding-left:2px;}
.footer_area_01 ul li a {color:#fff; font-size:14px;}
.footer_area_01 ul li a:hover,
.footer_area_01 ul li a:focus,
.footer_area_01 ul li a:active {text-decoration: underline;}
.footer_area_01 ul li.seller_center_li {display:none;}
.footer_area_01 ul li a.seller_center {color:#fff; font-size:14px; font-weight: bold; background:#00A8FF; border-radius:20px; padding:5px 20px;}
.footer_area_01 ul li a.seller_center:hover,
.footer_area_01 ul li a.seller_center:focus,
.footer_area_01 ul li a.seller_center:active {background:#0084C8;}

@media (min-width:561px) {
    .footer_area_01 ul li.seller_center_li {display:inline-block;}
}


.footer_area_02 a.logo_gray img {width:150px;}
.footer_area_02 ul.copyright_01, .footer_area_02 ul.copyright_02, .footer_area_02 ul.copyright_03 {display: flex;}
.footer_area_02 ul.copyright_01 li, .footer_area_02 ul.copyright_02 li, .footer_area_02 ul.copyright_03 li {padding:0 10px; color:#fff; font-size:13px; border-left:1px solid #8f8f8f; margin:3px 0;}
.footer_area_02 ul.copyright_01 li:first-child, .footer_area_02 ul.copyright_02 li:first-child, .footer_area_02 ul.copyright_03 li:first-child {padding-left:0; border-left:none;}
.footer_area_02 p.copyright_04 {font-size:18px; color:#eee; padding:20px 0; font-weight: bold;;}
.footer_area_02 p.copyright_04 .icon_cs_call {/*background:url(../img/icon_cs_call_w.png) no-repeat 0 center; padding-left:30px;*/color:#78D1FF; font-size:21px;}


.footer_area_03 {position:absolute; top:60px; right:20px;}
.footer_area_03 div img {width:30px;}

.footer_area_04 {font-size:12px; line-height:1.4; color:#ddd;}
p.copyright_05 {font-size:12px; color:#ddd; padding-top:10px;}

@media (max-width:560px) {
    .footer_area_01 { border-bottom:none; margin-bottom:20px; margin-left:-1.6rem; margin-right:-1.6rem;}
    .footer_area_01 ul {display:block;}
    .footer_area_01 ul li {float:left; width:33.3%; text-align:center; height:25px; line-height:25px;}
    .footer_area_01 ul li:first-child {border-left:none; padding:0;}
    .footer_area_01 ul li a {display: block;}
    .footer_area_01 ul li:nth-child(4) {border-left:none;}

    .footer_area_02 a.logo_gray img {width:120px;}
    .footer_area_02 ul.copyright_01, .footer_area_02 ul.copyright_02, .footer_area_02 ul.copyright_03 { flex-direction: column;}
    .footer_area_02 ul.copyright_01 li, .footer_area_02 ul.copyright_02 li, .footer_area_02 ul.copyright_03 li {border-left: none; padding-left: 0;}

    .footer_area_03 {top:94px; right:10px;}

    .footer_area_04 {padding:10px; border-radius:5px; border:1px solid #ddd; }
    .copyright_04 span {display:none;}
    .copyright_04 {display:flex; flex-direction:column; gap:7px;}
}

@media (max-width:400px) {
    .footer_area_01 ul li {border-left:1px solid #8f8f8f !important;}
    .footer_area_01 ul li {width:50%;}
    .footer_area_01 ul li:nth-child(odd) {border-left:none !important;}

    .footer_area_03 {top:120px;}
}

/* 선물 받기 */
.gift_img {max-width:500px; width:100%; height:auto;}
.gift_arrow {margin:39px auto 19px;}
.gift_text {margin-bottom:47px; color:var(--text); font-size:15px; line-height:24px;}
@media (max-width: 1199.98px) {
.gift_contenta {padding-top:30px;}
}
@media (max-width:560px) {
.gift_arrow {margin:20px auto 19px;}
}


.main_bt_area > div > div {background:#F8F9FB; border-radius:20px; min-height:275px; padding:30px;}
.main_bt_area > div > div h2 {font-size:20px; font-weight:bold; margin-bottom:25px;}
.main_bt_area > div > div.main_notice {position:relative;}
.main_bt_area > div > div.main_notice ul {display: flex; flex-direction: column;gap: 24px;}
.main_bt_area > div > div.main_notice ul li {display: flex; justify-content: space-between; align-items: center;}
.main_bt_area > div > div.main_notice ul li a {color:#717171; font-size:14px; position:relative;}
.main_bt_area > div > div.main_notice ul li span {color:#aaa; font-size:12px; margin-right:10px;}
.main_bt_area > div > div.main_notice a.notice_more { position: absolute; top: 30px; right: 30px; font-size:14px; color:#717171; display:flex; align-items:center; gap:5px;}    
.main_bt_area > div > div.main_cs_center {position:relative;}
.main_bt_area > div > div.main_cs_center p {color:#717171; font-size:14px; line-height:1.4; margin-bottom:10px;}
.main_bt_area > div > div.main_cs_center ul {display:flex; flex-direction:row; gap:10px; margin-bottom:10px;}
.main_bt_area > div > div.main_cs_center ul li a {font-size:14px; padding:10px 20px; background:#fff; border-radius:30px; border:1px solid #ccc; display:flex; align-items:center; justify-content:center; gap:5px;}
.main_bt_area > div > div.main_cs_center ul li a:hover,
.main_bt_area > div > div.main_cs_center ul li a:focus,
.main_bt_area > div > div.main_cs_center ul li a:active {border:1px solid #00A8FF; background:#00A8FF; color:#fff;}
.main_bt_area > div > div.main_cs_center ul li a .icon {display:block; width:20px; height:20px;}
.main_bt_area > div > div.main_cs_center ul li:nth-child(1) a .icon {background:url("../img/ico_inquiry.png") 0 0 no-repeat; background-size:contain  !important;}
.main_bt_area > div > div.main_cs_center ul li:nth-child(1) a:hover .icon,
.main_bt_area > div > div.main_cs_center ul li:nth-child(1) a:focus .icon,
.main_bt_area > div > div.main_cs_center ul li:nth-child(1) a:active .icon {background:url("../img/ico_inquiry_w.png") 0 0 no-repeat !important; background-size:contain !important;}
.main_bt_area > div > div.main_cs_center ul li:nth-child(2) a .icon {background:url("../img/ico_chat.png") 0 0 no-repeat; background-size:contain  !important;}
.main_bt_area > div > div.main_cs_center ul li:nth-child(2) a:hover .icon,
.main_bt_area > div > div.main_cs_center ul li:nth-child(2) a:focus .icon,
.main_bt_area > div > div.main_cs_center ul li:nth-child(2) a:active .icon {background:url("../img/ico_chat_w.png") 0 0 no-repeat !important; background-size:contain !important;}
.main_bt_area > div > div.main_cs_center ul li:nth-child(3) a .icon {background:url("../img/ico_faq.png") 0 0 no-repeat; background-size:contain  !important;}
.main_bt_area > div > div.main_cs_center ul li:nth-child(3) a:hover .icon,
.main_bt_area > div > div.main_cs_center ul li:nth-child(3) a:focus .icon,
.main_bt_area > div > div.main_cs_center ul li:nth-child(3) a:active .icon {background:url("../img/ico_faq_w.png") 0 0 no-repeat !important; background-size:contain !important;}
.main_bt_area > div > div.main_cs_center ul li a .text {}
.main_bt_area > div > div.main_cs_center dl {clear:both;  margin-bottom:5px;}
.main_bt_area > div > div.main_cs_center dl dt {color:#717171; margin-right:8px; font-size:14px; float: left; line-height: 1.4;}
.main_bt_area > div > div.main_cs_center dl dd {color:#717171; font-size:14px; line-height:1.4}
.main_bt_area > div > div.main_cs_center .tel {margin-top:-15px; margin-bottom:5px;}
.main_bt_area > div > div.main_cs_center a.telephone_num {/*position:absolute; top:30px; right:30px;*/ font-size:23px; font-weight:bold; color:#00A8FF; /*background:url(../img/icon_cs_call.png) no-repeat;padding-left: 30px; background-position: left center;*/}
.no_notice{display:flex;align-items: center;justify-content: center; flex-direction: column;}
@media (max-width: 991.98px) {
    .main_bt_area .col-md-6 {max-width:100%;}
    .row.main_bt_area {flex-direction: column; gap:10px;}
    .main_bt_area > div > div {min-height: auto;}
    .main_bt_area > div > div.main_notice ul {gap:10px;}
    .row.main_bt_area .main_notice ul li:nth-child(3), .row.main_bt_area .main_notice ul li:nth-child(4) {display:none;}
}
@media (max-width: 767.98px) {
    .main_bt_area > div > div {padding:20px;}
    .main_bt_area > div > div.main_notice a.notice_more {top:20px; right:20px;}
    .main_bt_area > div > div.main_cs_center a.telephone_num {top:20px; right:20px;}
    .main_bt_area > div > div.main_cs_center p,
    .main_bt_area > div > div.main_cs_center p * {word-break:break-all;}
}
@media (max-width: 575.98px) {
    .main_bt_area > div > div.main_cs_center ul {gap:6px;}
    .main_bt_area > div > div.main_cs_center .tel {display:flex; flex-direction:column; gap:7px;}        
    .main_bt_area > div > div.main_cs_center .tel span {display:none;}
}
@media (max-width: 400px) {
    .main_cs_center h2 {margin-bottom:50px !important;}
    .main_bt_area > div > div.main_cs_center a.telephone_num {top:55px; right:auto; left:20px;}
    .main_bt_area > div > div.main_cs_center ul {align-items:stretch;}
    .main_bt_area > div > div.main_cs_center ul li {width:calc(33.3333% - 4px);}
    .main_bt_area > div > div.main_cs_center ul li a {flex-direction:column; border-radius:10px;}
    .main_bt_area > div > div.main_cs_center ul li a .icon {width:30px; height:30px;}
}

/* 마이페이지 > 주문배송 */
.order-history-box .list-sec3 > li > div {flex-direction:column; gap:10px;}
.order-history-box .list-sec3 li .right {flex-wrap:wrap;}
.order-history-box .list-sec3 li .right .btn-box {width:calc(100% - 110px - 20px); display:flex; justify-content:flex-end; gap:5px;}
.order-history-box .list-sec3 li .right .btn-box button {margin-bottom:0;}
.order-history-box .list-sec3 li .right .btn-box-text {width:100%; padding:10px 5px 0; text-align:right;}

.cancel-history-box .list-sec3 > li > div {flex-direction:column; gap:10px;}
.cancel-history-box .list-sec3 li .right {flex-wrap:wrap;}
.cancel-history-box .list-sec3 li .right .btn-box {width:calc(100% - 110px - 20px); display:flex; justify-content:flex-end; gap:5px;}
.cancel-history-box .list-sec3 li .right .btn-box button {margin-bottom:0;}
.cancel-history-box .list-sec3 li .right .btn-box-text {width:100%; padding:10px 5px 0; text-align:right;}

.cancel-history-box .list-sec3 li .price + .text-gray-70 {margin:0 0 7px;}

@media (max-width: 767.98px) {
    .order-history-box .list-sec3 > li > div,
    .order-history-box .list-sec3 li .right {display:flex !important;}
    .order-history-box .list-sec3 li .right .btn-box {width:100%;}
    /*.order-history-box .list-sec3 li .right .btn-box button {width:calc(50% - 2.5px);}
    .order-history-box .list-sec3 li .right .btn-box button:nth-child(5) {width:100%;}*/

    .cancel-history-box .list-sec3 > li > div,
    .cancel-history-box .list-sec3 li .right {display:flex !important;}
    .cancel-history-box .list-sec3 li .right .btn-box {width:100%;}
    /*.cancel-history-box .list-sec3 li .right .btn-box button {width:calc(50% - 2.5px);}
    .cancel-history-box .list-sec3 li .right .btn-box button:nth-child(5) {width:100%;}*/
}

@media (max-width: 500px) {
    .order-history-box .list-sec3 li .right .btn-box {flex-wrap:wrap;}
    .order-history-box .list-sec3 li .right .btn-box button {width:100%;}

    .cancel-history-box .list-sec3 li .right .btn-box {flex-wrap:wrap;}
    .cancel-history-box .list-sec3 li .right .btn-box button {width:100%;}
}

/* 마이페이지 > 이벤트 */
.event_page {background:#2552D6;}
.event_page h1 {border-bottom:1px solid rgba(255, 255, 255, 0.2); color:#fff; padding:25px 60px; letter-spacing:-1px;}
.event_page img {width:100%; height:auto;}
.event_top {padding:0 60px; background:url('../img/event01_1_bg.png') 0 0 no-repeat; background-size:contain !important;}
.event_sub {margin:0 0 70px; text-align:center;}
.event_sub p {padding:20px 0; color:#fff; font-size:20px; font-weight:500; text-align:left;}
.event_sub .item {margin-bottom:6px !important; background:transparent; border:1px dashed #fff; color:#fff; font-weight:300; font-size:16px; opacity:0.5; display:flex; align-items:center;}
.event_sub .item::after {content:'미션을 수행하세요!'; font-size:12px; margin-left:10px; padding-left:10px; display:inline-block; border-left:1px solid #ddd !important;}
.event_sub .item.completed {font-weight:500; opacity:1;}
.event_sub .item.completed::after {content:'완료';}
.event_sub .btn_apply {margin-left:auto; margin-right:auto; width:300px; height:60px; background:#FFD500 !important; color:#000 !important;}
.event_sub .btn_apply:disabled {background:rgb(0, 0, 0, 0.5) !important; color:rgb(255, 255, 255, 0.5) !important;}
.event_info {margin-top:50px;}
@media (max-width: 767.98px) {
    .event_page {padding:0 !important;}
    .event_page h1 {padding:25px 30px; letter-spacing:0;}
    .event_top {padding:0 30px;}
    .event_sub {margin:0 0 50px;}
}
@media (max-width: 575.98px) {
    .event_page h1 {padding:25px 20px;}
    .event_top {padding:0 20px;}
    .event_sub {margin:0 0 40px;}
    .event_sub .btn_apply {width:100%;}
}


/* 메인 이벤트 배너 */
.main-category + .MD-product {margin-bottom:40px;}
.main_event_benner {margin-bottom:70px;}
.food-slide-box + .main_event_benner {margin-top:-50px;}
.main_event_benner .event-benner {overflow:hidden; width:100%; height:130px;}
.mbImg01 {width:100%; height:100%; object-fit:cover; object-position:top center;}

@media (max-width: 991.98px) {
.main-category + .MD-product {margin-bottom:35px;}
.main_event_benner {margin-bottom:50px;}
.food-slide-box + .main_event_benner {margin-top:-40px;}
}

@media (max-width: 767.98px) {
.main-category + .MD-product {margin-bottom:30px;}
.main_event_benner {margin-bottom:50px;}
.food-slide-box + .main_event_benner {margin-top:-40px;}
}



@media (max-width: 575.98px) {
.main-category + .MD-product {margin-bottom:25px;}
.main_event_benner {margin-bottom:50px;}
.food-slide-box + .main_event_benner {margin-top:-30px;}
.main_event_benner .event-benner {height:100px;}
.mbImg01 {object-position:-200px 0;}
}

/*
.main_event_benner .event-benner {overflow:hidden; width:100%; height:200px;}
.mbImg01 {width:100%; height:100%; object-fit:cover;}
*/