/* 모바일/테블릿 사이즈 css */

@media screen and (max-width:1079px) {

  .only-pc {
    display: none;
  }
  .only-mobile {
    display: block;
  }
  .timedeal {
    border-bottom: 8px solid #f1f1f1;
  }
  .timedeal-wrapper {
    flex-flow: column;
  }
  .timedeal-wrapper {
    width: 100%;
    margin: 0px auto;
    display: flex;
    flex-flow: column;
    max-width: 1080px;
    border: 1px solid #B1B1B1;
    border-radius: 3px;
  }
  #header_common #nav a.is-current, .header_categpry_item.is-current {
    color: #FF5A5A;  /*  252 65 72  */
    border-bottom: 3px solid #FF5A5A;
    padding-bottom: 25px;
  }
  #header_common.main {
    height: 106px;
  }
  #header_common.sub {
    height: 120px;
  }
  .open-sale {
    min-height: 290px;
    margin: 40px 15px;
  }
  .timedeal {
    padding: 0px 15px;
    padding-bottom: 22px;
  }
  .timedeal h2.mtpSlideTit {
    padding-left: 0px;
    text-align: center;
  }
  .timedeal-wrapper {
    border: none;
  }
  .timedeal-wrapper>div {
    width: 100%;
  }
  .timedeal-wrapper .timer {
    border: 1px solid #B1B1B1;
    font-size: 16px;
  }
  .timedeal-wrapper .timer span.small {
    font-size: 16px;
  }
  .timedeal-wrapper .timer span.bg-darkgray {
    padding: 4px;
    margin-right: 7px;
    margin-left: 12px;
  }
  .timedeal-wrapper .product .desc {
    padding-top: 16px;
  }
  .timedeal-wrapper .product .desc ul li {
    margin-right: 5px;
  }
  #content .main_sub {
    width: 100%;
    margin: 120px auto 0;
  }
  /*.t1 img{position:relative;top:7px}*/
  .detail_title a img {
    width: 17px
  }
  .btnback {
    position: absolute;
    top: 4px;
    left: 10px
  }
  .btnback img {
    z-index: 9999;
  }
  .keyword {
    font-size: 14px;
    margin-top: 106px !important;
    width: 90%;
    margin: 0 auto;
  }
  .page_nation {
    display: none
  }
  .faq h3 {
    display: none
  }
  #header_common.main~.content {
    margin-top: 91px;
  }
  .shopcart_info>div:last-child p {
    width: 208px
  }
  .modalTop_tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .modalTop_ctn {
    padding: 0 12px;
  }
  .modalTop_ctn h3.order_delMag {
    padding-top: 0;
    margin-bottom: 0;
  }
  .top_checkBox {
    display: none;
  }
  .order_info_modal_address {
    margin-bottom: 15px;
  }
  /* 상단 롤링 배너 */
  .main_banner img {
    position: absolute;
  }
  .top_banner img {
    width: 100%
  }
  .sideMenu {
    z-index: 9999;
    position: relative;
    top: 0 !important;
  }
  #header_common .gnb {
    position: fixed;
    width: 100%;
    background-color: #fff
  }
  .content_main .main_img {
    padding-top: 100px
  }
  .comp_header {
    background-color: #fff
  }
  .comp_header img {
    width: 82px;
    height: 23px
  }
  .menu_btns {
    background-color: #fff
  }
  .btnMenu img {
    width: 19.44px;
    height: 13.67px;
  }
  .btnCart img {
    width: 21px;
    height: 21px;
  }
  .comp_header {
    text-align: center;
  }
  .menu_btns {
    background-color: #fff;
    min-width: 360px;
    height: 28px;
    margin: 0 auto;
    padding: 18px 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    justify-content: space-between;
    align-items: center;
    margin-top: 21px;
  }
  #header_mypage .menu_btns {
    background-color: #fff;
    min-width: 360px;
    height: 28px;
    margin: 0 auto;
    padding: 18px 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    justify-content: space-between;
    align-items: center
  }
  .btnMenu {
    width: 19.44px;
    height: 13.67px;
    display: none;
  }
  .site_icon_header {
    display: none;
  }
  #nav {
    height: 33px;
    overflow: scroll;
    white-space: nowrap;
    background-color: #fff
  }
  #nav {
    margin-top: 24px;
    line-height: 27px;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-overflow-style: none;
    width: calc(100% - 20px);
    margin-left: 20px;
  }
  .nav_wrap {
    position: relative;
    height: auto;
    margin: 0 auto;
    padding: 0px 15px;
  }
  #nav::-webkit-scrollbar {
    display: none;
  }
  .nav_wrap::-webkit-scrollbar {
    display: none;
  }
  #nav a, .header_categpry_item {
    font-family: 'Nanum Gothic', sans-serif;
    height: 19px;
    font-size: 16px;
    font-weight: normal;
    color: #373737;
    white-space: nowrap;
    margin-right: 40px;
    display: flex
  }
  #nav a > span, .header_categpry_item > span {font-weight: 800;}
  #nav a:last-child, .header_categpry_item:last-child {
    margin-right: 0px;
  }
  #nav a:hover, .header_categpry_item:hover {
    color: #FF5A5A
  }
  .top_util,
  #nav .web_cate {
    display: none
  }
  .nav-scroll {
    display: flex;
  }
  .searchbox {
    width: 198px; height: 31px;
    position: relative;
  }
  .move-search-page {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
  }
  .round {
    width: 198px; height: 31px;
  }
  .search_box_icon {
    position: absolute;
    right: 16px;
    top: 6px;
  }
  .search_box_icon input {
    background: url('/images/search_ico.png')no-repeat center/contain;
    height: 100%;
  }
  #header_common {
    position: fixed;
    min-width: 360px;
    height: 100px;
    top: 0px;
    z-index: 9999
  }
  .body_sub_tit {
    display: flex;
    justify-content: space-between;
  }
  .body_sub_tit p {
    margin-top: 26px;
    margin-right: 15px
  }
  .body_sub_tit p img {
    margin-left: 4px;
    width: 6px;
    margin-top: 2px
  }
  .body_sub_tit p {
    margin-top: 26px;
    margin-right: 15px
  }
  .body_sub_tit p img {
    margin-left: 4px;
    width: 6px;
    margin-top: 2px
  }
  .web_index {
    display: none!important
  }
  #shplist .close {
    position: absolute;
    right: 15px;
    top: 15px;
  }
  #shplist .close img {
    cursor: pointer
  }
  .side {
    display: none
  }
  #web_only {
    display: none
  }
  .m_best h2 {
    margin-top: 24px;
    margin-bottom: 15px;
    margin-left: 15px;
    font-size: 14px
  }
  #content {
    width: 100%;
    margin-right: 15px
  }
  .m_bestn_w {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    align-items: center;
    justify-self: center;
    width: 50%
  }
  .m_bestn_mn_box {
    display: none
  }
  .banner {
    display: none
  }
  .m_bestn_tit_w {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
  }
  .m_bestn_tit_box img {
    display: inline-block;
    width: 200px;
  }
  .m_bestn_list {
    border-bottom: 8px solid #f1f1f1;
    padding-top: 10px
  }
  .m_bestn_mn_box {
    float: left
  }
  #slider_main {
    /* display: none; */
    position: relative;
    width: 100%;
    min-width: 360px;
    margin: 0 auto;
    margin-top: 151px;
    overflow: hidden;
  }
  .slider_main_wrap {
    position: relative;
    min-width: 360px;
    width: 100%;
    height: 212px;
    background: #ccc;
    z-index: 0;
  }
  .slider_main_wrap div {
    position: absolute;
    top: 0;
    left: 0;
  }
  .slider_main_wrap img {
    min-width: 360px;
    width: 100%;
    height: 212px;
  }
  .main_slide_pager {
    position: absolute;
    right: 25px;
    bottom: 25px;
    width: 64px;
    height: 26px;
    background: #fff;
    border-radius: 13px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 26px;
  }
  #content .s_wrap {
    margin-bottom: -50px
  }
 .no-price{
    border-top: 8px solid #f1f1f1;
  }
  #content .s_price {
    margin: 20px 10px 20px;
    width: 100%;
    margin-bottom: -50px;
  }
  #content .mtpSlideTit {
    /*border-top:8px solid #f1f1f1;
    padding-top:30px;*/
    font-size: 20px;
    margin-bottom: 21px;
    white-space: nowrap;
    font-weight: normal;
  }
  #content .mtpSlideTit1 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 21px;
    clear: both;
    margin-left: 15px;
  }
  .md{
    border-top:8px solid #f1f1f1
  }
  .loading-circle img{width: 64px!important; height: 64px!important;}
  #content .r_products {
    border-top: 8px solid #f1f1f1;
    border-bottom: 8px solid #f1f1f1;
    margin-top: 20px;
    padding-top: 25px
  }
  #content .s_price li .title {
    font-size: 12px;
    /*overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 100px;
     height: 20px;
     display:inline-block*/
  }
  #content .s_price li .price {
    font-size: 12px;
    font-weight: bold;
    margin-top: 12px;
    overflow: visible;
  }
  #content .s_price ul li img {
    margin-bottom: 10px
  }
  #content .s_price ul li ul li {
    float: left;
  }
  #content .s_price .sale {
    font-weight: bold
  }
  #content .s_price .cost {
    font-size: 10px;
    color: #bbbbbb;
    text-decoration: line-through;
    margin-left: 5px;
    margin-top: 1px;
    font-weight: normal;
  }
  #content .s_price .ratio {
    color: #F32525;
    font-size: 11px;
    margin-left: 5px
  }
  #content .best_wrap {
    width: 100%;
    border-top: 8px solid #f1f1f1;
    margin: 0 auto;
  }
  #content .w_best {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  #content .w_best li .thum img {
    width: 100%;
    height: auto;
  }
  #content .w_best li .title {
    font-size: 12px;
    margin-top: 10px
  }
  #content .w_best li .desc ul {
    margin-left: 1px
  }
  /*  모바일 depth02 */
  .mDepth01 {
    overflow: scroll;
    overflow-x: hidden;
  }
  .mDepth01 li {
    position: relative;
    background: #fff;
  }
  .gnb_depth02 li {
    background: #F5F5F5;
  }
  .sideMenu #tab2 .mDepth01 li {
    height: 49px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
  }
  .sideMenu #tab2 .mDepth01 li a {
    padding-top: 19px;
    padding-left: 15px;
    padding-bottom: 14px;
    font-size: 14px;
    line-height: 14px;
  }
  /*서브메뉴 (신상, 베스트 등등)*/
  /*#mobile_sub{position:fixed;height:90px;background-color:#fff}*/
  #content .main_sub_wrap {
    width: 100%;
    border-top: 2px solid #f1f1f1
  }
  #content .main_sub img {
    padding: 7px;
    height: 220px;
    object-fit: cover;
  }
  #content .main_sub ul:first-child {
    /* display: grid;
    grid-template-columns: repeat(2, 3fr); */
    justify-self: center;
    margin: 0 auto;
    /* padding-left: 15px;
    padding-right: 15px */
  }
  /* #content .main_sub_first ul:first-child {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  } */
  #content .main_sub .desc ul li {
    float: left;
    white-space: nowrap
  }
  #content .main_sub_wrap .desc .title {
    margin-bottom: 7px
  }
  #content .main_sub_wrap .desc .sale {
    font-weight: bold;
  }
  #content .main_sub_wrap .desc .cost {
    color: #bbbbbb;
    text-decoration: line-through;
  }
  #content .main_sub_wrap .desc .ratio {
    color: #F32525;
    font-weight: bold/*;
     font-size:11px*/
  }
  .new_product>.product,
  .protein>.product,
  .sweet>.product,
  .body_bottom>.product,
  .water>.product {
    width: 50%;
  }
  /*cs_center*/
  .cs_content h2 {
    display: none
  }
  .w_sidemenu {
    display: none
  }
  .i_info01,
  .i_info02 {
    display: none
  }
  .cs_content .num {
    display: none
  }
  .cs_content h3 {
    font-size: 16px;
    font-weight: bold
  }
  .info_mob p span {
    color: #31845B;
    font-size: 14px;
    font-weight: bold
  }
  .info_mob ul li {
    float: left;
    margin-right: 10px
  }
  .info_mob ul li img {
    position: relative;

  }
  .innerbox {
    clear: both
  }
  .order .innerbox {
    margin-top: 80px
  }
  .csBtn01 {
    width: 100%;
    height: 45px;
    text-align: center;
    border: 0;
    cursor: pointer;
    color: #fff;
    background-color: #31845B;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    font-family: 'Nanum Gothic', sans-serif;
    margin-top: 15px
  }
  .csBtn01 img {
    width: 20px;
    position: relative;
    margin-right: 10px;
    margin-left: -15px
  }
  /*알림*/
  .alarm_web_title {
    display: none
  }
  .alarmBox {
    margin-top: 31px
  }
  .alarmBox *:not(ul) {
    padding-right: 20px;
  }
  .alarmBox h3 {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 19px
  }
  .alarm {
    border-bottom: 2px solid #E6E6E6
  }
  .alarm:last-child {
    border: none
  }
  .alarmS {
    padding-left: 15px;
    padding-bottom: 20px;
    width: 86%
  }
  .alarmBox {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    align-items: center;
    padding-right: 15px;
    padding-left: 15px
  }
  /*공지사항*/
  .page_wrap {
    display: none
  }
  .noticeBox h4 {
    display: none
  }
  .notice_web_title {
    display: none
  }
  .noticeBox h3 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 7px;
    line-height: 14px
  }
  .noticeBox ul,
  .noticeBox p {
    margin-top: 18px;
    margin-bottom: 18px;
    padding-left: 20px;
    padding-right: 20px
  }
  .nBox_wrap {
    width: 100%;
    border-bottom: 1px solid #E6E6E6
  }
  .nBox_wrap:last-child {
    border: none
  }
  .noticeBox ul li {
    font-size: 12px;
    color: #878787;
    letter-spacing: 0.1px;
    text-align: left
  }
  .noticeBox p {
    line-height: 20px;
  }
  .notice_detail_web_bottom {
    display: none
  }
  /*장바구니*/
  #shpcart_select input[type="checkbox"] {
    display: none;
  }
  #shpcart_select input[type="checkbox"]+label {
    display: inline-block;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    background: url(../images/beforecheck_icon_join.png)left top no-repeat;
    cursor: pointer;
    background-size: 19px 19px;
    padding-left: 33px;
    padding-bottom: 4px
  }
  #shpcart_select input[type="checkbox"]:checked+label {
    background: url(../images/aftercheck_icon_join.png)no-repeat;
    background-size: 19px 19px;
  }
  .shoplist_ctn input[type="checkbox"] {
    display: none;
  }
  .shoplist_ctn input[type="checkbox"]+label {
    display: inline-block;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    background: url(../images/beforecheck_icon_join.png)left top no-repeat;
    cursor: pointer;
    background-size: 19px 19px;
    padding-left: 33px;
    padding-bottom: 4px
  }
  .shoplist_ctn input[type="checkbox"]:checked+label {
    background: url(../images/aftercheck_icon_join.png)no-repeat;
    background-size: 19px 19px;
  }
  .shoplist_ctn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    letter-spacing: 0.8px;
    border-bottom: 1px solid #BBBBBB
  }
  input#shoplist_part_selt {
    margin-right: 10px;
  }
  .deleteselectBtn {
    border-radius: 5px;
    border: 1px solid #BBBBBB;
    background-color: #fff;
    padding: 5px
  }
  .product_name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
  }
  .option_desc {
    margin-top: 6px;
  }
  .detail_price {
    width: 100%;
  }
  .detail_price .price {
    float: right
  }
  .detail_price {
    border-collapse: separate;
    border-spacing: 0 10px;
    font-size: 14px
  }
  .shopBox01 {
    display: none
  }
  .shopBox02 table {
    border-collapse: separate;
    border-spacing: 0 20px;
    font-size: 14px
  }
  .final {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #bbbbbb
  }
  .final .total {
    display: none
  }
  .btn_area_web .total {
    display: flex;
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px
  }
  .purchaseBtn {
    width: 98%;
    margin: 0 auto;
    margin-left: 4px;
    height: 45px;
    color: #fff;
    background-color: #FF5A5A;
    border-radius: 5px;
    margin-bottom: 20px
  }
  .total_mobile ul li {
    font-size: 16px;
    font-weight: bold;
    float: left;
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 20px
  }
  .total_mobile .price {
    float: right;
    padding-right: 15px
  }
  /*faq*/
  .faq_web_title {
    display: none
  }
  .faq {
    margin-top: 20px;
    width: 100%;
  }
  .faq_q .title {
    padding-top: 15px
  }
  .faq .downArrow,
  .faq .upArrow {
    position: absolute;
    right: 20px;
    margin-top: 5px;
    width: 11px;
    height: 11px
  }
  .faq .arrow-clicked {
    transform: rotateZ(180deg);
  }
  .faq ul li {
    float: left;
  }
  .faq_title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding-right: 20px;
    margin-bottom: 20px;
  }
  .faq_title p span {
    font-size: 15px;
    font-weight: bold;
    padding-left: 15px
  }
  .review_edit ul li {
    font-size: 12px;
    margin-left: 20px;
    line-height: 14px;
  }
  .Faq01 table {
    width: 100%;
  }
  .Faq01 td {
    padding: 10px 15px 15px;
    font-size: 14px;
    line-height: 22px;
    min-height: 51px
  }
  .Faq01 tr.faq_q td {
    cursor: pointer;
    border-bottom: 1px solid #E6E6E6
  }
  .Faq01 tr.faq_a {
    display: none;
  }
  .faq_a_box {
    padding-top: 5px
  }
  .faq_a_box p {
    line-height: 20px;
    font-size: 12px
  }
  .faq_a01 {
    background-color: #F6F8F9;
    border-bottom: 1px solid #e6e6e6
  }
  .Faq01 tr.faq_a .faq_a faq_a01 {
    width: 100%;
    clear: both;
    border-bottom: 2px solid #E6E6E6;
  }
  .faq .src_icon {
    position: absolute;
    right: 10px;
    top: 15px
  }
  .faq .page_wrap {
    display: none
  }
  /* 메인 팝업 bg */
  div#popup-cookie.popup_layer_wrapper{
    display: block;
    position: fixed;
    top: 0%;
    background: rgba(0, 0, 0, 0.70);
    /* margin: 15% 0; */
    width: 100%;
    height: 100%;
    z-index: 99999999999;
  }
  .popup_box_wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.70);
    z-index: 10000;
  }
  .mypage_modal .modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    height:500px;         
}
  /* 메인 팝업창 (회원가입) */
  #popup_layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
  }
          /*팝업 박스 (앱 설치) */
          .popup_box {
            position: fixed;
            background-color: #fff;
            width: 100%;
            height: 310px;
            margin: 0 auto;
            border-radius: 5px;
            bottom: 0%;
  
        }
        .popup_a {
          height: 290px;
        }
        .popup_b {
          height: auto;
        }
        .popup_box02{
          position: relative;
          top: 30%;
          background-color: rgba(0, 0, 0, 0.0);
          /* 15% from the top and centered */
          width: 289px;
          height: 300px;
          margin: 0 auto;
          border-radius:5px;

      }
          

        .popup_box>span.close {
            position: absolute;
            right: 10px;
            top: 0;
            font-size: 24px;
            cursor: pointer;
        }

        .index-modal>h2 {
            font-size: 20px;
            font-weight: 800;
            text-align: center;
            padding: 40px 0 20px 0;
        }

        .index-modal p.second {
            font-size: 14px;
            font-weight: 400;
            text-align: center;
            padding-bottom: 6px;
            color: #6B6B6B;
        }

        .index-modal p.id-login {
            font-size: 14px;
            color: #BBBBBB;
            text-align: center;
        }

        /*컨텐츠 영역*/
        .index-modal p {
            text-align: center;
        }

        .index-modal .close {
            position: absolute;
            right: 0;
            top: -36px;
            font-size: 28px;
            color: #BBB;
        }

        .index-modal .close img {
            width: 14px;
            height: 14px
        }

        /*.sale_coupon {
            position: relative;
            top: -20px
        }*/
        .sale_coupon{
          padding-top:20px;
          display:flex;
          margin-left:30px
        }
        .sale_coupon img {
            width: 72px;
            height: 72px;
            border-radius: 15px;
            box-shadow: -1px 1px 3px #aaa8;
        }
        .sale_coupon p{
          font-size:22px;
          font-weight:bold;
          color:#fff;
          text-align: left!important;
          padding-left:19px
        }
        .popUp .popup_box {
          width: calc(100% - 60px);
          bottom: 30px;
          left: 30px;
          border-radius: 20px;
        }
        .popUp .sale_coupon {
          margin: 0;
          justify-content: center;
          padding-top: 50px;
        }
        .popUp2 .sale_coupon {
          padding-bottom: 30px;
        }
        .popUp2 .sale_coupon p {
          font-size: 18px;
          padding-right: 30px; 
        }
        .popup-button-area {
          padding-bottom: 30px;
        }
        .popup-button-area a ~ a {
          margin-left: 20px;
        }
        .popUp .sale_coupon p {
          color: #4A4A4A;
          padding-left: 35px;
        }
        .popUp .index-modal p span a {
          color: #4A4A4A;
        }
        .popUp .index-modal .app02 {
          display: block;
          margin: 40px auto 11px;
          border-radius: 7px;
        }
        .index-modal .app01 {
            color: #4A4A4A;
            font-size: 24px;
            font-weight: bold;
            padding-top:14px
        
        }
 
        .index-modal p span a{
            color: #fff;
            font-size: 14px;
            padding-bottom: 25px;
            text-decoration: underline;

        }

        .login_with_sns {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 181px;
            margin: 0 auto;
            padding: 25px 0;
        }

        .login_with_sns li img {
            width: 52px;
            height: 52px;
        }

        .login_with_sns li:not(:last-child) {
            padding-right: 17px;
        }

        .index-modal .app02 {
            width: 289px;
            height: 49px;
            background-color: #31845B;
            font-size: 16px;
            color: #fff;
            border-radius: 5px;
            margin-top: 21px;
            padding-top:14px;
            font-weight:bold;
            margin-bottom:11px
        }

        .index-modal .app02.app03 {
            background-color: #FF5A5A;
        }

  /*버튼영역*/
  .popup_box .popup_btn {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 45px;
    background: #5d5d5d;
    word-break: break-word;
  }
  .popup_box .popup_btn a {
    position: relative;
    display: table-cell;
    height: 30px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    background: #FF5A5A;
  }
  .popup_box .popup_btn a:before {
    content: '';
    display: block;
    position: absolute;
    top: 14px;
    right: 29px;
    width: 1px;
    height: 21px;
    background: #fff;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .popup_box .popup_btn a:after {
    content: '';
    display: block;
    position: absolute;
    top: 14px;
    right: 29px;
    width: 1px;
    height: 21px;
    background: #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .popup_box .popup_btn a.close_day {
    background: #5d5d5d;
  }
  .popup_box .popup_btn a.close_day:before,
  .popup_box .popup_btn a.close_day:after {
    display: none;
  }
  /*오버레이 뒷배경*/
  .popup_overlay {
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.5);
  }
  .web_index {
    display: none
  }
  .new_product,
  .protein,
  .sweet,
  .water {
    border-top: 8px solid #F1F1F1;
    margin-top: 20px
  }
  .body_bottom .thum img {
    margin-top: 10px;
    width: 100%;
    padding: 10px;
    height: 244px;
    overflow: hidden;
    object-fit: cover
  }
  .body_bottom ul:not(ul li ul) {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    justify-self: center;
    margin: 0 auto;
  }
  .body_bottom .desc .sale {
    font-weight: bold
  }
  .df-slider{
  margin-left:15px;
  margin-right:15px
  }
  .myReview{
  display:flex;
  padding-top:30px;
  padding-bottom:14px;
  }
  .body_bottom .desc .ratio {
    font-weight: bold
  }
  .side {
    display: none
  }
  .sideMenu #tab1 {
    width: 100%;
    min-width: 360px;
  }
  #web_only {
    display: none
  }
  .m_best h2 {
    margin-top: 24px;
    margin-bottom: 15px;
    margin-left: 15px;
    font-size: 14px
  }
  #content {
    width: 100%;
    margin-right: 15px
  }
  .cs_content {
    padding-bottom: 44px
  }
  .m_bestn_w {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    align-items: center;
    justify-self: center;
    width: 50%
  }
  .m_bestn_mn_box {
    display: none
  }
  .banner {
    display: none
  }
  .blank_sec {
    display: none
  }
  .hide-mobile{display:none}
  .m_bestn_tit_w {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
  }
  .m_bestn_tit_box img {
    display: inline-block;
    width: 200px;
  }
  .m_bestn_list {
    border-bottom: 8px solid #f1f1f1;
    padding-top: 10px
  }
  .m_bestn_mn_box {
    float: left
  }
 .catgor_wrap {
    width: 100%;
    border-bottom: 8px solid #f1f1f1;
    overflow:auto
  }
  .slimscroll {
    overflow: auto;
    padding-bottom: 20px;
}

.slimscroll::-webkit-scrollbar {
    display: none;
}
/* .slimscroll::-webkit-scrollbar {
    width: 10px!important;
    height: 10px;
}

.slimscroll::-webkit-scrollbar-thumb {
    background-color: #B0B0B0;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
}

.slimscroll::-webkit-scrollbar-track {
    background-color: #E0E0E0;
    border-radius: 10px;
    box-shadow: inset 0px 0px 3px white;
} */
 .category {
    width: 100%;
    min-height: 100px;
    border-top: 8px solid #f1f1f1;
    overflow-x:scroll;
    position: relative
  }
 .category ul {
    display: grid;
    grid-template-columns: repeat(13, 2fr);
    align-items: center;
    justify-self: center;
    margin: 10px 0;
    margin-right: 20px
  }
  .category ul li {
    /* height: 100%; */
    text-align: center;
    /* margin-top: 10px; */
    /* outline: 2px solid red; */
  }
  #content .category li {
    float: left;
    width:100px;
    height: 90px;
  }
  #content .category img {
    width: 50px;
    height: 50px
  }
  #content .category p {
    margin-top: 7.89px;
    font-size: 13px;
    word-break: keep-all;
  }
  #content .s_wrap {
    margin-bottom: -50px
  }
  #content .s_price {
    margin: 20px 10px 20px;
    width: 100%;
    margin-bottom: -50px;
  }
  #content .s_price h2 {
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 10px
  }
  #content .s_price li .title {
    font-size: 12px;
    /*overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100px;
        height: 20px;
        display:inline-block*/
  }
  #content .s_price li .price {
    font-size: 12px;
    font-weight: bold;
    margin-top: 12px;
    overflow: visible;
  }
  #content .s_price ul li img {
    margin-bottom: 10px
  }
  #content .s_price ul li ul li {
    float: left;
  }
  #content .s_price .sale {
    font-weight: bold
  }
  #content .s_price .cost {
    font-size: 10px;
    color: #bbbbbb;
    text-decoration: line-through;
    margin-left: 5px;
    margin-top: 1px;
    font-weight: normal;
  }
  #content .s_price .ratio {
    color: #F32525;
    font-size: 11px;
    margin-left: 5px
  }
  #content .best_wrap {
    width: 100%;
    border-top: 8px solid #f1f1f1;
    margin: 0 auto;
  }
  #content .w_best {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  #content .w_best h2 {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 24px;
    font-weight: normal;
}
  #content .w_best li .thum img {
    width: 100%;
    height: auto;
  }
  #content .w_best li .title {
    font-size: 14px
  }
  #content .w_best .desc .sale,
  #content .w_best .desc .ratio {
    font-weight: bold
  }
  .pages {
    position: fixed;
    bottom: 0;
    min-width: 360px;
    width: 100%;
    height: 45px;
    z-index: 999;
    background: #fff;
  }
  .pages ul li div a p {
    text-align: center;
  }
  /*  모바일 depth02 */
  .mDepth01 dd {
    min-width: 360px;
    width: 100%;
    z-index: 1;
  }
  .gnb_depth02 li {
    background: #F5F5F5;
  }
  /* 모바일 푸터 메뉴 수정 */
  div.pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    justify-content: space-around;
  }
  div.pages div {
    margin-top: 4px;
    text-align: center;
    min-width: 60px
  }
  .shadow {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .3)
  }
  .dietFarm_info {
    position: absolute;
    top: 279px;
  }
  .mobileCtn_wrap {
    position: absolute;
    top: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    text-align: center;
    color: #6B6B6B;
  }
  /*장바구니 후 결제하기*/
  .order_product {
    border-bottom: 8px solid #f1f1f1;
  }
  .order_product h4 {
    font-size: 14px;
    margin-top: 20px;
    padding-bottom: 10px;
    padding-left: 15px;
    font-weight: normal
  }
  .order_product img {
    width: 62px;
    height: 62px;
    margin-right: 15px
  }
  .order_product ul {
    font-size: 12px;
    /* padding-left: 15px */
  }
  .order_product ul li {
    margin-bottom: 2px
  }
  .order_product ul li span {
    color: #878787
  }
  .item {
    display: flex;
    padding-top: 15px;
    padding-bottom: 13px;
    border-top: 1px solid #BBBBBB;
    padding-left: 15px
  }
  .orderer_info,
  .deliver_info {
    padding-left: 15px;
    padding-right:15px;
    border-bottom: 8px solid #f1f1f1
  }
  .orderer_info img {
    width: 8px;
    position: relative;
    top: -2px
  }
  .deliver_info h3 img {
    width: 8px;
    position: relative;
    top: -2px
  }
  .deliver_info p img {
    position: relative;
    left: -2px
  }
  .orderer_info h3,
  .deliver_info h3,
  .final_price h3 {
    padding-top: 22px;
    font-size: 14px;
    margin-bottom: 18px
  }
  .orderer_info .members table {
    font-size: 14px
  }
  .members table {
    width: 70%;
  }
  .members tr td {
    padding-bottom: 18px
  }
  .deliver_info .members {
    margin-bottom: 20px
  }
  .members .addr {
    font-size: 14px;
  }
  .members .name,
  .members .num {
    font-size: 12px;
    color: #6B6B6B
  }
  .orderer_info h4,
  .deliver_info h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px
  }
  .orderer_info input,
  .deliver_info input {
    width: 98%;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #BBBBBB;
    margin-bottom: 18px;
    padding: 10px
  }
  .orderer_info select {
    width: 95%;
    height: 30px
  }
  .coup_point h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 15px;
    margin-top: 20px
  }
  .coup_point select {
    margin-left: 15px;
    width: 94%;
    height: 45px;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    padding-left: 16px;
    font-size: 14px
  }
  #selectDeliveryDesc {
    width: 98%;
    height: 45px;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    margin-bottom: 8px;
    padding-left: 16px;
    font-size: 14px
  }
  .coup_point p {
    font-size: 12px;
    margin-top: 10px;
    margin-left: 15px
  }
  .coup_point input {
    width: 73%;
    height: 45px;
    border-radius: 5px;
    border: none;
    border: 1px solid #BBBBBB;
    margin-left: 15px;
    padding-left: 16px;
    font-size: 14px
  }
  .coup_point #btnUse {
    width: 21%;
    height: 45px;
    border: 0;
    border: 1px solid #FF5A5A;
    color: #FF5A5A;
    background-color: #fff;
    border-radius: 5px
  }
  .final_price {
    border-bottom: 8px solid #f1f1f1;
    padding-bottom: 20px
  }
  .final_price h3,
  .payment_method h3 {
    padding-left: 15px
  }
  .final_price table {
    width: 100%;
  }
  .final_price td {
    margin-top: 15px
  }
  .final01 tr,
  .final02 tr {
    display: flex;
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 4px;
    font-size: 14px
  }
  .final01,
  .final02 {
    border-top: 1px solid #bbbbbb;
  }
  .final02 {
    margin-top: 20px
  }
  .total_price .total {
    font-size: 16px;
    font-weight: bold
  }
  .order_info_prc {
    font-size: 16px;
    font-weight: bold
  }
  .payment_method h3 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 24px;
    margin-bottom: 10px
  }
  .order_payment {
    padding-bottom: 18px
  }
  .order_payment ul {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    align-items: center;
    justify-self: center;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
  }
  .order_payment ul li {
    width: 95%;
    height: 45px;
    border: 1px solid #BBBBBB;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 10px
  }
  .order_payment img {
    width: 55px;
    height: 22px;
    position: relative;
    top: 6px
  }
  .agreement h3 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 25px;
    padding-left: 15px
  }
  .agreement h3 img {
    position: relative;
    top: 4px;
    padding-right: 10px
  }
  .agreement p {
    margin-left: 44px;
    margin-right: 44px;
    font-weight: normal;
    color: #6B6B6B;
    line-height: 18px;
    font-size: 12px;
    margin-top: 11px;
    margin-bottom: 25px
  }
  .order_btn {
    width: 100%;
    padding-left: 15px;
    margin-bottom: 25px
  }
  #orderBtn {
    width: 98%;
    height: 45px;
    color: #fff;
    border: 0;
    background-color: #FF5A5A;
    border-radius: 5px
  }
  .web_num {
    display: none
  }
  .event_event_title {
    display: none;
  }
  .web_index {
    display: none
  }
  /* .body_bottom h3 {
    font-size: 20px;
    font-weight: normal;
    padding-left: 15px;
    padding-top: 24px
  } */
  .new_product,
  .protein,
  .sweet,
  .water {
    border-top: 8px solid #F1F1F1;
    margin-top: 20px
  }
  .body_bottom .thum img {
    margin-top: 10px;
    width: 100%;
    padding: 10px;
    height: 244px;
    overflow: hidden;
    object-fit: cover
  }
  .side {
    display: none
  }
  .sideMenu_Header {
    min-width: 360px;
    width: 100%;
    z-index: 999;
    background: #fff;
  }
  .sideMenu #tab1 {
    width: 100%;
    min-width: 360px;
  }
  .pick_list_null {
    width: 100%;
    text-align: center;
    margin: 80px auto;
    padding-top: 200px
  }
  .pick_list_null img {
    width: 100px!important
  }
  .pick_list_null p {
    margin-top: 28.49px;
    font-size: 16px;
    color: #878787;
    padding-bottom: 189.51px
  }
  /* 멀티플 슬라이드 */
  .mtpSlideTit {
    margin: 24px 0 21px 0;
  }
  /*모바일에서 안보이는 요소 */
  .alarm_boxes h4 {
    display: none
  }
  /*제품상세페이지 모달 버튼*/
  .review_btn button {
    width: 90%;
    height: 45px
  }
  .order01 td {
    width: 100px
  }
  .member_delete {
    display: flex;
    justify-content: space-between;
    color: #6B6B6B;
    margin-top: 28px
  }
  .sort {
    padding-top: 20px
  }
  .page_nation {
    display: none
  }

  .long-banner {
    max-width: 100%;
  }
  .long-banner img {
    display: none
  }
  .web_delivery_manage_list {
    margin-bottom: 23px;
  }
  #tab4 .inquiry{
      width: 100%;
      padding-left: 10px;
      font-size: 14px;
      font-weight: bold;
  }
  #tab1_mobile .swiper-pagination{
    width: 20%;
    position: relative;
    top: -50px;
  }
  /* 상품 상세 모바일 탭메뉴 애니메이션 */
  .product_top .pdt_detai_tabinner_vn {
    width: 100%;
    height: 27px;
    position: relative;
    top: 0;
    left: 0;
  }
  .pdt_detai_tabinner_vn>ul.tab_wrap {
    width: 100%;
    border-bottom: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background: #fff;
  }
  .pdt_detai_tabinner_vn>ul.tab_wrap li {
    flex: 2;
    display: block;
    height: 16px;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    cursor: pointer;
    color: #878787;
  }
  .pdt_detai_tabinner_vn>ul.tab_wrap>span {
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 3px;
    background: #FF5A5A;;
    width: 25%;
    opacity: 0;
    transition: all .3s;
    z-index: 9;
  }
  .pdt_detai_tabinner_vn>ul.tab_wrap li.onTab span {
    color: #FF5A5A;;
    font-weight: 700;
  }
  .pdt_detai_tabinner_vn>ul.tab_wrap>li.onTab {
    font-weight: 700;
  }
  .pdt_detai_tabinner_vn>ul.tab_wrap>li:nth-child(1).onTab~span {
    left: 0;
    opacity: 1;
  }
  .pdt_detai_tabinner_vn>ul.tab_wrap>li:nth-child(2).onTab~span {
    left: 25%;
    opacity: 1;
  }
  .pdt_detai_tabinner_vn>ul.tab_wrap>li:nth-child(3).onTab~span {
    left: 50%;
    opacity: 1;
  }
  .pdt_detai_tabinner_vn>ul.tab_wrap>li:nth-child(4).onTab~span {
    left: 75%;
    opacity: 1;
  }
  .pdt_detai_tabinner_vn>ul.tab_wrap li span {
    color: #878787;
    font-weight: 400;
  }
  .order {
    margin-top: 20px;
    width: 100%;
  }
  .orderHistory .order01 td {
    font-size: 14px;
    line-height: 22px;
    width: 93%
  }
  .leftarrow {
    position: absolute;
    right: 20px;
  }
  .mtpSlideTit {
    padding-left: 15px
  }
  .order {
    width: 100%;
    margin: 0 auto
  }
  .order_q .title span {
    display: none
  }
  .order_q .title {
    border: none
  }
  .product_info {
    margin-bottom: 20px
  }
  .product_info ul {
    display: inline-block;
    font-size: 12px;
    padding-left: 10px
  }
  .order_a ul li {
    float: none;
  }
  .info02 {
    display: none
  }
  .company_product h3 {
    font-size: 14px;
    font-weight: normal
  }
  .company_product .title {
    width: 100%;
    border-bottom: 1px solid #BBBBBB;
    padding-bottom: 10px;
    margin-bottom: 18px
  }
  .order_customer {
    border-top: 8px solid #F1F1F1;
    padding-top: 15px;
    padding-bottom: 10px
  }
  div.modal-con.modal1 {
    display: none
  }
  a.button.modal-open {
    float: right;
    position: relative;
    right: 20px;
    top: -20px
  }
  .order_customer p {
    font-weight: bold
  }
  .modal {
    display: none
  }
  .order_customer_info span {
    color: #6B6B6B
  }
  .change_place p {
    font-size: 14px;
    font-weight: bold
  }
  .del_memo_wrap {
    border-bottom: 8px solid #f1f1f1;
    padding-bottom: 24px
  }
  .delivery_memo {
    width: 100%;
    height: 40px;
    border-color: #BBBBBB;
    border-radius: 5px
  }
  #del_memo_ctn {
    height: 80px;
    margin-top: -10px;
    border-color: #BBBBBB
  }
  .coupon_wrap select {
    width: 100%;
    height: 45px;
    border-radius: 5px;
    border-color: #BBBBBB
  }
  .coupon_section {
    border-bottom: 8px solid #f1f1f1
  }
  .final_price p {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #BBBBBB;
    padding-bottom: 20px
  }
  .final_price_web {
    border-bottom: 8px solid#f1f1f1
  }
  .payment_method {
    border-bottom: 8px solid #f1f1f1;
    padding-bottom: 24px
  }
  .payment_method p {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 94%;
    background-color: #F1F1F1;
    margin-left: 15px;
    padding: 7px;
    border-radius: 5px
  }
  .payment_method p span {
    color: #6B6B6B;
    font-size: 12px
  }
  .agree {
    display: none
  }
  .order_confirm p {
    margin-top: 11px;
    margin-bottom: 25px;
    margin-left: 25px;
    margin-right: 45px
  }
  .order_confirm .option {
    color: #878787;
    margin-top: -10px;
    margin-left: 15px
  }
  .agree {
    display: none
  }
  .order_confirm p {
    margin-top: 11px;
    margin-bottom: 25px;
    margin-left: 25px;
    margin-right: 45px
  }
  .order_confirm .option {
    color: #878787;
    margin-top: -10px;
    margin-left: 15px
  }
  .open-sale {
    margin: 0 15px;
  }
  .warn {
    background-color: #F5F5F5;
    padding-top: 20px;
    padding-bottom: 20px
  }
  .warn p {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 20px;
    margin-bottom: 10px
  }
  #order_detail .order_a_box {
    margin-top: 14px;
    padding-left: 15px;
    padding-right: 15px
  }
  .review_modal,
  .inquiry_modal,
  .s_inquiry_modal {
    width: 400px;
    position: fixed;
    z-index: 100000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
  }

  .modal-content {
    max-width: 350px;
    width:350px;
    max-height: 550px;
    border-radius:5px;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 15px;
    overflow: scroll;
    z-index: 2;
  }
  .modalTop_button {
    display: flex;
    justify-content: right;
    padding-bottom: 10px;
  }
  .modalTop_button button {
    font-size: 13px;
    color: #fff;
    border-radius: 5px;
    padding: 2px;
    margin-right: 5px;
    border: none;
    outline: none;
    background: #EFA543;
  }
  .img-modal-content {
    border-radius:5px;
    left: 50%;
    top: 50%;
    position: fixed;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.4);
    padding:2000px;
    z-index:9999;
  }
  .modal {
    display: none;
    z-index: 999999999;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
  }
  
  .modal button {
    position: absolute;
    top: 3rem;
    right: 3rem;
    background: transparent;
    border: 0;
    color: #ffffff;
    font-size: 3rem;
  }
  .body_bottom .product .desc{
    margin-left:15px;
  }
  .modalBox {
    position: relative;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -20%);
    background-color: #000;
    width: 30%;
    height: 30%;
    text-align: center;
  }
  
  .modalBox img {
    width: 100%;
  }
  
  .modalBox p {
    color: #ffffff;
    background-color: #000;
    font-size: 2rem;
    padding: .2rem;
  }
  
  .modal-content .close {
    font-size: 28px;
    float: right;
    cursor: pointer
  }
  .img-modal-content .close {
    font-size: 28px;
    float: right;
    cursor: pointer
  }
  .cancel_header {
    position: relative;
  }
  .cancel_header>h2 {
    text-align: center;
    padding: 42px 0 30px 0;
  }
  .cancel_header .close {
    position: absolute;
    right: 0;
    top: 36px;
    font-size: 28px;
  }
  .cancel_body_element:not(:last-child) {
    padding-bottom: 13px;
  }
  .cancel_body h3 {
    font-size: 12px;
    font-weight: 700;
    padding-bottom: 5px;
  }
  .cancel_body p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.6px;
  }
  .cancel_type select {
    width: 100%;
    height: 36px;
    border: 1px solid #BBBBBB;
    border-radius: 5px;
  }
  .cancel_content input {
    width: 100%;
    height: 153px;
    border: 1px solid #BBBBBB;
    border-radius: 5px;
  }
  .cancel_footer {
    background: #fff;
  }
  .cancel_footer a {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    padding: 13px 150px;
  }
  main#content.coupon {
    width: 100%;
    min-width: 360px;
  }
/*coupon*/
.review_item_box{display:flex;justify-content: space-around;border-bottom:1px solid #E6E6E6;padding-bottom:21px;padding-top:22px}
.review_item_box ul li{margin-bottom:6px;width:200px}
.review_item_box ul li span{color:#878787}
.review_item_box button{width:66px;height:36px;border-radius:5px;background-color:#EFA543;color:#fff;border:none;margin-top:12px}
.review_item_box02{display:flex;justify-content: space-between;border-bottom:1px solid #E6E6E6;padding-bottom:21px;padding-top:22px;padding-right:15px}
.review_box_wrap .star_grade p{padding-top:10px}
.box_wrap{padding-left:15px}
.box_wrap ul{display:inline-block}
.box_wrap ul li{margin-bottom:5px;margin-left:9px}
.p_inquiry_box{border-bottom:1px solid #E6E6E6;padding-top:18px;max-width:100%;min-width:360px}
.p_inquiry_box .box_top{display:flex;justify-content:space-between;margin-bottom:20px;padding-left:15px;padding-right:15px}
.p_inquiry_box .box_top ul li{display:inline-block;margin-left:6px}
.p_inquiry_box .box_top ul li img{position:relative;top:5px}
.p_inquiry_box .box_btm{padding-left:15px;padding-right:15px}
.p_inquiry_box .box_btm p span{font-size:12px}
.p_inquiry_box .box_btm p{font-size:14px;margin-top:20px;margin-bottom:18px}
.p_inquiry_box .p_answer{background-color:#F6F8F9;border-top:1px solid #E6e6e6;padding-top:19px;padding-left:15px;padding-bottom:19px}
.p_inquiry_box .p_answer p{font-size:14px;margin-bottom:19px}
.p_inquiry_box .p_answer ul{font-size:12px;display:flex;justify-content:flex-start}
.p_inquiry_box .p_answer ul li{margin-right:10px}
.p_inquiry_box .p_answer ul li img{position:relative;top:4px}
.p_inquiry_box .box_top p{color:#EFA543;font-weight:bold}
.s_inquiry_box{border-bottom:1px solid #E6E6E6}
.s_inquiry_box .box_top{display:flex;justify-content:space-between;margin-bottom:20px;padding-left:15px;padding-right:15px;padding-top:19px}
.s_inquiry_box .box_top ul li{display:inline-block}
.s_inquiry_box .box_top ul li img{position:relative;top:5px}
.s_inquiry_box .box_btm{padding-left:15px;padding-right:15px}
.s_inquiry_box .box_btm p span{font-size:12px}
.s_inquiry_box .box_btm p{font-size:14px;margin-top:20px;margin-bottom:18px}
.s_inquiry_box .p_answer{background-color:#F6F8F9;border-top:1px solid #E6e6e6;padding-top:19px;padding-left:15px;padding-bottom:19px}
.s_inquiry_box .p_answer p{font-size:14px;margin-bottom:19px}
.s_inquiry_box .p_answer ul{font-size:12px;display:flex;justify-content:flex-start}
.s_inquiry_box .p_answer ul li{margin-right:10px}
.s_inquiry_box .p_answer ul li img{position:relative;top:4px}
.coupon_code{display:none}
.point_history_web{display:none}
.point_title_web{display:none}
.due{display:none}

.point_history .change{
  font-size: 14px;
  font-weight: bold;

}

.point_history .amount.plus{
  color: #31845B;
}
.point_history .amount.minus{
  color: #D62828;
}

#btnModify{width:100%;}
.inquiryBox select{width:100%;
height:40px;
font-size:12px;
padding:10px 10px;
border: 1px solid #999;
font-family: inherit;
border-color:#BBBBBB;
background: url('/images/downarrow_icon_category.png') no-repeat 96% 50%;
border-radius: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;}
.info_title{display:none}
.main_contents{display:none}

.order_list_box h3, .order_list_box table{display:none}
div.dateNo{padding-left:15px}
div.dateNo p.no{margin-top:7px}

.orderDetails{border-bottom:8px solid #F1F1F1;padding-left:15px;padding-right:15px}
.orderList_detail{display:none}    
/* orderlist */
.ord_detail_btn {cursor: pointer;}
.order_list_ctn {width: 100%;padding: 12px 0;font-size: 14px;color: #000;align-items: center;}
.order_list_top {width: 100%;display: flex;justify-content: space-between;align-items: center;}
.order_list_top > p:nth-child(1) > span {font-weight: 700;color: #000;align-items: center;}   
.order_list_top > p:nth-child(1) {color: #ccc;font-size: 14px}
.order_list_top p:nth-child(2) {padding-right: 16px;}
.order_list_top p:nth-child(2) img {vertical-align: middle; padding-left: 2px;}
.order_list_top p.moveToDetail img {vertical-align: middle;padding: 0 3px}


.order_list .thum {width: 50px; height: 62px; background: #ccc;margin-right: 10px;}
.order_list > .order_info_ctn {display: flex}
.order_info_ctn ul {text-align: left}
.order_list ul > li {font-size: 12px;padding: 1px 0}
.order_list ul > li:nth-child(3) {color: #FF5A5A;}

.order_list {display: flex;justify-content: space-between}
div.order_detail_btn ul{display:flex;justify-content: space-around;}
.btnConfirm, .btnTracking{width:48%;height:45px;text-align:center; border:1px solid #E6E6E6;display:inline-block;border-radius:5px;
color:#000;font-size:14px;background-color:#F1F1F1}
.btnTracking{margin-left:7px}

.dateNo{border-bottom:8px solid #F1F1F1}
.date{margin-bottom:3px;color:#878787}
.no{margin-bottom:14px}
.ship_state{color:#FF5A5A;font-weight:bold}
.quantity, .option{color:#878787}
.order_title {display:flex;justify-content: space-between;margin-top:30px;margin-bottom:20px}
.order_title p span{font-size:14px;font-weight:bold}
.orderDetails{padding-left:15px;padding-right:15px;}
.orderBox02{margin-top:19px;padding-top:18px;border-top:1px solid #BBBBBB;margin-bottom:14px}
.order00 li{margin-bottom:5px;}
.order_q .title00{padding-top:10px;padding-bottom:10px;padding-left:15px;font-size:16px;font-weight:bold;}
.order_a_box td{padding-bottom:5px}
.order_a_box td span{color:#878787}
#btnReorder{
      width:100%; height: 45px; 
  line-height: 0px; 
  margin:auto;
  padding: 21px 0 17px;
  border:1px solid #BBBBBB;
  cursor: pointer;color:#000;
  background-color:transparent;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Nanum Gothic', sans-serif;
  border-radius:5px;
  margin-top: 20px;
  padding-bottom: 20px;
}
  
/*주문 내역*/
.orderHistory{width:100%;padding-left:15px;padding-right:15px;margin-bottom:-10px}
.order_list_title {width:100%;display:flex;justify-content:space-between;margin-top:20px}
.order_a{margin-bottom:-25px}
.orderBox tr {padding-top:10px}
.order_a .order_add{font-size:14px;font-weight:bold}
.orderDetail li {font-size: 12px;}
.orderDetail a img{margin-left:-14px}
.orderDetail ul li{width:176px;white-space: nowrap;
overflow:hidden;text-overflow: ellipsis;font-size:11px;}
.orderDetail ul li span{color:#FF5A5A}
.t1{font-size:14px;font-weight:bold;letter-spacing:0.1px}
.t1 span{font-size:12px;color:#BBBBBB;font-weight:normal}
.t2{font-size:12px;line-height:14px;margin-top:5px;}
.order_list_box{display:flex;justify-content:flex-start;margin-bottom:10px;margin-top:10px}
.order ul li{white-space:nowrap}
.order0{margin-top:-10px}
.order_list_btn{width: 58px; padding-right: 0;}
.btnA{width:100%;height:26px;background-color:#FF5A5A;border:0;color:#fff;border-radius:5px;margin-bottom:8px;white-space:nowrap;}
.btnB{width:100%;height:26px;background-color:#fff;border:1px solid #6B6B6B;color:#6B6B6B;border-radius:5px;white-space:nowrap;padding:1px}
.grayLine{width:100%;margin-bottom:10px;border-top:8px solid #E6E6E6;margin-top:20px}
.starRev{
margin-left:15px
}
.share_header h2{
font-size:20px
}
/*주문 내역 없을때*/
.body_contents > .orderList_none_tit {
  font-size: 20px; font-weight: 700;
  text-align: left;
}
.order_list_null{width:70%; text-align:center; margin:197px auto;}
.order_list_null img{width:100px;height:75px}
.no_list{font-size:16px;color:#878787;margin-top:15px} 
.desc ul li{display:inline}
.more_btn{
  width: 100%;
  background-color: #f1f1f1;
  text-align: center;
  height: 45px;
  padding-top: 14px;
  font-size: 14px;
  color: #333;
  margin-top:40px;
      margin-bottom: -30px;
}
#tab_container {			
  width : 50%;
  height : 60%;
  margin : 0 auto;
  padding : 0;
  border : none;
  /*background-color : #ff0000;*/
      
  /* 컨테이너 배치 정렬 실시 */
  float : top;
  position : relative; 
  top : 15%;
  left : 0%;

  /* 브라우저에서 화면 터치 시 파란박스 하이라이트 제거 */
  -webkit-tap-highlight-color : rgba(0,0,0,0);
}
/* 탭 헤더 부분 레이아웃 */		
#tab_header {			
  width : 100%;
  height : 15%;
  margin : 0 auto;
  padding : 0;
  border : none;
  /*background-color : #0000ff;*/
      
  /* 컨테이너 배치 정렬 실시 */
  float : top;
  position : relative; 
  top : 0%;
  left : 0%;

  /* 브라우저에서 화면 터치 시 파란박스 하이라이트 제거 */
  -webkit-tap-highlight-color : rgba(0,0,0,0);
}

/* 탭 헤더 공통 레이아웃 */
.tab_header_common {
  width : 25%;
  height : 100%;
  margin : 0 auto;
  padding : 0;
  border : none;			
      
  /* 컨테이너 배치 정렬 실시 */
  float : left;
  position : relative; 
  top : 0%;
  left : 0%;
  
  /* 마우스 커서 스타일 지정 */
  cursor : pointer;	

  /* 브라우저에서 화면 터치 시 파란박스 하이라이트 제거 */
  -webkit-tap-highlight-color : rgba(0,0,0,0);

  /* 텍스트 정렬 위한 display 설정 */
  display: table;
  table-layout: fixed;
}
.tab_header_common:hover{
  /* 마우스 오버 시 투명도 조절 */
  opacity: 0.5;
}
.tab_header_text_common {
  /* 텍스트 가로 정렬 지정 */
  text-align : center; 
  
  /* 텍스트 색상 지정 */
  color : #ffffff;
  
  /* 텍스트 굵기 지정 */
  font-weight : bold;
  
  /* 텍스트 사이즈 지정 */        	
  font-size : 150%;
      
  /* 텍스트 수직 정렬 실시 */        	        	 	
  display : table-cell;
  vertical-align : middle;
  
  /* 텍스트 내용 길면 숨김 처리*/
  overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  
  /* 태그 밑줄 없애기 */
  text-decoration : none;							
}
 
.tab ul li{
  display:inline-block;
  line-height:20px;
  text-align:center;
  cursor:pointer;
}

.tab ul li:hover,
.tab ul li.on{
  background:#ccc;
}

.tab .conBox{
  width:100%;
  height:auto;
  overflow:hidden;
  min-height:200px;
  display:none;
  text-align:center;
}

.tab .conBox.on{
  display:block;
}	
#nav ul{
display: flex;
justify-content: space-around;
width: 100%;
}
/* 탭 헤더 개별 레이아웃 */
#tab_header_1 {						
  background-color : #ff0000;
}
#tab_header_2 {						
  background-color : #00ff00;
}
#tab_header_3 {						
  background-color : #0000ff;
}
#tab_header_4 {						
  background-color : #000000;
}

/* 탭 콘텐츠 레이아웃 */		
#tab_content {			
  width : 100%;
  height : 85%;
  margin : 0 auto;
  padding : 0;
  border : none;
         
      
  /* 컨테이너 배치 정렬 실시 */
  float : top;
  position : relative; 
  top : -0.2%;
  left : 0%;

  /* 브라우저에서 화면 터치 시 파란박스 하이라이트 제거 */
  -webkit-tap-highlight-color : rgba(0,0,0,0);
}

/* 탭 콘텐츠 공통 레이아웃 */
.tab_content_common {
  width : 100%;
  height : 100%;
  margin : 0 auto;
  padding : 0;
  border : none;			
      
  /* 컨테이너 배치 정렬 실시 */
  float : top;
  position : relative; 
  top : 0%;
  left : 0%;
  
  /* 마우스 커서 스타일 지정 */
  cursor : pointer;	

  /* 브라우저에서 화면 터치 시 파란박스 하이라이트 제거 */
  -webkit-tap-highlight-color : rgba(0,0,0,0);
}
/* 탭 콘텐츠 개별 레이아웃 */
#tab_content_1 {						
  background-color : #ff6699;
  /* 표시 설정 */
  display: block;
}
#tab_content_2 {						
  background-color : #66cc99;
  /* 표시 설정 */
  display: none;
}

.result-area {
  display: none !important;
}

.dietfarm-info {
  display: none;
  transition: 0.3s;
}
.dietfarm-info.active {
  display: block;
  transition: 0.3s;
}

.entrepreneur_info_tap_menu {
  display: flex;
}

.footer-bottom-area {
  padding-bottom: 50px;
}

.footer-buttons a {
  text-decoration: underline;
}

.sideMenu ul.gnb_depth02 {
  display: grid;
  grid-template-columns: repeat(2,2fr);
}

.subMenu {
  font-size: 14px;
}

/* hotdeal 페이지 개발 테스트 */
/* .hot_deal_wrapper h2 {
  display: block !important;
} */

.new_hot_deal {
  max-width: 1079px;
  overflow-x: scroll;
  margin: 0 15px;
}

.new_hot_deal > ul {
  /* width: 1000px;  */
  display: flex !important;
}
.new_hot_deal > ul > li {
  width: 239px;
  margin-right: 15px;
}
.new_hot_deal > ul > li.product {
  box-shadow: 1px 3px 6px #00000029;
  border: 1px solid #f1f1f1;
  opacity: 1;
}
.new_hot_deal .product .title {
  width: 100%;
}

.ending_soon_hot_deal {
  max-width: 1079px;
  overflow-x: scroll;
  margin: 0 15px;
}

.ending_soon_hot_deal > ul {
  width: 1000px;
  display: flex !important;
}
.ending_soon_hot_deal > ul li {
  width: 145px;
  margin-right: 15px;
}
.ending_soon_hot_deal li.product img {
  height: 145px !important;
}
.ending_soon_hot_deal .product .title {
  width: 100%;
}
.ongoing_hot_deal {
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.ongoing_hot_deal > ul {
  padding: 0 !important;
}
.ongoing_hot_deal img {
  width: 120px !important; height: 120px !important;
}
.ongoing_hot_deal .product .thum {
  max-width: 120px;
  width: 120px;
}
.ongoing_hot_deal li.product {
  display: flex;
}
.ongoing_hot_deal .product .title {
  width: 85%;
}

  /* 베스트 카테고리 리뉴얼 디자인 테스트 */

  .best_items {
    width: 100%;
    min-width: 360px;
    margin: 0 auto;
    padding: 0 15px;
  }
  .best_items > ul {padding: 0 !important;}
  .best_items img {
    width: 120px !important; height: 120px !important;
  }
  .best_items li.product {
    display: flex;
  }
  .best_items li.product>a {
    width: calc(100% - 120px);
  }
  .best_items .title {
    word-break: keep-all;
  }

/* 기획전 리뉴얼 디자인 테스트 */
.exhibitions_banner {
    min-width: 330px;
    width: 90%;
    height: auto;
    margin: 0 auto; margin-bottom: 20px;
    padding: 0;
    /* background: #ccc; */
  }
  #content .main_sub .exhibitions_banner>img{
    padding: 0;
    margin: 0;
    height: auto;
  }
  .exhibitions_prod_list {
    padding: 0 !important;
    width: calc(90% + 14px);
    margin: 0 auto;
  }
  .exhibitions_prod_list img {
    width: 120px !important; height: 120px !important;
  }
  .exhibitions_prod_list li.product {
    display: flex;
  }
  .exhibitions_prod_list li:nth-of-type(3) {
    display: none;
  }

  .new_items > ul {
    display: grid;
    padding: 0 20px;
    gap: 5px;
    grid-template-columns: repeat(2,1fr);
  }
  .new_items .product img {
    height: calc(calc(100vw - 25px) / 2) !important;
  }

  .product_list_gird_category {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 5px;
  }

  .mobile-one{grid-column-start: 1; grid-column-end: 3;}

  .product-list-button {
    width: 40px;
    height: 40px;
    box-shadow: #0000004D 0 0 5px;
  }

  .product-list-prev-button {
    left: 5px;
  }

  .product-list-next-button {
    right: 5px;
  }
}