/* 하단 고정 팝업 */
.footer_move_popup {
  position: relative;
  z-index: 1000;
}
.footer_move_popup .con_box {
  z-index: 10;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  transform: translateY(100%);
}
.footer_move_popup .con_box .img_box {
  display: inline-block;
  position: relative;
}
.footer_move_popup .con_box img {
}
.footer_move_popup_bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
}

.footer_move_popup.on .con_box {
  animation-name: move_up;
  animation-fill-mode: both;
  animation-duration: 0.4s;
  animation-delay: 0.7s;
}
.footer_move_popup.on .footer_move_popup_bg {
  z-index: 1;
  animation-name: fadeIn;
  animation-fill-mode: both;
  animation-duration: 0;
  animation-delay: 0.7s;
}

.footer_move_popup .btn_close {
  width: 40px;
  height: 40px;
  background-color: #111;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  border-radius: 50%;
}
.footer_move_popup .btn_close::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: var(--white);
  transform: rotate(45deg);
  position: absolute;
  left: 20px;
  top: 9px;
}
.footer_move_popup .btn_close::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: var(--white);
  transform: rotate(-45deg);
  position: absolute;
  left: 20px;
  top: 9px;
}

.footer_move_popup.off .con_box {
  animation-name: move_down;
  animation-fill-mode: both;
  animation-duration: 0.3s;
  animation-delay: 0s;
}
.footer_move_popup.off .footer_move_popup_bg {
  display: none;
}

@keyframes move_up {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes move_down {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    z-index: -1;
  }
  to {
    opacity: 1;
    z-index: 1;
  }
}

@media (max-width: 1600px) {
  .content_box {
    width: 100%;
  }

  .com_prod_list {
    grid-template-columns: repeat(3, 1fr);
  }

  .detail_wrapper .top_slide_wrapper {
    width: 50%;
  }

  .detail_wrapper .detail_top_slide {
    width: 100%;
  }

  .detail_wrapper .top_info_box {
    width: calc(50% - 30px);
  }
}
/* // max-w 1600 */

@media (max-width: 1024px) {
  
  #container section{margin-bottom: 90px; }
  #container .main_visual{margin-top: 0;}

  #container .sns_wrapper{display: block; padding-bottom: 0;}

  .main_brand_banner .banner_list{grid-template-columns: repeat(2, 1fr);}
  .main_h2 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .main_h2 .btn_link {
    width: 12px;
    height: 12px;
    right: 20px;
  }
  .main_h2 .btn_link::before {
    height: 2px;
    top: 5px;
  }
  .main_h2 .btn_link::after {
    width: 2px;
    left: 5px;
  }

  .detail_con_box.info {
    padding-top: 0;
  }
  .detail_con_box.info h4.title {
    padding-left: 20px;
    font-size: 16px;
    margin-top: 30px;
  }
  .detail_con_box.info .detail_tbl {
    margin-bottom: 25px;
    margin-bottom: 0;
  }
  .detail_con_box.info .detail_tbl td {
    font-size: 12px;
    padding: 10px;
  }
  .detail_con_box.info .detail_tbl .custom_select_box {
    width: auto;
  }

  /* 상세페이지 이미지 영역 */
  .detail_img_slide .control {
    display: none;
  }
  .detail_img_slide .control button {
    width: 20px;
    height: 20px;
  }
  .detail_img_slide .control button.detail_img_slide_prev {
    border-width: 0 0 2px 2px;
    left: 30px;
  }
  .detail_img_slide .control button.detail_img_slide_next {
    border-width: 2px 2px 0 0;
    right: 30px;
  }

  .cart_top_box .step {
    display: none;
  }

  .cart_top_box h2.title {
    width: 100%;
  }

  .cart_total_price.pc_only {
    display: none;
  }

  .cart_wrapper.payment .pay_input_con {
    max-width: 100%;
    padding: 30px 20px 20px;
  }

  .cart_wrapper.payment .pay_input_con .pay_type {
    margin-left: 1px;
  }

  .cart_wrapper.payment .pay_input_con .pay_type .pay_btn {
    margin-right: 0;
    margin-left: -1px;
    font-size: 12px;
    padding: 0;
  }

  .payment .cart_list .cart_prod_list.type2 {
    border-bottom: none;
  }

  .cart_wrapper.payment .pay_input_con .m_mb0 {
    margin-bottom: 0;
  }

  .cart_wrapper.payment .pay_input_con .add_btn {
    width: 120px;
    font-size: 14px;
  }

  .cart_wrapper.payment .cart_total_price {
    padding: 0;
    width: 100%;
  }

  .cart_wrapper.payment .cart_total_price .list {
    padding: 20px;
  }

  .cart_total_price .check_btn_box .btn_basic {
    width: calc(100% - 40px);
    margin: 0 auto;
  }

  .cart_wrapper.payment .cart_prod_list.type2 > li {
    margin-bottom: 0;
    padding: 20px 0 0 0;
  }

  .cart_wrapper.payment .cart_prod_list.type2 > li .box {
    /*padding-left: 100px;*/
  }

  .cart_wrapper.payment .cart_prod_list.type2 > li .prod {
    padding-left: 20px;
  }
  .cart_wrapper.payment .cart_prod_list.type2 > li .prod a {
    padding: 0;
  }

  .cart_wrapper.payment .cart_prod_list.type2 > li .img_box {
    /*
        top: calc(50% - 20px) !important;
        transform: translateY(-50%);
        */
    width: 80px;
    height: 80px;
  }

  .cart_wrapper.payment .cart_prod_list.type2 > li .total {
    padding-left: 0;
    margin-top: 10px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
  }

  .cart_wrapper.payment .cart_prod_list.type2 > li .total .tit {
    font-size: 12px;
  }

  .cart_wrapper.payment .cart_prod_list.type2 > li:last-child {
    border-bottom: 1px solid #e6e6e6;
  }

  .cart_wrapper.payment .cart_list {
    border-top: none;
  }

  .cart_wrapper.payment .agree_box {
    margin-bottom: 0;
    width: 100%;
  }

  .cart_wrapper .agree_box button {
    margin: 10px auto 30px;
    width: calc(100% - 40px);
  }

  .cart_wrapper .agree_box .agree_list {
    margin-bottom: 15px;
  }
  .cart_wrapper .agree_box .agree_txt .agree_list_box {
    padding: 15px 10px;
  }

  .cart_wrapper.payment .button_box .deliver_select button {
    width: auto;
    padding: 0 15px;
    font-size: 12px;
  }

  .payment_finish_box {
    margin: 60px auto;
    padding: 30px 20px;
  }

  .payment_finish_box .btn_box a {
    width: calc(50% - 2.5px);
    padding: 0 15px;
  }

  .deliver_view_top_info {
    padding: 10px;
    min-height: 0;
    margin-bottom: 0;
    background-color: #f8f8f8;
  }

  .deliver_view_top_info .left {
    flex-direction: column;
    align-items: flex-start;
  }

  .deliver_view_top_info .left dl {
    font-size: 12px;
  }

  .deliver_view_top_info .left dl:first-child {
    margin-bottom: 5px;
  }

  .deliver_view_top_info .left dt {
    display: none;
  }

  .order_view_half {
    display: block;
  }

  .order_view_half .order_view_article:first-child {
    margin-right: 0;
  }

  .order_view_article .order_total_price {
    width: calc(100% - 40px);
    margin: 0 auto 10px;
  }

  .order_view_article .order_total_price .bot_box .price {
    font-size: 12px;
  }

  .order_view_article .order_total_price .top_box dl {
    font-size: 12px;
  }

  .order_view_article .order_total_price .bot_box .price .result {
    font-size: 14px;
  }

  .order_view_article .order_total_price .bot_box {
    align-items: flex-start;
    height: auto;
    padding: 15px 0;
    font-size: 12px;
    width: 100%;
  }

  .order_view_article .order_total_price .bot_box .price {
    margin: 0 10px;
    line-height: 1.5em;
    justify-content: space-around;
  }

  .order_view_article .order_total_price .bot_box .price .price_wrap {
    min-width: auto;
  }
  .order_view_article .order_total_price .bot_box .price .math {
    width: 15px;
  }
  .order_view_article .order_total_price .bot_box .price .math span {
    height: 15px;
  }
  .order_view_article .order_total_price .bot_box .price .math span::before,
  .order_view_article .order_total_price .bot_box .price .math span::after {
    width: 11px;
  }

  .order_view_article {
    margin-bottom: 0;
  }

  .order_view_article .read_only_input {
    padding: 40px 10px 0 10px;
  }

  .order_view_article .read_only_input .input_box:last-child {
    margin-bottom: 0;
  }

  .order_view_article .radio_box {
    height: 42px;
    margin: 20px 0 10px 0;
    padding: 0 14px;
  }

  .order_view_article .radio_box label {
    margin-right: 30px;
    font-size: 14px;
  }

  .order_view_article .count_box {
    margin-top: 5px;
  }

  .order_view_article .com_board_btn_box {
    padding: 0 20px 10px;
  }

  .order_view_article .com_board_btn_box button {
    flex: 1;
  }

  .order_view_article .com_board_btn_box.right .left {
    margin-right: 5px;
    position: relative;
  }

  .order_view_article .com_board_btn_box.right button {
    flex: 1;
  }

  .order_view_article .con_box {
    padding: 0 15px;
  }

  .order_view_article .con_box.pd {
    padding: 10px;
  }

  .order_view_article .con_box.pd .pop_input {
    margin-bottom: 0;
  }

  .order_view_article .order_info_dl {
    font-size: 14px;
    height: auto;
    padding: 14px 0;
    margin-bottom: 0;
    align-items: flex-start;
  }

  .order_view_article .order_info_dl dt {
    flex: 120px 0 0;
  }

  .order_view_article .order_info_dl .point_dd {
    flex-direction: column;
    align-items: flex-start;
  }

  .order_view_article .order_info_dl .point_dd .point {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .order_view_article .summary {
    height: 0;
    overflow: hidden;
  }

  .order_view_article .summary.on {
    height: auto;
  }

  .order_view_half .order_view_article .order_view_top_box {
    padding: 0 15px;
    height: 42px;
  }

  .order_view_top_box {
    padding: 0 20px;
    border-bottom-width: 1px;
  }

  .order_view_top_box h3.title {
    font-size: 16px;
    line-height: 42px;
  }

  .order_view_top_box .btn {
    font-size: 14px;
  }

  .order_view_article .com_board_btn_box {
    margin-top: 10px;
  }
  .order_view_top_box .arrow {
    width: 42px;
    height: 42px;
    background: url(../img/arrow_down_ic.svg) no-repeat center/15px 8px;
  }

  .order_view_top_box .arrow.on {
    transform: rotate(180deg);
  }

  .order_prod_list .header {
    display: none;
  }

  .order_prod_list .body_row {
    padding: 10px;
    flex-wrap: wrap;
  }

  .order_prod_list .body_row .img {
    width: 90px;
    margin-left: 0;
    height: 90px;
  }

  .order_prod_list .body_row .prod_info {
    flex: none;
    width: calc(100% - 120px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    position: relative;
  }

  .order_prod_list .body_row .prod_info .img {
    margin-right: 10px;
  }

  .order_prod_list .body_row .prod_info .tit {
    font-size: 16px;
  }

  .order_prod_list .body_row .prod .cart_in {
    position: absolute;
    bottom: 0;
    right: -20px;
  }

  .order_prod_list .body_row .prod_info .price {
    display: none;
  }

  .order_prod_list .body_row .prod_info .count {
    font-size: 14px;
  }

  .order_prod_list .body_row .prod_info .total {
    font-size: 14px;
    text-align: left;
  }

  .order_prod_list .body_row .prod_info .total span {
    margin: 5px 0 0;
  }

  .order_prod_list .body_row .prod_info .box {
    width: 100%;
    margin-bottom: 7px;
    justify-content: flex-start;
    margin-left: 0;
  }

  .order_prod_list .body_row .progress {
    flex: 1;
    flex-direction: row;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #e6e6e6;
  }

  .order_prod_list .body_row .progress .state {
    width: 90px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 0;
    font-size: 14px;
  }

  .order_prod_list .body_row .progress .btn_box {
    display: flex;
  }
  .order_prod_list .body_row .progress button {
    margin-bottom: 0;
    margin-right: 5px;
  }

  .order_prod_list .body_row .progress .btn_basic.type3 {
    font-size: 12px;
  }

  .refund_prod_list .header {
    display: none;
  }

  .refund_prod_list .body_row {
    padding: 10px;
    flex-wrap: wrap;
    border-bottom: 8px solid #f2f2f2;
  }

  .refund_prod_list .body_row .count {
    font-size: 12px;
    font-weight: 300;
  }

  .refund_prod_list .body_row .check {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    height: 42px;
  }

  .refund_prod_list .body_row .img {
    width: 100px;
    margin-left: 0;
    height: 100px;
    margin-right: 10px;
  }

  .refund_prod_list .body_row .prod_info {
    flex: none;
    width: calc(100% - 130px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }

  .refund_prod_list .body_row .prod_info .tit {
    font-size: 16px;
  }

  .refund_prod_list .body_row .prod_info .price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
  }

  .refund_prod_list .body_row .prod_info .og_price {
    margin-bottom: 0;
    margin-right: 8px;
  }

  .refund_prod_list .body_row .prod_info .count_box {
    font-size: 14px;
  }

  .refund_prod_list .body_row .prod_info .box {
    width: 100%;
    margin-bottom: 7px;
    justify-content: flex-start;
  }

  .refund_prod_list .body_row .total {
    font-size: 16px;
    width: 100%;
    padding: 15px 10px;
    margin-top: 10px;
    border-top: 1px solid #e6e6e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }

  .refund_prod_list .body_row .total .m_only {
    font-size: 12px;
    font-weight: 300;
  }

  .refund_prod_list.no_check .body_row {
    padding-top: 20px;
  }

  .mypage_review_able .header {
    display: none;
  }

  .mypage_review_able .date {
    font-size: 16px;
  }

  .mypage_review_able .body_row {
    padding: 20px 10px;
    flex-wrap: wrap;
  }

  .mypage_review_able .body_row .img {
    width: 90px;
    margin-left: 0;
    height: 90px;
  }

  .mypage_review_able .body_row .prod_info {
    flex: none;
    width: calc(100% - 120px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }

  .mypage_review_able .body_row .prod_info .img {
    margin-right: 10px;
  }

  .mypage_review_able .body_row .prod_info .tit {
    font-size: 16px;
  }

  .mypage_review_able .body_row .prod_info .box {
    width: 100%;
    margin-bottom: 7px;
    justify-content: flex-start;
  }

  .mypage_review_able .body_row .write {
    flex: 1;
  }

  .mypage_review_able .body_row .write button {
    width: 100%;
  }

  .adress_edit_wrapper {
    padding: 10px;
    border-top: none;
  }

  .adress_edit_wrapper .check_radio_input dl {
    padding: 13px 10px;
    font-size: 14px;
    flex-direction: column;
    align-items: flex-start;
  }

  .adress_edit_wrapper .check_radio_input dl dt {
    flex-direction: column;
    padding-left: 52px;
    align-items: flex-start;
  }

  .adress_edit_wrapper .check_radio_input dl dt::before {
    top: 13px;
    left: 5px;
  }

  .adress_edit_wrapper .check_radio_input dl dt .name .basic {
    height: 20px;
    font-size: 11px;
  }

  .adress_edit_wrapper .check_radio_input dl dt .adress_call {
    margin-top: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  .adress_edit_wrapper .check_radio_input dl dt .adress_call .call {
    margin-top: 10px;
  }

  .adress_edit_wrapper .check_radio_input dl dt .name {
    width: auto;
  }

  .adress_edit_wrapper .check_radio_input dl .right {
    width: auto;
    padding-left: 52px;
    flex-direction: row;
    margin-top: 10px;
  }

  .adress_edit_wrapper .check_radio_input dl .right button:first-child {
    margin-bottom: 0;
    margin-right: 5px;
  }

  .coupon_wrapper form {
    margin-bottom: 10px;
  }

  .coupon_wrapper form .txt_box {
    margin-top: 10px;
    padding: 0 15px;
  }

  .coupon_wrapper .coupon_regist_box {
    flex-direction: column;
    height: auto;
    margin-bottom: 0;
    align-items: flex-start;
    padding: 15px 10px;
  }

  .coupon_wrapper .coupon_regist_box .check {
    flex: 1;
    padding: 0;
    justify-content: space-between;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .coupon_wrapper .coupon_regist_box .search {
    flex-direction: column;
  }

  .coupon_wrapper .coupon_regist_box .search .bd_input {
    margin-bottom: 5px;
    margin-right: 0;
    flex: none;
  }

  .coupon_wrapper .coupon_regist_box .search .btn_basic {
    width: 100%;
    margin-left: 0;
  }

  .coupon_wrapper .coupon_list {
    padding: 0;
    flex-direction: column;
    width: 100%;
  }

  .coupon_wrapper .coupon_list dl {
    margin-right: 0;
    margin-bottom: 10px;
    flex: 1;
    width: 100%;
  }

  .coupon_wrapper .coupon_list dl dt .tit {
    font-size: 14px;
  }

  .coupon_wrapper .coupon_list dl dt .date {
    font-size: 12px;
  }

  .coupon_wrapper .coupon_list dl dd {
    flex-direction: column;
    padding: 10px;
    align-items: flex-start;
  }

  .coupon_wrapper .coupon_list dl dd .num {
    font-size: 24px;
  }

  .coupon_wrapper .coupon_list dl dd .won {
    font-size: 18px;
  }

  .coupon_wrapper .coupon_list dl dd .info {
    font-size: 12px;
  }

  .coupon_wrapper .coupon_list dl dd .right {
    margin-top: 20px;
    width: 100%;
  }

  .coupon_wrapper .coupon_list dl dd .btn_basic.type3 {
    width: 100%;
  }

  .point_wrapper .my_point {
    margin-bottom: 0;
    border: none;
  }

  .point_wrapper .my_point dl {
    flex-direction: column;
  }

  .point_wrapper .my_point dl dt {
    font-size: 14px;
  }

  .point_wrapper .my_point dl .num {
    font-size: 24px;
  }

  .point_wrapper .my_point dl .won {
    font-size: 20px;
  }

  .point_wrapper .point_list {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .point_wrapper .point_list li {
    padding: 10px 10px 8px 10px;
    border-bottom: 1px solid #e6e6e6;
  }

  .point_wrapper .point_list .grid {
    grid-template-columns: none;
  }

  .point_wrapper .point_list .body_row {
    font-size: 12px;
  }

  .point_wrapper .point_list .body_row .grid_box {
    border-bottom: none;
    height: 20px;
  }

  .point_wrapper .point_list .body_row .use {
    grid-column: 1/2;
    grid-row: 1/2;
    height: 22px;
    margin-bottom: 8px;
    width: 50px;
    background-color: #bebdbd;
    color: #fff;
    border-radius: 20px;
  }

  .point_wrapper .point_list .body_row .use.plus {
    background-color: #c4ae7f;
  }

  .point_wrapper .point_list .body_row .date1 {
    grid-column: 2/3;
    grid-row: 1/2;
    height: 22px;
    justify-self: end;
  }

  .point_wrapper .point_list .body_row .desc {
    grid-column: 1/2;
    grid-row: 2/3;
    justify-self: start;
  }

  .point_wrapper .point_list .body_row .order {
    grid-column: 1/2;
    grid-row: 3/4;
    justify-self: start;
  }

  .point_wrapper .point_list .body_row .order .order_number {
    color: #999;
  }

  .point_wrapper .point_list .body_row .order.pc_only {
    display: none !important;
  }

  .point_wrapper .point_list .body_row .point {
    grid-column: 1/2;
    grid-row: 4/5;
    justify-self: start;
  }

  .point_wrapper .point_list .body_row .point.plus {
    color: #a88421;
  }

  .point_wrapper .point_list .body_row .date2 {
    grid-column: 1/2;
    grid-row: 5/6;
    justify-self: start;
  }

  .point_wrapper .state_date_search_box .right {
    display: none;
  }

  .board_basic .header {
    display: none;
  }

  .board_basic .list {
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 0;
    height: auto;
  }

  .board_basic.notice .list{padding: 0; }
  .board_basic.notice .list>a{width: 100%; padding: 16px 0; }
  .board_basic.notice .list>a .subject{margin-bottom: 0; }
  .board_basic.notice .list>a .date{flex: none; font-size: 12px}

  .board_basic .num {
    display: none;
  }

  .board_basic .box {
    flex-wrap: wrap;
    font-size: 14px;
    padding: 0 10px;
  }

  .board_basic .subject {
    width: 100%;
    line-height: 1.5;
    margin-bottom: 10px;
  }

  .board_basic .date {
    flex: 1;
    justify-content: flex-start;
  }

  .faq_wrapper {
    padding: 0 10px 50px 10px;
    margin-top: 20px;
  }

  .faq_wrapper.mypage {
    margin-top: 30px;
  }

  .board_top_search {
    margin-top: 10px;
    flex-direction: column;
  }

  .board_top_search .custom_select_box {
    width: 100%;
    margin-bottom: 10px;
  }

  .board_top_search .search_box {
    max-width: 100%;
  }

  .board_faq > li {
    font-size: 12px;
  }

  .board_faq > li .ic {
    font-size: 14px;
    width: 32px;
    margin-right: 5px;
  }

  .board_faq > li .desc {
    flex-direction: column;
    align-items: flex-start;
  }

  .board_faq > li .cate {
    text-align: left;
    margin-bottom: 5px;
  }

  .board_faq > li .q_box {
    padding: 10px 0;
  }

  .board_faq > li .a_box .cate {
    margin: 0;
  }

  .board_faq > li.on .a_box {
    padding: 10px 0;
  }

  .board_faq.my > li {
    font-size: 12px;
  }

  .board_faq.my > li .ic {
    font-size: 12px;
    width: 32px;
  }

  .board_faq.my > li .q_box {
    padding: 15px 10px;
  }

  .board_faq.my > li .a_box {
    padding: 0 10px 0 0;
  }

  .board_faq.my > li .q_box,
  .board_faq.my > li .a_box {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
  }

  .board_faq.my > li .id_date {
    order: 0;
    margin: 15px 0;
  }

  .board_faq.my > li .id {
    width: auto;
    margin-right: 10px;
  }

  .board_faq.my > li .desc {
    order: 1;
  }

  .board_faq.my > li .arrow {
    position: absolute;
    right: 10px;
    bottom: 20px;
    width: auto;
    height: auto;
  }

  .board_faq.my > li.on .a_box {
    padding: 15px 10px 15px 0;
  }

  .board_faq.my .btn_box {
    margin-top: 10px;
  }

  .board_faq.my .btn_box button {
    font-size: 12px;
  }

  #wrapper {
    min-width: 0;
  }

  #container {
    overflow: inherit;
    padding-top: 0px;
    padding-bottom: 0;
  }

  #container.main {
    /* overflow: hidden; */
  }

  .content_box.m_no_pd {
    padding: 0;
  }

  .com_prod_list {
    grid-template-columns: repeat(2, 1fr);
  }

  .input_add_box .add_btn {
    width: 172px;
    padding: 0 15px;
  }

  .input_add_box .info.right {
    text-align: right;
    width: 100%;
  }

  .detail_wrapper > .content_box {
    padding: 0;
  }

  .detail_wrapper .review_share_like .right {
    display: none;
  }

  .detail_wrapper .content_box {
    margin-bottom: 20px;
    padding: 0;
  }

  .detail_wrapper .detail_top_slide {
    border: none;
    background-color: #fbfbfb;
    border-bottom: 1px solid #e6e6e6;
  }

  .detail_wrapper .detail_top_slide img {
    width: 100%;
  }

  .detail_wrapper .detail_top_info {
    flex-direction: column;
  }

  .detail_wrapper .top_slide_wrapper,
  .detail_wrapper .top_info_box {
    width: 100%;
  }

  .detail_wrapper .top_info_box {
    margin-top: 15px;
    text-indent: 20px;
    padding: 0;
  }

  .detail_wrapper .top_info_box h2.title {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .detail_wrapper .top_info_box .sub_title {
    margin-bottom: 10px;
  }

  .detail_wrapper .top_info_box .cost {
    width: 100%;
  }

  .detail_wrapper .detail_swipe_page {
    display: none;
  }

  .detail_wrapper .detail_info_dl.m_price {
    height: auto;
    padding-bottom: 20px;
    margin-bottom: 10px;
    /*
        flex-direction: column;
        */
    align-items: center;
  }
  .detail_wrapper .detail_info_dl.m_price dt {
  }

  .detail_wrapper .detail_info_dl.m_price dd {
    font-size: 18px;
  }

  .detail_wrapper .detail_info_dl {
    padding: 0;
    height: 42px;
    margin-bottom: 0;
  }

  .detail_wrapper .detail_info_dl dt {
    flex-shrink: 0;
    width: 60px;
  }

  .detail_wrapper .detail_info_dl dd {
    width: auto;
    line-height: 1.4;
    flex: 1;
  }

  .detail_wrapper .detail_info_dl.deliver_price dd span {
    display: block;
  }

  .detail_price_info {
    padding-top: 0;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
  }

  .detail_price_info .m_price:nth-child(2) {
    border-bottom: 1px solid #e6e6e6;
  }
  .review_share_like {
    border-bottom: none;
    padding-bottom: 10px;
  }

  .detail_option_total_box {
    position: fixed;
    bottom: -20px;
    left: 0;
    z-index: 1000;
    background-color: #fff;
    transform: translateY(100%);
    transition: 0.2s;
  }

  .detail_option_total_box .detail_option_info.single {
    border-top: none;
    margin-top: 0;
  }

  .detail_option_total_box .detail_option_info.single .detail_option_list {
    padding-top: 0;
    max-height: inherit;
  }

  .detail_option_total_box .detail_option_info.single .detail_option_list dl {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
  }

  .detail_option_total_box .close_box {
    width: 100%;
    display: block;
    height: 22px;
    border-bottom: 1px solid #e6e6e6;
    transform: translateY(-100%);
  }
  /*
    .detail_option_total_box .close_box::after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 100%;
        height: 3px;
        background-color: #fff;
        bottom: 0;
        left: 0;
        border-top: 1px solid #e6e6e6;
    }
    */

  .detail_option_total_box .close_box button {
    width: 42px;
    height: 20px;
    border: 1px solid #e6e6e6;
    position: absolute;
    left: 50%;
    top: 2px;
    transform: translate(-50%);
    border-bottom-color: #fff;
    z-index: 10;
    background: #fff url(../img/arrow_down_ic.svg) no-repeat center/12px 5px;
  }

  .detail_option_total_box.on {
    transform: translateY(0);
    bottom: 0;
  }

  .detail_option_total_box .detail_info_dl.option {
    margin: 0;
    padding: 0;
    border-bottom: none;
  }

  .detail_option_total_box .detail_info_dl.option dt {
    display: none;
  }

  .detail_option_total_box .custom_select_box {
    width: calc(100% - 20px);
    margin: 0 auto;
    max-width: 100%;
  }

  .detail_option_total_box .custom_select_box .list {
    max-height: 126px;
    overflow-y: scroll;
  }

  .detail_option_total_box .cart_option_select {
    z-index: 10;
  }

  .detail_option_total_box .option_list {
    max-height: 190px;
    overflow-y: auto;
    padding-bottom: 15px;
  }

  .detail_option_total_box .detail_option_list {
    max-height: 190px;
    overflow-y: auto;
    padding: 15px;
    padding-bottom: 0;
  }

  .detail_option_total_box .detail_option_list dl {
    height: 40px;
    padding: 0;
  }

  .detail_option_total_box .detail_option_list dl dt {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .detail_option_total_box .detail_option_list dl dt .option_name {
    margin-top: 7px;
    font-size: 12px;
  }

  .detail_option_total_box .detail_option_list dl.option {
    padding-top: 15px;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    text-indent: 0;
  }

  .detail_option_total_box .detail_option_list dl.option:first-child {
    margin-top: 0;
  }

  .detail_option_total_box .detail_option_list dl .count_price {
    justify-content: space-between;
    width: 100%;
    margin-bottom: 15px;
  }

  .detail_option_list .com_count_box .count {
    width: 100%;
  }
  .detail_option_total_box .detail_option_list dl .price {
    font-size: 16px;
    margin-left: auto;
  }

  .detail_option_total_box .detail_option_list dl .btn_del {
    position: absolute;
    left: inherit;
    right: 0;
    top: 15px;
    transform: translateY(0);
  }

  .detail_option_total_box .detail_option_list dl .btn_del button {
    width: 12px;
    height: 12px;
  }

  .detail_option_total_box .detail_total_info {
    margin-top: 15px;
    margin-bottom: 0;
    padding-top: 10px;
  }

  .detail_option_total_box .detail_total_info dt {
    font-size: 16px;
  }

  .detail_option_total_box .detail_total_info .num,
  .detail_option_total_box .detail_total_info dd {
    font-size: 18px;
  }

  .detail_option_total_box .detail_btn_box button {
    font-size: 16px;
  }

  .com_count_box .count button {
    width: 22px;
    height: 22px;
  }

  .com_count_box .btn_minus::after {
    left: 7px;
    top: 10px;
  }

  .com_count_box .btn_plus::before {
    left: 7px;
    top: 10px;
  }

  .com_count_box .btn_plus::after {
    left: 10px;
    top: 7px;
  }

  .com_count_box .count input {
    font-size: 16px;
    height: auto;
    line-height: normal;
  }

  .detail_tab {
    margin: 0;
    top: 100px;
  }

  .detail_tab ul li {
    flex: 1;
    font-size: 12px;
  }

  .m_bottom_fix_menu {
    width: 100%;
    height: 48px;
    transition: 0.2s;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 200;
    background-color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }

  .m_bottom_fix_menu.on {
    transform: translateY(100%);
  }

  .m_bottom_fix_menu .left {
    padding-left: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
  }

  .m_bottom_fix_menu .left .like {
    width: 20px;
    height: 19px;
    background: url(../img/like_ic_white.svg) no-repeat center/contain;
    margin-right: 20px;
  }

  .m_bottom_fix_menu .left .like.on {
    background-image: url(../img/like_ic.svg);
  }

  .m_bottom_fix_menu .left .share_box {
    position: relative;
  }

  .m_bottom_fix_menu .left .share_box .share_list_pop {
    position: absolute;
    right: -15px;
    top: -5px;
    transform: translateX(100%);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
  }

  .m_bottom_fix_menu .left .share_box .share_list_pop button {
    margin-right: 8px;
    opacity: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    transition: 0.2s;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .m_bottom_fix_menu .left .share_box .share_list_pop.on button:nth-child(1) {
    animation: shareIc 0.2s both;
    background-image: url(../img/ic_share.svg);
  }

  .m_bottom_fix_menu .left .share_box .share_list_pop.on button:nth-child(2) {
    animation: shareIc 0.2s 0.1s both;
    background-image: url(../img/ic_story.svg);
  }

  .m_bottom_fix_menu .left .share_box .share_list_pop.on button:nth-child(3) {
    animation: shareIc 0.2s 0.2s both;
    background-image: url(../img/ic_kakao.svg);
  }

  .m_bottom_fix_menu .left .share {
    width: 18px;
    height: 18px;
    background: url(../img/share_ic_white.svg) no-repeat center/contain;
  }

  .m_bottom_fix_menu .btn_buy {
    width: 120px;
    color: #fff;
    position: relative;
    height: 100%;
  }

  .m_bottom_fix_menu .btn_buy::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 18px;
    left: 0;
    background-color: #bebdbd;
    top: 50%;
    transform: translateY(-50%);
  }

  .detail_review_top {
    margin-bottom: 20px;
  }

  .detail_review_top .review_type_info {
    margin-right: 0;
  }

  .detail_review_top .txt_info {
    display: none;
  }

  .detail_review_top .review_type_info li {
    margin-right: 30px;
  }

  .detail_review_top .review_type_info li h4 {
    font-size: 12px;
    margin-top: 13px;
  }

  .detail_review_top .review_type_info li p {
    font-size: 16px;
  }

  .detail_review_top .review_type_info li .ic {
    width: 70px;
    height: 70px;
  }

  .detail_review_top .review_type_info li .ic.txt {
    background-size: 38px 38px;
  }

  .detail_review_top .review_type_info li .ic.photo {
    background-size: 40px 31px;
  }

  .detail_review_top .review_type_info li .ic.video {
    background-size: 38px 38px;
  }

  .review_list_box .review_top {
    flex-direction: column;
  }

  .review_list_box .review_top .com_tab_type2 {
    order: 1;
  }

  .review_list_box .review_top .custom_select_box {
    width: 116px;
    order: 0;
    height: 42px;
    border: 1px solid #bebdbd;
    align-self: flex-end;
  }

  .review_list_box .com_board_btn_box a,
  .review_list_box .com_board_btn_box button {
    width: auto;
    flex: 1;
  }

  .review_list_box .com_board_btn_box a {
    margin-right: 5px;
  }

  .review_wrapper .con_box {
    padding: 20px 10px 40px 10px;
    position: relative;
    top: 10px;
  }

  .review_wrapper .best_top_3 h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .review_wrapper .best_top_3 p.info {
    display: none;
  }

  .review_wrapper .best_top_3 .list_box li {
    flex: none;
    margin-right: 0;
    padding: 30px 20px 20px 20px;
    height: 285px;
  }

  .review_wrapper .best_top_3 .list_box li .img_box {
    margin-bottom: 20px;
    width: 100px;
    height: 100px;
  }

  .review_wrapper .best_top_3 .list_box li .img_box .count {
    width: 30px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
  }

  .review_wrapper .best_top_3 .list_box li .rank {
    width: 50px;
    height: 50px;
    font-size: 16px;
  }

  .review_wrapper .best_top_3 .list_box li .rank::before {
    background-size: 16px 16px;
  }

  .review_wrapper .best_top_3 .list_box li .txt_box {
    font-size: 14px;
  }

  .review_wrapper .best_top_3 .list_box li .txt_box .left .date {
    margin-right: 10px;
  }

  .review_wrapper .best_top_3 .list_box li .txt_box .top_info {
    justify-content: flex-start;
  }

  .review_wrapper .top3_page {
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index: 10;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
  }

  .review_wrapper .top3_page .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #bebdbd;
    margin: 0 5px;
  }

  .review_wrapper
    .top3_page
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #a88421;
  }

  .review_wrapper .search_box {
    margin-bottom: 20px;
  }

  .review_wrapper .search_box .input_box {
    margin-bottom: 20px;
  }

  .review_list .prod_box .prod_info {
    padding-right: 35px;
    min-width: 0;
    margin-right: 20px;
  }

  .review_list li {
    width: 100%;
    padding: 10px;
  }

  .review_list li .thumbnail,
  .review_list li .video_ic {
    width: 80px;
    height: 80px;
  }

  .review_list .desc_box .img_list video {
    max-width: 100%;
  }

  .review_list li .review_con {
    align-items: stretch;
    flex-direction: column;
    position: relative;
  }

  .review_list .prod_box {
    position: relative;
  }

  .review_list .prod_box .img_box {
    width: 52px;
    height: 52px;
  }

  .review_list .prod_box .prod_info dt {
    font-size: 14px;
  }

  .review_list .prod_box .prod_info dd {
    font-size: 12px;
  }

  .review_list .prod_box .prod_info .star_dd {
    position: absolute;
    left: 0;
    bottom: -35px;
  }

  .review_list .prod_box .prod_info .review_star_value {
    margin-top: 0;
  }

  .review_list .desc_box {
    position: relative;
    padding-top: 45px;
  }

  .review_list .desc_box .name_date {
    position: absolute;
    right: 0;
    top: 15px;
    margin-bottom: 0;
    font-size: 12px;
  }

  .review_list .desc_box .thumbnail {
    width: 80px;
    height: 80px;
  }

  .review_list li .desc {
    -webkit-line-clamp: 4 !important;
    font-size: 12px;
    line-height: 1.5;
  }

  .review_list li .btn_more button {
    font-size: 12px;
  }

  .review_list .btn_more {
    margin-top: 10px;
  }

  .review_list .report {
    position: absolute;
    right: 0;
    top: 10px;
    display: block;
    font-size: 12px;
    color: #999;
    padding-right: 17px;
    background: url(../img/emergency_ic.svg) no-repeat right center/12px 11px;
  }

  .review_list .desc_box .video_ic {
    width: 80px;
  }

  .review_list .desc_box .img_list {
    overflow-x: auto;
    max-width: calc(100vw - 20px);
  }

  .review_list .desc_box .img_list figure {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
  }

  .review_list_box .page_box {
    margin-top: 30px;
  }

  .review_detail_box {
    overflow-y: auto;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    padding-left: 0;
    padding-bottom: 20px;
  }

  .review_detail_box .tit_box {
    flex-shrink: 0;
    z-index: 10;
    height: 48px;
    background-color: #fff;
    position: sticky;
    top: 0;
  }

  .review_detail_box .tit_box h3 {
    font-size: 16px;
  }

  .review_detail_box .prod_box {
    flex-shrink: 0;
    height: 52px;
  }

  .review_detail_box .prod_box figure {
    width: 52px;
    height: 52px;
  }

  .review_detail_box .prod_box dl dt {
    font-size: 14px;
  }

  .review_detail_box .prod_box dl dd {
    font-size: 12px;
  }

  .review_detail_box .img_box {
    position: relative;
    width: 100%;
    height: 340px;
    flex-shrink: 0;
  }

  .review_detail_box .img_box .btn_nav {
    width: 32px;
    height: 32px;
    opacity: 1;
    background-size: 6px 14px;
  }

  .review_detail_box .img_box .review_poo_slide_page {
    display: none;
  }

  .review_detail_box .desc_box {
    overflow-y: hidden;
    max-height: inherit;
    flex-shrink: 0;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 0 15px;
  }

  .review_detail_box .desc_box .top {
    margin: 15px 0;
  }

  .review_detail_box .btn_link {
    position: relative;
    right: 0;
    bottom: 0;
    width: calc(100% - 20px);
    height: 42px;
    flex-shrink: 0;
  }

  .review_detail_box.photo {
    width: 100%;
    max-width: 70%;
    height: calc(var(--vh, 1vh) * 100);
  }

  .review_detail_box.photo .m_btn_close {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 19px;
    height: 19px;
    background: url(../img/close_ic_black.svg) no-repeat center/contain;
  }

  .review_detail_box.photo .btn_close {
    display: none;
  }

  h2.sub_title .content_box.mypage {
    padding: 0;
  }

  .mypage_wrapper .my_info_box {
    flex-direction: column;
  }

  .mypage_wrapper .myinfo {
    width: 100%;
    margin-right: 0;
    padding: 20px 10px 10px 10px;
  }

  .mypage_wrapper .myinfo .info_top {
    margin-bottom: 15px;
  }

  .mypage_wrapper .myinfo .name {
    font-size: 18px;
  }

  .mypage_wrapper .myinfo .info_box {
    height: 100px;
  }

  .mypage_wrapper .myinfo .info_box dl {
    height: 54px;
  }

  .mypage_wrapper .myinfo .info_box dl .type1 .count {
    font-size: 16px;
  }
  .mypage_wrapper .myinfo .info_box dl dd .pv {
    font-size: 16px;
  }

  .mypage_wrapper .myinfo .info_box dl .asos {
    font-size: 14px;
  }

  .mypage_wrapper .myinfo .btn_regular .q {
    display: none;
  }

  .mypage_wrapper .myinfo .info_box dl .q_pop {
    display: none;
  }

  .mypage_wrapper .my_deliver {
    width: 100%;
    height: auto;
    background-color: #fff;
    border-width: 0 0 1px 0;
  }

  .mypage_wrapper .my_deliver .tit_box {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    height: 42px;
  }

  .mypage_wrapper .my_deliver .tit_box dt {
    font-size: 16px;
  }

  .mypage_wrapper .my_deliver .deliver_step {
    height: 83px;
    padding: 0;
  }

  .mypage_wrapper .my_deliver .deliver_step li {
    margin-right: 0;
  }

  .mypage_wrapper .my_deliver .deliver_step li::after {
    right: 0;
  }

  .mypage_wrapper .my_deliver .deliver_step li .count {
    font-size: 24px;
  }

  .mypage_wrapper .my_deliver .deliver_cancel a {
    height: 48px;
    font-size: 12px;
  }

  .mypage_wrapper .my_deliver .deliver_cancel a .fon_mon_nm {
    font-size: 16px;
  }

  .mypage_wrapper .deliver_pop{padding: 30px 20px; }
  .last_view_warpper {
    background-color: #fff;
    margin-top: 0;
  }

  .title_line {
    height: 42px;
    border-bottom: 1px solid #e6e6e6;
  }

  .title_line h2 {
    font-size: 16px;
  }

  .last_view_list .last_view_slide li {
    max-width: 158px;
  }

  .last_view_list .last_view_slide li .img_box {
    height: 158px;
    width: 158px;
  }

  .last_view_list .last_view_slide li .real_price,
  .last_view_list .last_view_slide li .prod_name {
    font-size: 14px;
  }

  .content_box.has_lnb.mypage {
    flex-direction: column;
  }

  .content_box.has_lnb.mypage .right_con {
    width: 100%;
  }

  .lnb_wrapper.mypage_menu {
    display: none;
  }

  .lnb_wrapper.mypage_menu.main {
    display: block;
    order: 1;
    padding: 0;
    background-color: #fff;
    width: 100%;
  }

  .lnb_wrapper.mypage_menu.main h2 {
    display: none;
  }

  .lnb_wrapper.mypage_menu.main .lnb.no_acd {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .lnb_wrapper.mypage_menu.main .lnb.no_acd > li h3 {
    color: #999;
    font-size: 14px;
    font-weight: 500;
    height: 42px;
    display: none;
  }
  .lnb_wrapper.mypage_menu.main .lnb.no_acd > li li {
    border-bottom: 1px solid #e6e6e6;
    padding: 0 20px;
    height: 42px;
  }

  .lnb_wrapper.mypage_menu.main .lnb.no_acd > li:last-child li:last-child {
    border-bottom: none;
  }

  .lnb_wrapper.mypage_menu.main .lnb.no_acd > li li a {
    background: url(../img/orderlist_ic.svg) no-repeat center left / 19px 19px;
    padding: 11px 0 11px 32px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    line-height: 20px;
  }

  .lnb_wrapper.mypage_menu.main .lnb.no_acd > li li.on a {
    color: #333;
    filter: brightness(0) invert(1);
  }
  .lnb_wrapper.mypage_menu.main .lnb.no_acd > li li:nth-child(2) a {
    background-image: url(../img/claim_ic.svg);
  }
  .lnb_wrapper.mypage_menu.main .lnb.no_acd > li li:nth-child(3) a {
    background-image: url(../img/finish_ic.svg);
  }
  .lnb_wrapper.mypage_menu.main .lnb.no_acd > li li:nth-child(4) a {
    background-image: url(../img/wishlist_ic.svg);
  }
  .lnb_wrapper.mypage_menu.main .lnb.no_acd > li li:nth-child(5) a {
    background-image: url(../img/today_ic.svg);
  }

  .lnb_wrapper.mypage_menu.main
    .lnb.no_acd
    > li:nth-child(2)
    li:nth-child(1)
    a {
    background-image: url(../img/reserve_ic.svg);
  }
  .lnb_wrapper.mypage_menu.main
    .lnb.no_acd
    > li:nth-child(2)
    li:nth-child(2)
    a {
    background-image: url(../img/calender_ic.svg);
  }
  .lnb_wrapper.mypage_menu.main
    .lnb.no_acd
    > li:nth-child(2)
    li:nth-child(3)
    a {
    background-image: url(../img/coupon_ic.svg);
  }

  .lnb_wrapper.mypage_menu.main
    .lnb.no_acd
    > li:nth-child(3)
    li:nth-child(1)
    a {
    background-image: url(../img/info_ic.svg);
  }
  .lnb_wrapper.mypage_menu.main
    .lnb.no_acd
    > li:nth-child(3)
    li:nth-child(2)
    a {
    background-image: url(../img/info_address_ic.svg);
  }

  .lnb_wrapper.mypage_menu.main
    .lnb.no_acd
    > li:nth-child(4)
    li:nth-child(1)
    a {
    background-image: url(../img/qna_ic.svg);
  }
  .lnb_wrapper.mypage_menu.main
    .lnb.no_acd
    > li:nth-child(4)
    li:nth-child(2)
    a {
    background-image: url(../img/faq_ic.svg);
  }
  .lnb_wrapper.mypage_menu.main
    .lnb.no_acd
    > li:nth-child(4)
    li:nth-child(3)
    a {
    background-image: url(../img/notice_ic.svg);
  }

  .lnb_wrapper.mypage_menu.main.cscenter .lnb.no_acd > li li a {
    background-image: url(../img/faq_ic.svg);
  }
  .lnb_wrapper.mypage_menu.main.cscenter .lnb.no_acd > li li:nth-child(2) a {
    background-image: url(../img/inquire_ic.svg);
  }
  .lnb_wrapper.mypage_menu.main.cscenter .lnb.no_acd > li li:nth-child(3) a {
    background-image: url(../img/notice_ic.svg);
  }

  .lnb_wrapper.mypage_menu.main .lnb.no_acd > li li a em {
    display: inline-block;
    background: url(../img/arrow_ic.svg) no-repeat center / contain;
    width: 9px;
    height: 20px;
    opacity: 0.5;
  }

  .lnb_wrapper.mypage_menu.main .lnb .depth_2 {
    margin-bottom: 0;
  }
  .lnb_wrapper.mypage_menu.main .lnb .depth_2 li {
    width: 100%;
  }

  .lnb_wrapper.mypage_menu.main .lnb .depth_2 li a {
    font-size: 14px;
    padding: 0;
    font-weight: 500;
  }

  .m_top_fix_menu,
  .m_top_fix_menu h2.title {
    margin: 0;
  }

  .pc_tit {
    display: none;
  }
  .title span.m_tit {
    display: block;
  }

  .state_date_search_box {
    flex-direction: column;
    padding: 10px;
    background-color: #fbfbfb;
  }

  .state_date_search_box .custom_select_box {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }

  .state_date_search_box .custom_select_box.on {
    border-bottom: none;
  }

  .state_date_search_box .custom_select_box .select_txt {
    padding: 0;
    justify-content: center;
  }

  .state_date_search_box .right {
    flex-direction: column;
    width: 100%;
  }

  .state_date_search_box .right .date_select_link {
    width: 100%;
    margin-right: 0;
  }

  .state_date_search_box .right .date_select_link a {
    flex: 1;
    height: 42px;
    font-size: 14px;
  }

  .state_date_search_box .right .date_select_link a:last-child.on {
    border-color: #333;
  }

  .state_date_search_box .right .date_select_link a.m_date_select {
    display: flex;
  }

  .state_date_search_box .right .date {
    overflow: hidden;
    height: 0;
    transition: 0.2s;
    flex-wrap: wrap;
    width: 100%;
    position: static;
    border: none;
    background: transparent;
  }

  .state_date_search_box .date.on::after {
    display: none;
  }

  .state_date_search_box .right .date .line {
    margin: 0 11px;
  }

  .state_date_search_box .right .date.on {
    height: auto;
    margin-top: 10px;
  }

  .state_date_search_box .right .date_picker_box {
    width: calc(50% - 15px);
  }

  .state_date_search_box .right .date_picker_box .datepicker {
    width: 100%;
    text-align: center;
  }

  .state_date_search_box .right .btn_basic {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
    font-size: 14px;
  }

  .right_con.deliver .order_list_box {
    margin-top: 0;
    background-color: #fff;
  }

  .common_cart_list {
    border-top: 1px solid #e6e6e6;
  }

  .common_cart_list .header {
    display: none;
  }
  .common_cart_list.order_list_box .grid {
    grid-template-columns: 90px 1fr 100px !important;
  }

  .common_cart_list.order_list_box .body_list .body_row {
    padding: 0 10px 22px 10px;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
  }

  .common_cart_list.order_list_box .body_list .body_row .grid_box {
    height: auto;
    border: none;
  }

  .common_cart_list.order_list_box .body_list .body_row .grid_box.img_box {
    display: flex;
    width: 80px;
    height: 80px;
  }

  .common_cart_list.order_list_box .body_list .body_row .grid_box .btn {
    padding: 9px 13px;
    border: 1px solid #707070;
    font-size: 12px;
    background-color: #fff;
    text-decoration: none;
  }

  .common_cart_list.order_list_box .body_row .grid_box button {
    padding: 9px 13px;
    border: 1px solid #707070;
    font-size: 12px;
    background-color: #fff;
    text-decoration: none;
  }

  .common_cart_list.order_list_box .body_list .body_row .grid_box:nth-child(1) {
    justify-self: start;
    padding: 14px 0 22px 0;
    grid-column: 1/2;
    grid-row: 1/2;
  }

  .common_cart_list.order_list_box .body_list .body_row .grid_box:nth-child(2) {
    justify-self: end;
    padding: 14px 0 22px 0;
    grid-column: 2/4;
    grid-row: 1/2;
  }

  .common_cart_list.order_list_box
    .body_list
    .body_row
    .grid_box:nth-child(2)
    a::after {
    content: " >";
  }

  .common_cart_list.order_list_box .body_list .body_row .grid_box:nth-child(3) {
    grid-column: 1/2;
    grid-row: 2/5;
  }

  .common_cart_list.order_list_box
    .body_list
    .body_row
    .grid_box:nth-child(3)
    img {
    max-height: 100%;
  }
  .common_cart_list.order_list_box .body_list .body_row .grid_box:nth-child(4) {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    text-align: left;
    place-self: start start;
    grid-column: 2/3;
    grid-row: 2/4;
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .common_cart_list.order_list_box .body_list .body_row .grid_box:nth-child(5) {
    font-size: 12px;
    place-self: start start;
    grid-column: 2/3;
    grid-row: 3/4;
    color: #999;
  }

  .common_cart_list.order_list_box .body_list .body_row .grid_box:nth-child(6) {
    display: none;
  }

  .common_cart_list.order_list_box .body_list .body_row .grid_box:nth-child(7) {
    font-size: 14px;
    place-self: end start;
    grid-column: 2/3;
    grid-row: 4/5;
  }

  .common_cart_list.order_list_box .body_list .body_row .grid_box:nth-child(8) {
    justify-self: end;
    grid-column: 3/4;
    grid-row: 2/5;
  }

  .top_check_box {
    padding: 0 15px;
    height: 50px;
    background-color: #fff;
  }
  .cart_list {
    border-top: 8px solid #f2f2f2;
  }
  .cart_wrapper {
    flex-direction: column;
  }

  .cart_wrapper .cart_left {
    width: 100%;
    margin-right: 0;
  }

  .cart_total_price {
    width: 100%;
    z-index: 10;
    padding: 0 10px 20px 10px;
    background-color: #fff;
  }

  .cart_total_price .list {
    border: none;
  }

  .cart_total_price .list dl {
    font-size: 16px;
  }

  .cart_total_price .list dl #tmpPrice {
    font-size: 20px;
  }

  .cart_total_price .btn_box {
    padding: 0 15px;
    margin-bottom: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
  }

  .cart_total_price .btn_box button {
    margin: 0;
  }

  .cart_total_price .btn_box button:first-child {
    margin-right: 10px;
  }

  .cart_list .header {
    display: none;
  }

  .cart_list .cart_prod_list.type2 {
    border-top: none;
    background-color: #f2f2f2;
    /*        
        border-bottom: 8px solid #f2f2f2;
        */
  }

  .cart_list .cart_prod_list.type2 > li {
    background-color: #fff;
    padding: 0 20px;
    /* border-top: 8px solid #f2f2f2; */
  }

  .cart_list .box.box_0 {
    width: 42px;
  }
  .cart_list .cart_prod_list.type2 > li:first-child {
    border-top: none;
  }

  .cart_list .cart_prod_list.type2 > li:last-child {
    margin-bottom: 0;
  }

  .cart_list .cart_prod_list.type2 .com_count_box {
    margin-top: 5px;
  }

  .cart_list .cart_prod_list.type2 .count {
  }

  .cart_prod_list > li .prod .prod_info .custom_select_box .select_txt span {
    width: 150px;
  }

  .right_con.user_info .login_box {
    margin-top: 40px;
    padding: 0 20px;
    margin-bottom: 100px;
  }

  .cart_list .cart_prod_list.type2 .cart_empty {
    border-top: 1px solid #fff;
  }

  .user_info_box {
    border-top: none;
    padding: 0 10px 50px 10px;
  }

  .user_info_box .btn_box button {
    flex: 1;
  }

  .com_board_btn_box a,
  .com_board_btn_box button {
    width: 100%;
  }

  .board_view dt {
    height: auto;
    padding: 20px 0 10px 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border-top: none;
  }

  .board_view dt .subject {
    font-size: 20px;
    line-height: 1.4;
  }

  .board_view dt .date {
    width: auto;
    margin-top: 5px;
    font-size: 13px;
  }

  .board_view dd.con_box {
    padding: 20px 10px;
  }
  .notice_wrapper {
    padding-top: 50px;
  }
  .notice_wrapper.notice_view {
    padding-top: 0;
  }

  .notice_wrapper h2.sub_title {
    display: block;
    font-size: 26px;
    margin-bottom: 30px;
    padding: 0;
  }
  .notice_wrapper.notice_view h2.sub_title {
    display: none;
  }

  .notice_wrapper .com_board_btn_box {
    margin-top: 20px;
  }

  .cs_center_search {
    margin-bottom: 20px;
    padding: 20px;
  }

  .cs_center_search h3 {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 5px;
  }

  .cs_center_search .bot {
    padding-left: 10px;
  }

  .cs_center_main_board {
    flex-direction: column;
  }

  .cs_center_main_board > div {
    width: 100%;
    padding: 0 15px;
  }

  .cs_center_main_board .m_bg_line {
    flex: none;
  }

  .cs_center_main_board .board_basic {
    padding: 5px 0;
  }

  .cs_center_main_board .board_basic .subject {
    margin: 0;
    margin-right: 20px;
  }

  .cs_center_main_board .board_basic .list {
    flex-direction: row;
    align-items: center;
    min-height: 32px;
    margin-bottom: 5px;
  }

  .routine_wrapper {
    margin-top: 40px;
  }

  .routine_wrapper .day_night .ic_night {
    width: 30px;
    height: 30px;
  }

  .routine_wrapper .day_night .ic_day {
    width: 35px;
    height: 35px;
    margin-right: 30px;
  }

  .routine_wrapper .day_night .ic_day::after {
    width: 1px;
    height: 36px;
    right: -16px;
  }

  .routine_wrapper h2 {
    margin-bottom: 30px;
    height: 41px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }

  .routine_wrapper h2 .step1 {
    margin-bottom: 5px;
  }

  .routine_wrapper h2::after {
    display: none !important;
  }

  .routine_wrapper .routine_con .step_list {
    width: 100%;
    overflow: auto hidden;
    justify-content: flex-start;
    padding-bottom: 20px;
  }
  .routine_wrapper .routine_con .step_list a {
    display: block;
    width: 100%;
  }

  .routine_wrapper .routine_con .step_list li {
    margin: 0 15px;
    width: 100%;
    max-width: 100px;
    padding: 0;
  }

  .routine_wrapper .routine_con .step_list li dl .img_box {
    width: 100px;
    height: 156px;
    margin-bottom: 48px;
  }

  .routine_wrapper .routine_con .step_list::after {
    top: 282px;
    width: 100%;
  }

  .routine_wrapper .img_box {
    border-top-right-radius: 500px;
    border-top-left-radius: 500px;
    background-color: #fbfbfb;
  }

  .routine_wrapper .img_box img {
    -webkit-filter: grayscale(0%) !important;
    filter: none;
    max-height: 110px;
  }

  .routine_wrapper .img_box::after {
    background-color: #ff4b4b !important;
    bottom: -32px !important;
  }

  .routine_wrapper .img_box::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #ff4b4b;
    opacity: 0.4;
    bottom: -38px !important;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
  }

  .routine_wrapper dt {
    font-weight: 700;
  }

  .routine_wrapper dt,
  .routine_wrapper .eng_tit {
    color: #a88421;
  }

  .routine_wrapper .eng_tit {
    white-space: normal;
  }

  .routine_wrapper .tit,
  .routine_wrapper .price {
    color: #333;
  }

  .routine_wrapper .price {
    display: block !important;
  }

  .best_seller_wrapper {
    margin-top: 50px;
  }

  .best_seller_wrapper .content_box {
    flex-direction: column;
  }

  .best_seller_wrapper .content_box .best_seller_slide {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .best_seller_wrapper .content_box .best_seller_slide .txt_box {
    right: 30px;
  }

  .best_seller_wrapper .content_box .best_seller_slide .txt_box dt {
    font-size: 16px;
    font-weight: 500;
  }

  .best_seller_wrapper .content_box .best_seller_slide .txt_box .btn_more a {
    height: 38px;
    line-height: 38px;
  }

  .best_seller_wrapper .content_box .best_seller_slide .control .prev {
    left: 10px;
  }

  .best_seller_wrapper .content_box .best_seller_slide .control .next {
    right: 10px;
  }

  .best_seller_wrapper .content_box .best_seller_slide .control button {
    width: 12px;
  }

  .best_seller_wrapper .slide_con_box {
    width: 100%;
  }

  .best_seller_wrapper .slide_con {
    flex-direction: row;
    width: 100%;
  }

  .best_seller_wrapper .slide_con li {
    margin-bottom: 0;
    width: 100%;
  }

  .best_seller_wrapper .slide_con li a {
    padding: 15px;
  }

  .best_seller_wrapper .slide_con li a .img_box {
    width: 110px;
    height: 110px;
  }

  .best_seller_wrapper .slide_con li a .txt_box dt {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .best_seller_wrapper .slide_con li a .txt_box .star {
    margin-bottom: 5px;
  }

  .best_seller_wrapper .slide_con li a .txt_box .txt {
    font-size: 12px;
    flex: 1;
    -webkit-line-clamp: 3;
  }

  .best_seller_wrapper .slide_con li:last-child {
    display: none;
  }

  .line_wrapper .line_box .line_tab button {
    font-size: 12px;
    width: 100px;
    height: 32px;
    margin: 0 5px;
  }

  .line_wrapper .control {
    display: block;
  }

  .line_wrapper .control button.next {
    right: 0;
  }
  .line_wrapper .control button.prev {
    left: 0;
  }

  .line_wrapper .line_box .line_tab {
    margin-bottom: 30px;
  }

  .line_wrapper .line_box::before {
    height: 180px;
  }

  .line_wrapper .line_box li {
    width: 185px;
    margin: 0 15px 30px 15px;
  }

  .line_wrapper .line_box li .box {
    height: 290px;
    padding-top: 30px;
  }

  .line_wrapper .line_box .img_box {
    height: 149px;
    margin-bottom: 15px;
  }

  .line_wrapper .line_box .img_box img {
    max-height: 149px;
  }

  .best_prod_wrapper {
    margin-top: 60px;
  }
  .best_prod_wrapper .com_prod_list li .img_box {
    height: auto;
  }

  /* 메인 솔루션 */
  .solution_wrapper {
    padding: 40px 0;
  }
  .solution_wrapper .content_box {
    padding: 0 20px;
  }
  .solution_wrapper .left_tab {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
  }
  .solution_wrapper .left_tab dl {
    text-align: center;
  }
  .solution_wrapper .left_tab dt {
    font-size: 12px;
    color: #999;
  }
  .solution_wrapper .left_tab dt span,
  .solution_wrapper .left_tab dt br {
    display: none;
  }
  .solution_wrapper .left_tab dd {
    font-size: 22px;
  }
  .solution_wrapper .tab {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .solution_wrapper .tab button {
    width: calc(50% - 4px);
    margin-right: 8px;
    font-size: 16px;
    height: 38px;
    border-radius: 19px;
  }
  .solution_wrapper .tab button:nth-child(2n + 2) {
    margin-right: 0;
  }
  .solution_slide .com_prod_list {
    padding: 0;
  }
  .solution_slide .com_prod_list li {
    width: calc(50% - 5px);
    margin-right: 10px;
  }
  .solution_slide .com_prod_list li .img_box {
    height: auto;
  }

  /* 메인 브랜드 */
  .main_brand_banner dt span {
    font-size: 14px;
  }
  .main_brand_banner dt {
    font-size: 24px;
    margin-bottom: 25px;
  }
  .main_brand_banner dd {
    font-size: 14px;
  }
  .main_brand_banner dd br {
    display: none;
  }
  .main_brand_banner dd br.m_only {
    display: block;
  }
  .main_brand_banner .btn_more {
    margin-top: 25px;
    font-size: 14px;
    height: 38px;
    border-radius: 19px;
  }
  .main_brand_banner .btn_more i {
    width: 9px;
    height: 13px;
  }

  /* sns */
  .meure_sns_wrap {
    margin-top: 40px;
    margin-bottom: 60px;
  }
  .meure_sns_wrap li {
    width: calc(100% - 30px);
  }

  .search_con_box .search_box {
    display: none;
  }

  .search_con_box .custom_select_box {
    width: auto !important;
  }

  .depth2_list_box {
    display: block;
    width: 100%;
    position: relative;
    background: #fbf9f3;
  }

  .depth2_list_box::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #e6e6e6;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .depth2_list {
    display: flex;
    height: 48px;
    align-items: center;
    max-width: 100%;
    overflow: scroll;
    scrollbar-width: none;
  }

  .depth2_list::-webkit-scrollbar {
    display: none;
  }

  .depth2_list li {
    font-size: 14px;
    flex-shrink: 0;
    height: 100%;
  }

  .depth2_list li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 48px;
    padding: 0 10px;
    color: #999;
  }

  .depth2_list li.on a {
    border-bottom: 1px solid #333;
    font-weight: bold;
    position: relative;
    z-index: 1;
    color: #333;
  }

  .cart_wrapper {
    flex-wrap: wrap;
  }
  .order_view_article .con_box.reason_textarea {
    max-width: 100%;
    padding: 0;
  }
  .order_view_article .con_box .custom_select_box.type3 {
    max-width: 100%;
  }
  .order_view_article .con_box .bank_subwrap > div {
    width: calc(50% - 10px);
  }
  .order_view_article .con_box .bank_subwrap > div input {
    padding: 0;
  }
  .order_view_article .con_box .bank_subwrap .banklist #bankcomp {
    width: 100%;
    height: 42px;
  }
  .order_view_article .con_box .bank_subwrap .banknumb {
    width: 100%;
  }

  .cancel_info_txt {
    padding: 0 10px;
    margin-bottom: 20px;
  }
  .cancel_info_txt ul li {
    flex-wrap: wrap;
  }

  /* 1024 브랜드 페이지 1024*/
  #container .brand .main_visual .title strong {
    font-size: 52px;
    margin-bottom: 10px;
  }
  #container .brand .main_visual .title span {
    font-size: 32px;
  }
  #container .brand .main_visual .desc p span {
    font-size: 20px;
  }

  #container .brand .brand_cont1 {
    padding: 200px 20px 0;
    margin-bottom: 180px;
  }
  #container .brand .brand_cont2 {
    margin-bottom: 120px;
  }
  #container .brand .brand_cont2 .title strong {
    font-size: 36px;
  }
  #container .brand .brand_cont2 .title span {
    font-size: 30px;
  }
  #container .brand .brand_cont2 .desc p {
    font-size: 20px;
  }

  #container .brand .brand_cont3 {
    height: calc((100vw / 3) - 40px);
  }

  /* 1024 프로덕트 페이지 1024*/

  /* 정회원 가입 1024 */
  .regular_member_info_wrapper {
    padding: 50px 20px;
  }
  .regular_member_info_wrapper .bank_select select {
    margin-top: 4px;
  }

  /* 회원탈퇴 1024 */
  .info_out {
    border-top: none;
  }

  /* 일정예약 1024 */
  .mypage_edu_reserv {
    margin-top: 25px;
    padding: 0 20px 50px 20px;
  }
  /*
    .mypage_edu_reserv .calendar th,    
    .mypage_edu_reserv .calendar td{width: auto;}
    */
  .mypage_edu_reserv .calendar .day_box button {
    white-space: nowrap;
  }
  .mypage_edu_reserv .calendar button {
    border-radius: 3px;
    height: 36px;
  }

  .edu_list_wrap .common_cart_list.edu_list {
    margin-top: 0;
  }
  .edu_list_wrap .common_cart_list.edu_list .body_list .body_row .grid_box {
    border: none;
  }
  .edu_list_wrap .common_cart_list.edu_list .body_row {
    border-bottom: 1px solid #f1f1f1;
    padding: 15px 20px;
    height: auto;
    grid-template-columns: auto;
  }
  .edu_list_wrap
    .common_cart_list.edu_list
    .body_list
    .body_row
    .grid_box:nth-child(1) {
    grid-column: 2/3;
    grid-row: 1/2;
    margin-bottom: 10px;
    justify-content: flex-end;
  }
  .edu_list_wrap
    .common_cart_list.edu_list
    .body_list
    .body_row
    .grid_box:nth-child(2) {
    grid-column: 1/2;
    grid-row: 1/2;
    margin-bottom: 10px;
    justify-self: flex-start;
  }
  .edu_list_wrap
    .common_cart_list.edu_list
    .body_list
    .body_row
    .grid_box:nth-child(3) {
    grid-column: 1/2;
    grid-row: 2/3;
    justify-self: flex-start;
    color: #333;
    font-weight: 700;
  }
  .edu_list_wrap
    .common_cart_list.edu_list
    .body_list
    .body_row
    .grid_box:nth-child(4) {
    grid-column: 1/2;
    grid-row: 3/4;
    justify-self: flex-start;
    color: #999;
  }
  .edu_list_wrap
    .common_cart_list.edu_list
    .body_list
    .body_row
    .grid_box:nth-child(5) {
    grid-column: 1/2;
    grid-row: 4/5;
    justify-self: flex-start;
    margin-top: 20px;
    display: none;
  }
  .edu_list_wrap
    .common_cart_list.edu_list
    .body_list
    .body_row
    .grid_box:nth-child(6) {
    grid-column: 2/3;
    grid-row: 2/4;
    justify-self: flex-end;
  }

  .edu_list_wrap .common_cart_list.edu_list li {
    position: relative;
  }
  .edu_list_wrap .common_cart_list.edu_list .desc {
    position: static;
  }
  .edu_list_wrap .common_cart_list.edu_list .edu_info_pop {
    width: 300px;
    transform: translate(-50%, 0);
    bottom: 40px;
  }

  /* sns */
  .sns_wrap {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .sns_wrap .menu_tit dt {
    font-size: 26px;
  }
  .sns_wrap .insta_tit {
    margin-top: 35px;
    font-size: 14px;
  }
  .sns_wrap .sns_list {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .sns_wrap .btn_box {
    margin-top: 30px;
  }
  .sns_wrap .btn_box .btn {
    font-size: 14px;
    width: auto;
    height: 42px;
  }
  .sns_wrap .btn_box .btn i {
    margin-left: 10px;
  }

  /* 환불 요청 1024 */
  .cancel_info_wrap {
    padding-top: 10px;
    border-top: 1px solid #e6e6e6;
    margin: 20px 0 30px;
  }

  /* 검색 서치 .search 1024 */
  .search_wrap {
    padding: 0 20px;
  }

  /* 프로덕트 페이지 비회원 로그인 상태 1024 */
  .join_login_box {
    border-top: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
  }
  .join_login_box a:first-child {
    margin-right: 0;
    background: #fff;
  }
  .join_login_box a {
    height: 48px;
    line-height: 48px;
    text-indent: 0;
  }

  .howtouse_wrap {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .howtouse_wrap .morning_night .con .pc {
    display: none;
  }
  .howtouse_wrap .morning_night .con .m {
    display: inline-block;
  }

  .howtouse_wrap .tit_box {
    margin-bottom: 30px;
  }
  .howtouse_wrap .tit_box h2 {
    font-size: 26px;
    margin-bottom: 10px;
  }
  .howtouse_wrap .tit_box p {
    font-size: 14px;
  }
  .howtouse_wrap .morning_night {
    height: auto;
    padding-bottom: 40px;
  }
  .howtouse_wrap .morning_night {
    padding-top: 40px;
  }
  .howtouse_wrap .morning_night .tab {
    margin-bottom: 40px;
  }
  .howtouse_wrap .morning_night .tab button span {
    margin-right: 10px;
  }
  .howtouse_wrap .morning_night .tab button {
    width: 147px;
    height: 28px;
  }
  .howtouse_wrap .morning_night .tab button span {
    font-size: 16px;
  }
  .howtouse_wrap .morning_night .tab .ic_morning {
    width: 20px;
    height: 20px;
  }
  .howtouse_wrap .morning_night .tab .ic_night {
    width: 14px;
    height: 20px;
  }
  .howtouse_wrap .morning_night .tab li:first-child {
    margin-right: 5px;
  }
  .howtouse_wrap .morning_night .con img {
    max-width: 400px;
    width: 100%;
  }

  .howtouse_wrap h2 {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .howtouse_wrap .skin_care_box .tab {
    margin-bottom: 22px;
  }
  .howtouse_wrap .skin_care_box .tab dt {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .howtouse_wrap .skin_care_box .tab dd {
    font-size: 12px;
    max-width: 105px;
    height: 32px;
  }
  .howtouse_wrap .skin_care_box .control {
    display: none;
  }
  .howtouse_wrap .skincare_slide_box {
    padding: 0;
  }
  .howtouse_wrap .skin_care_box .txt_box {
    padding: 20px 0;
  }
  .howtouse_wrap .skin_care_box .txt_box .sub_tit {
    font-size: 11px;
  }
  .howtouse_wrap .skin_care_box .txt_box .prod_name {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .howtouse_wrap .skin_care_box .txt_box p {
    font-size: 12px;
    height: 50px;
  }
  .howtouse_wrap .txt_box .og {
    font-size: 12px;
  }
  .howtouse_wrap .txt_box .real {
    font-size: 12px;
  }
  .howtouse_wrap .txt_box .ic_like {
    width: 20px;
    height: 18px;
    right: 5px;
    bottom: 20px;
  }

  .multy_slide_box {
    margin-top: 10px;
    border-top: 1px solid #e6e6e6;
  }
  .multy_slide_box .content_box {
    padding: 0;
  }
  .multy_slide_box h2 {
    margin-bottom: 30px;
  }
  .multy_slide .swiper-slide {
    flex-direction: column;
    padding: 0;
    align-items: center;
  }
  .multy_slide .swiper-slide .img_box {
    text-align: center;
    margin-right: 0;
  }
  .multy_slide .swiper-slide .detail_img {
    justify-content: center;
  }
  .multy_slide .swiper-slide .detail_img li {
    margin-right: 10px;
  }
  .multy_slide .swiper-slide .right_box {
    max-width: 100%;
  }
  .howtouse_wrap .txt_box.flex_start {
    align-items: center;
  }
  .howtouse_wrap .txt_box.flex_start p {
    text-align: center;
  }
  .howtouse_wrap .multy_slide .txt_box {
    padding: 25px;
    width: 100%;
  }
  .howtouse_wrap .multy_slide .txt_box .sub_tit {
    font-size: 12px;
  }
  .howtouse_wrap .multy_slide .txt_box .prod_name {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .howtouse_wrap .multy_slide .txt_box.flex_start p {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .howtouse_wrap .multy_slide .txt_box .ic_like {
    bottom: 25px;
    right: 20px;
  }
  .makeup_box {
    margin-top: 30px;
  }
  .multy_slide_box .control button {
    top: 25%;
    width: 35px;
    height: 35px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    background-size: 8px 16px;
  }
  .multy_slide_box .control .prev {
    left: 20px;
  }
  .multy_slide_box .control .next {
    right: 20px;
  }
  .content_box.product_wrap .lnb_wrapper.tag h2 {
    margin-top: 20px;
  }

  /* 제품상세페이지 - 배송/보관 1024 */
  .deliver_info {
    padding-top: 30px;
  }
  .deliver_info h3 {
    font-size: 18px;
    padding: 0 20px;
  }
  .deliver_info th {
    width: auto;
  }

  /* 회원가입 join 1024 */
  .join_box {
    padding-top: 50px;
  }

  /* 제품 상세페이지 pv */
  .detail_info_dl .pv {
    margin-left: 15px;
  }

  
  /* 이벤트 페이지 */
  /* 이벤트 페이지 - 공통사항 */
  .left_menu{margin-top: 20px;}
}
/* // max-w 1024 */
@media (max-width: 1024px) and (max-width: 768px) {
  .routine_wrapper .routine_con .step_list::after {
    top: 274px;
  }
}
/* // max-w 1024 and 768*/

@media (max-width: 768px) {
  #container section{margin-bottom: 60px; }
  .main_brand_banner .banner_list{grid-template-columns: repeat(1, 1fr);}
  .input_add_box .add_btn {
    width: 110px;
    padding: 0;
  }
  .input_add_box .add_btn_box button {
    font-size: 14px;
  }

  .deliver_pop .btn_box button {
    flex: 1;
    width: auto;
  }

  .deliver_pop .btn_box button:first-child {
    margin-right: 5px;
  }

  .review_write .cart_prod_list > li {
    padding: 0 10px 0 0;
  }

  .review_write .cart_prod_list > li .prod .prod_info {
    padding: 0 15px;
  }

  .review_write .cart_prod_list > li .select button {
    padding: 0 15px;
  }

  .com_no_data {
    height: 143px;
    margin: 40px 0;
  }

  .com_no_data .ic {
    width: 50px;
    height: 50px;
  }

  .main_visual {
    height: auto;
  }

  .main_visual .swiper-slide img {
    max-height: 100%;
    min-height: 0;
    width: 100%;
  }

  .main_visual .swiper-slide .txt_box {
    top: calc(100% - 170px);
    left: 10px;
  }

  .main_visual .swiper-slide .txt_box dl dt .tit1 {
    margin-bottom: 10px;
  }

  .main_visual .swiper-slide .txt_box dl dt .tit1,
  .main_visual .swiper-slide .txt_box dl dt .tit2 {
    font-size: 22px;
  }

  .main_visual .swiper-slide .txt_box dl dd {
    font-size: 12px;
  }

  .main_visual .swiper-slide .txt_box dt {
    font-size: 22px;
  }

  .main_visual .swiper-slide .txt_box .btn_more {
    font-size: 14px;
    background-size: 48px 10px;
    background-position: right center;
    padding-right: 58px;
  }
  .main_visual .content_box {
    bottom: 20px;
  }

  .main_visual .main_visual_page {
    margin-left: 0;
    top: 20px;
    left: 10px;
  }

  .main_visual .main_visual_page span {
    font-size: 16px;
    margin-right: 10px;
  }

  .main_visual .main_visual_page span.swiper-pagination-bullet-active::after {
    height: 3px;
    z-index: 1;
    border-radius: 10px;
  }

  .content_box {
    padding: 0 20px;
  }

  .content_box.no_pd {
    padding: 0;
  }

  .list_wrapper {
    padding-top: 10px;
  }

  .list_wrapper .top_info {
    /*
        padding: 0 15px; */
    border-bottom: none;
    margin-bottom: 5px;
    height: 32px;
  }

  .list_wrapper .top_info .custom_select_box {
    width: 100px;
  }

  .com_prod_list .img_box {
    /*
        height: 200px; */
    position: relative;
  }

  .com_prod_list .com_prod_box {
    position: relative;
  }

  .com_prod_list .com_prod_box .prod_info {
    margin-top: 15px;
  }

  .com_prod_list .com_prod_box .prod_info .bot_box {
    align-items: flex-end;
  }

  .com_prod_list .com_prod_box .prod_info .bot_box .price_box {
    flex-direction: column;
    align-items: flex-start;
  }

  .com_prod_list .com_prod_box .prod_info .bot_box .og_price {
    white-space: nowrap;
  }

  .com_prod_list .com_prod_box .prod_info .bot_box .real_price {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .com_prod_list .com_prod_box .prod_info .bot_box .right .ic_like {
    width: 18px;
    height: 16px;
  }

  .com_prod_list .com_prod_box .prod_info .bot_box .right .ic_prod_cart {
    width: 15px;
    height: 20px;
  }

  .search_wrapper .pop_btn_close {
    top: 15px;
    right: 10px;
  }

  .search_wrapper .content_box {
    padding: 70px 20px 0 20px;
  }

  .search_wrapper .search_box .input_box {
    margin-bottom: 35px;
  }

  .search_wrapper .search_list {
    flex-direction: column;
  }

  .search_wrapper .search_list dl {
    width: 100%;
    padding: 0;
  }

  .search_wrapper .search_list .best_keyword {
    margin-top: 35px;
  }

  .search_box.sub {
    margin: 0;
    max-width: 100%;
  }

  .login_box {
    margin-top: 40px;
    margin-bottom: 50px;
    min-height: 0;
    padding: 0 20px;
  }

  .login_box .bot_box .find a:first-child {
    margin-right: 15px;
  }

  .login_box .bot_box .find a:first-child::after {
    height: 11px;
    top: 4px;
    right: -10px;
  }

  .m_option_box .detail_btn_box {
    margin-left: 1px;
  }

  .m_option_box .detail_btn_box button {
    margin-left: -1px;
    font-size: 14px;
  }

  .m_option_box .detail_total_info dd {
    font-size: 16px;
  }

  .m_option_box .detail_btn_box button:first-child {
    margin-right: 0;
  }

  .review_wrapper .search_box {
    margin-bottom: 30px;
  }

  .review_wrapper .search_box .input_box {
    width: 100%;
    margin-bottom: 20px;
  }

  .review_wrapper .search_box button.btn_basic {
    width: 100%;
    font-size: 14px;
  }

  .review_wrapper .com_tab_type2 li {
    flex: 1;
  }

  .review_wrapper .com_tab_type2 li a {
    font-size: 12px;
    height: 42px;
  }

  .review_wrapper .review_list {
    margin-top: 1px;
  }

  .review_wrapper .review_list li {
    margin-top: -1px;
    border-width: 1px 0;
  }

  .review_detail_box.photo {
    max-width: 100%;
  }

  .cart_list .cart_prod_list.type2 > li {
    flex-wrap: wrap;
    position: relative;
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
    min-height: 164px;
  }

  .cart_list .cart_prod_list.type2 > li .box.admin .delete {
    display: block;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 15px;
    height: 15px;
    padding: 0;
    border: none;
    text-indent: -9999px;
  }

  .cart_list .cart_prod_list.type2 > li .box.admin .delete::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 2px;
    height: 15px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    background: #333;
  }

  .cart_list .cart_prod_list.type2 > li .box.admin .delete::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 2px;
    height: 15px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background: #333;
  }

  .cart_list .cart_prod_list.type2 > li .box {
    padding-left: 120px;
    width: 100%;
    align-items: flex-start;
    flex: none;
    flex-direction: column;
  }

  .cart_list .cart_prod_list.type2 > li .box_0 {
    width: 100%;
    justify-content: space-between;
    padding: 0 15px;
    height: 42px;
    padding-left: 15px;
  }

  .cart_list .cart_prod_list.type2 > li .checkbox + label {
    position: absolute;
    top: 10px;
  }

  .cart_list .cart_prod_list.type2 > li .img_box {
    position: absolute;
    left: 20px;
    top: 40px;
    width: 80px;
    height: 80px;
    padding: 0;
  }

  .cart_list .cart_prod_list.type2 > li .img_box img {
    /*max-height: 80%;*/
  }

  .cart_list .cart_prod_list.type2 > li .prod_info {
    padding-left: 0;
    width: 100%;
  }

  .cart_wrapper .cart_prod_list > li .prod .prod_info .custom_select_box .select_txt span {
    width: 100%;
  }

  .cart_list .cart_prod_list.type2 > li .price {
    flex-direction: row;
    align-items: baseline;
    margin: 10px 0;
  }

  .cart_list .cart_prod_list.type2 > li .price .og_price {
    margin-bottom: 0;
    margin-right: 10px;
  }

  .cart_list .cart_prod_list.type2 > li .price .real_price {
    font-size: 14px;
  }

  .cart_list .cart_prod_list.type2 > li .save {
    flex-direction: row;
    font-size: 12px;
    justify-content: start;
  }

  .cart_list .cart_prod_list.type2 > li .save .pv {
    margin-left: 10px;
  }

  .cart_list .cart_prod_list.type2 > li .com_count_box .count {
    justify-content: flex-start;
  }

  .cart_list .cart_prod_list.type2.cart > li {
    padding-bottom: 70px;
  }

  .cart_list .cart_prod_list.type2.cart .total {
    position: absolute;
    bottom: 0;
    left: 20px;
    padding-left: 0;
    height: 46px;
    width: calc(100% - 40px);
    border-top: 1px solid #e6e6e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }

  .cart_list .cart_prod_list.type2.cart .total .tit {
    font-size: 12px;
  }
  .cart_list .cart_prod_list .box_2 .select_coupon{width: 100%; }

  .cancel_info_txt {
    padding: 0;
  }

  /* 760 정회원 가입 760 */
  .regular_member_info_wrapper {
    width: auto;
    max-width: 100%;
    padding: 50px 20px;
  }
  .regular_member_info_wrapper .bank_box {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  .regular_member_info_wrapper .banknumb {
    margin-top: 0;
  }
  .regular_member_info_wrapper .input_add_box .add_btn {
    width: 120px;
  }
  .regular_member_info_wrapper .bank_select {
    width: 100%;
  }
  .regular_member_info_wrapper div div > a {
    flex-shrink: 0;
  }

  /* 760 회원탈퇴 760 */
  .info_out .dot1 {
    line-height: 1.3;
    border-top: none;
  }
  .info_out .dot1 br {
    display: block;
  }
  .info_out .withdrawal_box .info_box {
    display: block;
  }
  .info_out .withdrawal_box .info_box dl {
    margin-bottom: 10px;
  }
  .info_out .withdrawal_box .info_box dl:last-child {
    margin-bottom: 0;
  }
  .info_out .withdrawal_box .info_box dl dt {
    font-size: 14px;
  }
  .info_out .withdrawal_box .info_box dl dd {
    font-size: 12px;
  }
  .info_out .withdrawal_box .id_pw_check {
    margin-bottom: 17px;
  }
  .info_out .withdrawal_box .id_pw_check li {
    width: 100%;
  }
  .info_out .withdrawal_box .id_pw_check li .btn_basic {
    width: 100%;
  }

  /* 760 브랜드 페이지 760 */
  #container .brand br {
    display: block;
  }
  #container .brand .main_visual {
    height: 582px;
  }
  #container .brand .main_visual .title {
    padding-top: 30px;
  }
  #container .brand .main_visual .title span.logo {
    font-size: 16px;
    margin-bottom: 70px;
  }

  #container .brand .main_visual .title strong {
    font-size: 32px;
    margin-bottom: 20px;
  }
  #container .brand .main_visual .title strong br {
    display: block;
  }
  #container .brand .main_visual .title span {
    font-size: 25px;
    margin-bottom: 50px;
  }
  #container .brand .main_visual .desc p {
    display: block;
    text-align: center;
    margin-bottom: 18px;
  }
  #container .brand .main_visual .desc p span {
    font-size: 18px;
    margin-right: 0;
  }
  #container .brand .main_visual .down_arrow {
    width: 24px;
    height: 12px;
    bottom: 30px;
  }

  #container .brand .brand_cont1 {
    padding-top: 60px;
    margin-bottom: 88px;
  }
  #container .brand .brand_cont1 ul {
    display: block;
    height: auto;
  }
  #container .brand .brand_cont1 ul li {
    margin: 0 auto 40px;
    text-align: center;
  }
  #container .brand .brand_cont1 ul li.desc {
    padding: 0 !important;
  }
  #container .brand .brand_cont1 ul li.desc strong {
    font-size: 24px;
    margin-bottom: 20px;
  }
  #container .brand .brand_cont1 ul li.desc span {
    font-size: 16px;
    margin-bottom: 32px;
    -webkit-text-stroke: 0;
  }
  #container .brand .brand_cont1 ul li.desc span br {
    display: block;
  }
  #container .brand .brand_cont1 ul li.desc .btn_basic {
    width: 127px;
    font-size: 16px;
    margin: 0 auto;
  }

  #container .brand .brand_cont2 {
    height: 600px;
    margin-bottom: 50px;
  }
  #container .brand .brand_cont2 .inner {
    padding: 20px;
  }
  #container .brand .brand_cont2 .title {
    margin-bottom: 50px;
  }
  #container .brand .brand_cont2 .title br {
    display: block;
  }
  #container .brand .brand_cont2 .title strong {
    font-size: 32px;
    margin-bottom: 25px;
  }
  #container .brand .brand_cont2 .title span {
    font-size: 28px;
  }
  #container .brand .brand_cont2 .desc p {
    font-size: 18px;
    margin-bottom: 18px;
  }
  #container .brand .brand_cont2 .desc p span {
    display: block;
  }

  #container .brand .brand_cont3 {
    height: auto;
    margin-bottom: 50px;
  }
  #container .brand .brand_cont3 ul {
    transition-timing-function: ease-in-out;
    height: 100vw;
  }
  #container .brand .brand_cont3 .next_btn,
  #container .brand .brand_cont3 .prev_btn {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: url(../img/next_arrow.svg) no-repeat center / 12px 24px;
    z-index: 1;
    filter: brightness(0) invert(1);
    cursor: pointer;
  }
  #container .brand .brand_cont3 .prev_btn {
    left: 0;
    right: auto;
    transform: translateY(-50%) rotate(180deg);
  }

  /* 760 프로덕트 페이지 760 */
  .com_prod_list {
    gap: 30px 5px;
  }

  .com_prod_list .com_prod_box {
    position: relative;
  }

  .com_prod_list .com_prod_box .prod_info {
    margin-top: 15px;
  }

  .com_prod_list .com_prod_box .prod_info dt {
    margin-bottom: 5px;
  }

  .com_prod_list .com_prod_box .prod_info .bot_box {
    align-items: flex-end;
  }

  .com_prod_list .com_prod_box .prod_info .bot_box .price_box {
    flex-direction: column;
    align-items: flex-start;
  }

  .com_prod_list .com_prod_box .prod_info .bot_box .og_price {
    white-space: nowrap;
    margin-bottom: 5px;
  }
  .com_prod_list .com_prod_box .prod_info .bot_box .right .ic_like {
    width: 18px;
    height: 16px;
  }

  .com_prod_list .com_prod_box .prod_info .bot_box .right .ic_prod_cart {
    width: 15px;
    height: 20px;
  }

  .sub_visual {
    height: auto;
  }
  .sub_visual::after {
    display: none;
  }
  /* 
    .sub_visual .inner{padding: 0 20px;}
    .sub_visual .text{padding-top: 22px;}
    .sub_visual .text .title span{font-size: 12px; margin-bottom: 10px;}
    .sub_visual .text .title strong{font-size: 22px; margin-bottom: 10; line-height: 1.3;}
    .sub_visual .text .title strong br{display: block;}
    .sub_visual .text p{font-size: 12px; line-height: 1.5;}
     */

  .content_box.product_wrap .lnb_wrapper {
    display: block;
  }
  .content_box.product_wrap .lnb_wrapper.mobile {
    display: block;
  }
  .content_box.product_wrap .lnb_wrapper h2 {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .content_box.product_wrap .lnb_wrapper .lnb_box {
    height: 42px;
    border: 1px solid #999;
    position: relative;
    cursor: pointer;
  }
  .content_box.product_wrap .lnb_wrapper .lnb_box.on {
    border-bottom: none;
    border-color: #333;
  }
  .content_box.product_wrap .lnb_wrapper .lnb_box::after {
    content: "";
    display: block;
    width: 15px;
    height: 9px;
    position: absolute;
    top: 50%;
    right: 15px;
    background: url(../img/arrow_down_ic.svg) no-repeat center / cover;
    transform: translateY(-50%);
    transition: all 0.3s;
  }
  .content_box.product_wrap .lnb_wrapper .lnb_box.on::after {
    transform: translateY(-50%) rotate(180deg);
  }
  .content_box.product_wrap .lnb_wrapper .lnb_box > span {
    display: block;
    line-height: 42px;
    font-size: 16px;
    padding: 0 15px;
    color: #999;
  }
  .content_box.product_wrap .lnb_wrapper .lnb_box .lnb {
    display: none;
    position: absolute;
    top: 100%;
    left: -1px;
    z-index: 100;
    background: #fff;
    width: calc(100% + 2px);
    transform: translateY(-1px);
  }
  .content_box.product_wrap .lnb_wrapper .lnb_box.on .lnb {
    display: block;
    border: 1px solid #333;
    border-top: none;
  }
  .content_box.product_wrap .lnb_wrapper .lnb_box .lnb li {
    justify-content: start;
    border-radius: 0;
    margin-right: 0;
    border: none;
  }
  .content_box.product_wrap .lnb_wrapper .lnb li a {
    line-height: 42px;
    display: block;
    border: none;
    padding: 0 15px;
    color: #333;
  }
  .content_box.product_wrap .lnb_wrapper .lnb li.on a {
    background: #fff;
    color: #333;
    border: none;
  }

  .content_box.product_wrap .com_prod_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0;
    gap: 30px 10px;
  }
  .content_box.product_wrap .com_prod_list .com_prod_box .img_box {
    height: calc(50vw - 25px);
  }
  .content_box.product_wrap .com_prod_list .prod_info dl {
    margin-bottom: 10px;
  }
  .content_box.product_wrap .com_prod_list .prod_info dl dt {
    margin-bottom: 5px;
  }
  .content_box.product_wrap .com_prod_list .prod_info dl dt a {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
  .content_box.product_wrap .com_prod_list .prod_info dl dd {
    font-size: 12px;
  }
  .content_box.product_wrap
    .com_prod_list
    .com_prod_box
    .prod_info
    .bot_box
    .og_price {
    margin-bottom: 5px;
  }
  .content_box.product_wrap
    .com_prod_list
    .com_prod_box
    .prod_info
    .bot_box
    .og_price
    span {
    font-size: 12px;
  }
  .content_box.product_wrap
    .com_prod_list
    .com_prod_box
    .prod_info
    .bot_box
    .real_price {
    font-size: 14px;
  }

  /* 일정예약 760 */
  .mypage_edu_reserv .calendar th {
    border: none;
    background: none;
  }
  .mypage_edu_reserv .calendar th:first-child {
    border: none;
  }
  .mypage_edu_reserv .calendar td {
    border: none;
    padding: 0;
  }

  .mypage_edu_reserv .calendar td > div {
    margin: 5px auto;
    padding: 6px 0;
    width: 45px;
    border-radius: 5px;
    display: none;
  }
  .mypage_edu_reserv .calendar td.edu > div.active {
    background: #f2f2f2;
  }

  .mypage_edu_reserv .calendar td > div.day_box {
    display: block;
  }
  .mypage_edu_reserv .calendar td.edu > div.day_box {
    cursor: pointer;
  }
  .mypage_edu_reserv .calendar td > div.day_box span {
    text-align: center;
  }
  .mypage_edu_reserv .calendar td .day {
    text-align: center;
    padding: 0;
    margin-bottom: 5px;
    display: block;
  }

  .mypage_edu_reserv .calendar td > div.day_box .btn_box {
    display: flex;
    justify-content: space-evenly;
  }

  .mypage_edu_reserv .calendar .btn_box span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
  }
  .mypage_edu_reserv .calendar .btn_box span.ED {
    background: linear-gradient(to right, #f8c41f, #fd6c3a);
  }
  .mypage_edu_reserv .calendar .btn_box span.SM {
    background: #c3af8e;
  }
  .mypage_edu_reserv .calendar .btn_box span.SH {
    background: linear-gradient(to right, #5de6ff, #2baae7);
  }
  .mypage_edu_reserv .calendar .btn_box span.RD {
    background: linear-gradient(to right, #4cb0f3, #4467fc);
  }

  .m_cal_popup {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px 20px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 10px 10px 0 0;
    z-index: 100;
    transform: translateY(100%);
    transition: all 0.2s;
    display: block;
  }
  .m_cal_popup.active {
    transform: translateY(0);
  }
  .m_cal_popup .date {
    font-size: 14px;
    font-weight: bold;
  }
  .m_cal_popup ul li {
    margin-bottom: 10px;
  }
  .m_cal_popup ul li button {
    width: 100%;
    line-height: 42px;
    color: #fff;
    border-radius: 5px;
    text-indent: 15px;
    background: linear-gradient(to right, #f8c41f, #fd6c3a);
    position: relative;
    font-weight: bold;
    text-align: left;
  }
  .m_cal_popup ul li button span {
    font-size: 14px;
  }

  .m_cal_popup ul li button.SM {
    background: #c3af8e;
  }
  .m_cal_popup ul li button.SH {
    background: linear-gradient(to right, #5de6ff, #2baae7);
  }
  .m_cal_popup ul li button.RD {
    background: linear-gradient(to right, #4cb0f3, #4467fc);
  }
  .m_cal_popup ul li button::after {
    content: "";
    display: block;
    width: 7px;
    height: 12px;
    background: url(../img/arrow_ic_white.svg) no-repeat center / cover;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
  }
  .m_cal_popup .pop_btn_close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 12px;
    height: 12px;
    background: url(../img/close_ic_black.svg) no-repeat center / cover;
    cursor: pointer;
  }

  .cal_pdf a {
    display: block;
    text-align: center;
  }

  /* 환불 요청 760 */
  .cancel_info_wrap {
    padding: 10px 20px 0;
  }
  .cart_wrapper .agree_box .agree_txt {
    padding: 10px 20px;
  }
  .order_view_article .con_box .bank_subwrap.cancel {
    display: block;
  }
  .order_view_article .con_box .bank_subwrap.cancel > div {
    width: 100%;
    margin-bottom: 30px;
  }
  .order_view_article .con_box .bank_subwrap .bank_btn button {
    width: 111px;
  }

  /* 주문서 작성 760 */
  .cart_wrapper.payment .order_view_top_box h3.title {
    font-size: 14px;
  }
  .cart_wrapper.payment .cart_prod_list.type2 > li .box {
    padding-left: 112px;
  }
  .cart_wrapper.payment .cart_prod_list.type2 > li .total {
    justify-content: space-between;
    padding: 0;
  }
  .cart_wrapper.payment .cart_list .cart_prod_list.type2 .count {
    font-size: 12px;
    justify-content: flex-start;
  }

  .cart_wrapper.payment .pay_input_con .input_box {
    margin-bottom: 32px;
  }
  .cart_wrapper.payment .button_box .deliver_select button {
    width: 100%;
  }
  .cart_wrapper.payment .pay_input_con .add_btn {
    width: 111px;
    padding: 0;
  }
  .cart_wrapper.payment .pay_input_con .pay_type:not(.basic) {
    width: calc(100% / 3);
  }

  /* 검색 서치 .search 760 */
  .search_wrap .search_box {
    display: none;
  }
  .search_wrapper .com_prod_list {
    padding: 0;
  }

  /* 제품 상세 페이지 배송 보관 760 */
  .detail_con_box.info .detail_tbl {
    min-width: 100%;
    border: none;
  }
  .detail_con_box.info h4.title {
    position: relative;
  }
  .detail_con_box.info h4.title::after {
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background: url(../img/arrow_ic_black.svg) no-repeat center / 7px 14px;
    transform: translate(0, -50%) rotate(90deg);
    position: absolute;
    top: 50%;
    right: 7px;
    transition: all 0.2s;
  }
  .detail_con_box.info h4.title.on::after {
    transform: translate(0, -50%) rotate(270deg);
  }
  .detail_con_box.info .detail_tbl tr {
    display: flex;
    flex-direction: column;
    background: #f9f9f9;
    margin: 0 20px;
    padding: 10px 20px;
  }
  .detail_con_box.info .detail_tbl tr th {
    padding: 0;
    text-align: left;
    background: transparent;
    border: none;
    font-weight: 500;
  }
  .detail_con_box.info .detail_tbl tr th br {
    display: none;
  }
  .detail_con_box.info .detail_tbl td {
    padding: 0;
    background: transparent;
    border: none;
  }
  .detail_con_box.info .mb_scroll::after {
    display: none;
  }
  .detail_con_box.info .mb_scroll::before {
    content: "";
    display: block;
    width: calc(100% - 40px);
    height: 1px;
    background: #333;
    position: absolute;
    top: 0;
    left: 20px;
    z-index: 1;
  }
  .detail_con_box.info .mb_scroll .tb_box {
    height: 0;
    padding-bottom: 0;
  }
  .detail_con_box.info .mb_scroll.on .tb_box {
    height: auto;
  }

  /* 주문상품정보 장바구니 버튼 760 */
  .order_prod_list .body_row .prod .cart_in {
    padding: 7px 10px;
  }
  .order_prod_list .body_row .prod .cart_in span::after {
    display: none;
  }

  /* 제품 상세페이지 배송/보관 760 */
  .deliver_info table {
    margin-bottom: 60px;
  }
  .deliver_info table tr {
    display: flex;
    flex-direction: column;
  }
  body {
    -webkit-text-size-adjust: 100%;
  }

  .howtouse_wrap .txt_box.flex_start .price {
    width: 100%;
    justify-content: center;
  }
  .howtouse_wrap .multy_slide .txt_box.flex_start .ic_like {
    right: 25px;
  }

  /* 주문결제 payment 768 */
  .cart_wrapper.payment .tbl_basic th {
    width: 100px;
  }
  .cart_wrapper.payment .tbl_basic td .payment.flex_box {
    flex-wrap: wrap;
  }
  .cart_wrapper.payment .tbl_basic td .pay_btn {
    margin: 5px 10px;
    margin-left: 0;
    max-width: calc(50% - 10px);
    min-width: 150px;
  }

  /* 리뷰작성 별점 */
  .star_value .star .img_box{width: 50px;}  
  .star_value .star p span{display: none;}

  /* 이벤트 페이지 768 */
  /* 이벤트 페이지 - 공통사항 */
  .left_menu .depth_2{gap: 0; margin-bottom: 20px;}
  .left_menu .depth_2 li{width: 100%;}
  .left_menu .depth_2 li a{min-width: auto; border: none; border-bottom: 1px solid #999; font-size: 14px; background: none; white-space: nowrap;}
  .left_menu .depth_2 li.open a{background: none; color: inherit; border: 1px solid #999;border-bottom: none;}

  .flex_list3{gap: 30px}
  .flex_list3 .list_item{width: 100%;}

  .event_review .board_basic .list{position: relative;}
  .event_review .board_basic .unit{flex: 1; background: #d39f4b; padding: 0 10px; border-radius: 3px; margin-left: 10px; color: #fff; font-size: 11px;;}
  
  .event_review .board_basic .list .subject{margin-bottom: 0;}
  .event_review .board_basic .list .subject p{margin-top: 10px;}
  .event_review .board_basic .name{flex: 1; font-size: 11px; color: #999; font-family: "Montserrat";}
  .event_review .board_basic .name::before{content: "작성자 : "; margin-right: 3px;}
  .event_review .board_basic .date{font-size: 11px;}
  .event_review .board_basic .date::before{content: "작성일 : "; margin-right: 3px;}

}
/* // max-w 768 */