@charset "utf-8";

/* 옵션 선택 레이어 : goods/layer_option.html */
.layer_option .ly_regular_info {padding: 15px 15px 0 15px;}
.layer_option .ly_regular_info dl {}
.layer_option .ly_regular_info dl dt {font-size: 13px; font-weight: bold; color: #777;}
.layer_option .ly_regular_info dl dd {display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; color: #777;}
.layer_option .ly_regular_info dl dd .section {display: none; overflow: hidden; flex-wrap: wrap; flex-basis: 100%; margin-top: 10px;}
.layer_option .ly_regular_info dl dd .section > dt {display: flex; align-items: center; width: 22%; margin-bottom: 15px; padding-left: 3%; font-weight: normal}
.layer_option .ly_regular_info dl dd .section > dd {width: 75%; margin-bottom: 15px}
.layer_option .ly_regular_info dl dd .section > dd .bn_opt {display: block; position: relative; width: 100%; height: 33px; border: 1px solid #c7c7c7; font-size: 13px; color: #777; text-align: left; text-indent: 11px; z-index: 100; background: #fff url('../../img/icon/icon_bg_select.png') no-repeat 100% 0; background-size: 400px 31px;}
.layer_option .ly_regular_info dl dd .section > dd .bn_opt.selected { border: 1px solid #999;}
.layer_option .ly_regular_info dl dd .section > dd .optbx {position: relative; width: 100%; margin: -1px 0 0 0; border: 1px solid #999; z-index: 1; background: #ffffff;}
.layer_option .ly_regular_info dl dd .section > dd .optbx .optlst .disabled {color: lightgray !important;}
.layer_option .ly_regular_info dl dd .section > dd .optbx .optlst li {position: relative; min-height: 42px; text-indent: 10px; border-bottom: 1px solid #c7c7c7; font-weight: bold; font-size: 13px; color: #555; line-height: 42px; vertical-align: middle;}
.layer_option .ly_regular_info dl dd .section > dd .optbx .optlst li:last-child {border-bottom: none;}
.layer_option .ly_regular_info dl dd .section > dd .optbx .optlst li > img {width: 41px; height: 41px;}
.layer_option .ly_regular_info dl dd .section > dd .optbx .optlst li em {display: block; position: relative; padding: 8px 0 7px; color: #555; word-break: break-all; z-index: 30;}
.layer_option .ly_regular_info dl dd .section > dd.single_option_on {position: absolute; top: 0; left: 0; z-index: 103; gap: 0; width: calc(100% - 30px); padding: 12px 15px; background: #fff;}
.layer_option .ly_regular_info .toggle_button {flex: 1; height: 40px; margin: 5px 0 0 0; border: 1px solid #777; background: #fff; text-align: center; color: #777; font-size: 13px;}
.layer_option .ly_regular_info .toggle_button.active {border: 1px solid var(--primary-default); background: var(--primary-default); color: #fff;}
.layer_option .total_price_box.regular_goods_total_price_box ul li dl dt {width: 140px; padding-right: 35px; text-align: right;}
.layer_option .total_price_box {margin-bottom: 46px;}
.layer_option .js_btn_disabled_order {display: block; width: 100%; padding: 10px 0 10px 0; font-size: 16px; text-align: center; background: #d3d3d3; border: 1px solid #d3d3d3; color: #ffffff; font-weight: bold; box-sizing: border-box;}
#contents_wrap.hidden_regular_goods_elements .regular_goods_elements,
#layer_option_contents_wrap.hidden_regular_goods_elements .regular_goods_elements {display: none !important;}
.js_regular_single_option .optbx .scroll_vertical_fix ul {margin-bottom: 70px;}

/* 배송주기 변경 레이어 : goods/layer_regular_delivery_cycle.html */
.layer_regular_delivery_change_info .ly_head {position: relative; border-bottom: none;}
.layer_regular_delivery_change_info .ly_head_inner {position: relative; text-align: center;}
.layer_regular_delivery_change_info .h_tit {font-size: 16px; font-weight: bold; margin: 0; display: inline-block;}
.layer_regular_delivery_change_info .delivery_info_section {padding: 10px 15px; border-bottom: none;}
.layer_regular_delivery_change_info .form_row {display: flex; align-items: center;}
.layer_regular_delivery_change_info .form_row.goods_name {padding: 5px 0}
.layer_regular_delivery_change_info .form_label {min-width: 80px; margin-bottom: 0; margin-right: 15px; color: #666;}
.layer_regular_delivery_change_info .form_input {flex: 1;}
.layer_regular_delivery_change_info .inner_table {border-collapse: collapse; width: 100%; border: none;}
.layer_regular_delivery_change_info .inner_table th {padding: 8px; text-align: left;}
.layer_regular_delivery_change_info .inner_table td {padding: 10px;}
.layer_regular_delivery_change_info .inner_table tr:last-child th,
.layer_regular_delivery_change_info .inner_table tr:last-child td {border-bottom: none;}
.layer_regular_delivery_change_info .select_box {height: 33px; width: 100%; padding: 0 0 0 5px; border: 1px solid #c3c3c3; background: #fff url(../../img/icon/icon_bg_select.png) no-repeat 100% 0; background-size: 398px auto;}
.layer_regular_delivery_change_info .cycle_tabs, .round_tabs {display: flex;}
.layer_regular_delivery_change_info .cycle_tab, .round_tab {flex: 1; padding: 10px; text-align: center; background: #fff; border: 1px solid #C7C7C7; color: #333;}
.layer_regular_delivery_change_info .cycle_tab.active, .round_tab.active {background: var(--primary-default); color: #fff; border: 1px solid var(--primary-default);}
.layer_regular_delivery_change_info .cycle_content .cycle_row {display: none;}
.layer_regular_delivery_change_info .delivery_due_date {display: none; color: #666; font-size: 12px; padding: 14px; border-top: 1px solid #eee;}
.layer_regular_delivery_change_info .notice_list {padding: 10px; list-style-type: disc; padding-left: 20px; border-bottom: 1px solid #eee;}
.layer_regular_delivery_change_info .notice_list li {margin-left: 10px; font-size: 13px; color: #666;}
.layer_regular_delivery_change_info .button_wrap {display: flex; padding: 15px; gap: 10px;}
.layer_regular_delivery_change_info .btn_cancel, .btn_save {flex: 1; padding: 12px; border: none; font-size: 14px;}
.layer_regular_delivery_change_info .btn_cancel {background: #fff; border: 1px solid #ddd;}
.layer_regular_delivery_change_info .btn_save {background: var(--primary-default); color: #fff;}
.layer_regular_delivery_change_info .section_title {font-weight: bold; font-size: 14px; background: #f7f7f7; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px;}
.layer_regular_delivery_change_info .regular_delivery_modal_close {position: absolute; right: -60px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; border: none; background: none; padding: 0; cursor: pointer;}
.layer_regular_delivery_change_info .regular_delivery_modal_close::before,
.layer_regular_delivery_change_info .regular_delivery_modal_close::after {content: ''; position: absolute; top: 50%; left: 50%; width: 26px; height: 1px; background-color: #222;}
.layer_regular_delivery_change_info .regular_delivery_modal_close::before {transform: translate(-50%, -50%) rotate(45deg);}
.layer_regular_delivery_change_info .regular_delivery_modal_close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.layer_regular_delivery_change_info .delivery_info_section {padding: 10px 15px; border-bottom: none;}

/* 마이페이지 > 정기배송 신청 목록 : mypage/_regular_delivery_list.html */
.regular_delivery_list .apply_box { padding: 10px 10px 0 10px; }
.regular_delivery_list .apply_container { display: flex; justify-content: space-between; align-items: center; }
.regular_delivery_list .apply_number_text { font-size: 14px; font-weight: bold; }
.regular_delivery_list .apply_button_container { display: flex; gap: 5px; align-items: center; }
.regular_delivery_list .apply_btn { border: 1px solid #ddd; background: #fff; font-size: 12px; white-space: nowrap; text-align: center; padding: 5px 10px; border-radius: 2px; }
.regular_delivery_list .info_box_row { display: flex; justify-content: space-between; align-items: center; }
.regular_delivery_list .info_box_left { flex: 1; }
.regular_delivery_list .status_badge { display: flex; padding: 5px; justify-content: center; align-items: center; gap: 10px; border-radius: 2px; background-color: #555D87; color: #fff; font-size: 12px; font-weight: 700; line-height: 1.5; }
.regular_delivery_list .quantity_num { color: var(--primary-default); font-weight: bold; }
.regular_delivery_list .info_change_btn_wrap { padding: 10px; }
.regular_delivery_list .info_change_btn_row { margin-bottom: 5px; }
.regular_delivery_list .info_change_btn_row:last-child { margin-bottom: 0; }
.regular_delivery_list .info_change_btn { display: block; width: 100%; padding: 8px 0; background: var(--primary-default); color: #ffffff; font-size: 14px; font-weight: 500; text-align: center; border: none; border-radius: 0; }

/* 마이페이지 > 결제카드 목록 : mypage/_regular_payment_card_list.html */
.regular_payment_card_list .layer-wrap {position:fixed; left:0; top:0; z-index:100; overflow-y:auto; width:100%; height:100%}
.regular_payment_card_list .card_list {padding: 0; margin: 0; list-style: none}
.regular_payment_card_list .card_item {margin-bottom: 10px}
.regular_payment_card_list .card_content {display: flex; background: transparent; width: 100%}
.regular_payment_card_list .delete_wrap, .num_wrap {display: flex; align-items: center; padding-right: 15px}
.regular_payment_card_list .card_divider {width: 1px; align-self: stretch; background-color: #e5e5e5; margin: 0 15px 0 0}
.regular_payment_card_list .btn_delete {width: 24px; height: 24px; border: none; background: none; position: relative}
.regular_payment_card_list .delete_num {display: inline-block}
.regular_payment_card_list .num_index {color: #999; font-size: 16px; font-weight: 500}
.regular_payment_card_list .card_list_info_wrap {display: flex; align-items: center; border: 1px solid #e5e5e5; padding: 15px; position: relative; width: 100%; margin: 10px 15px 0 0; background: #fff;}
.regular_payment_card_list .card_info {flex: 1; padding-left: 0}
.regular_payment_card_list .card_name {font-size: 16px; color: #000; font-weight: 500; margin-bottom: 5px}
.regular_payment_card_list .card_detail {font-size: 13px; color: #666}
.regular_payment_card_list .card_detail span {display: block; line-height: 1.5}
.regular_payment_card_list .main_badge {background: #a4a3a3; color: #000; padding: 1px 6px; font-size: 13px; font-weight: bold}
.regular_payment_card_list .drag-handle {cursor: move; text-align: center; vertical-align: middle}

/* 정기배송지 관리 : mypage/_regular_shipping_address.html */
#regularShippingList .pagination { display: inline-block; padding-left: 0; margin: 17px 0; border-radius: 4px; text-align: center; width: 100%; }
#regularShippingList .pagination ul { display: inline-block; padding-left: 0; margin: 0; list-style: none; }
#regularShippingList .pagination li { display: inline; }
#regularShippingList .pagination li a, .pagination li span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #000; background-color: #ffffff; border: 1px solid #cccccc; margin-left: -1px; }
#regularShippingList .pagination li:first-child a, .pagination li:first-child span { margin-left: 0; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
#regularShippingList .pagination li:last-child a, .pagination li:last-child span { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
#regularShippingList .pagination li a:hover, .pagination li span:hover { color: var(--primary-default); background-color: #eeeeee; border-color: #dddddd; }
#regularShippingList .pagination li.on span { color: #ffffff; background-color: var(--primary-default); border-color: var(--primary-default); }

/* 마이페이지 > 정기배송 관리 : mypage/regular_delivery.html */
.mypage_cont .tab_container {padding: 10px;}
.mypage_cont .tab_content {display: none;}
.mypage_cont .tab_content.active {display: block;}
.mypage_cont .tab_content .form_box {background: #f2f3f3;}
.mypage_cont .tab_content .form_box fieldset .inp_sel {padding: 10px 10px 10px 10px;}
.mypage_cont .tab_content .section_title {font-weight: bold; font-size: 14px; background: #F2F3F3; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px;}.mypage_cont .tab_content .section_title {font-weight: bold; font-size: 14px; background: #f7f7f7; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px;}
.mypage_cont .tab_menu_wrap {display: flex; border: 1px solid #C7C7C7; font-size: 12px; font-weight: 700;}
.mypage_cont .tab_button {flex: 1; padding: 12px 40px; background: #fff; color: #333; font-size: 12px; font-weight: 500; border: none; text-align: center; min-width: 150px;}
.mypage_cont .tab_button.active {background: var(--primary-default); color: #fff;}
.mypage_cont .tab_button:first-child {border-right: 1px solid #C7C7C7;}
.mypage_cont .more_btn_box {display: flex; height: 43px; padding: 10px 15px; justify-content: center; align-items: center; gap: 10px; align-self: stretch;}
.mypage_cont .regular_delivery_list.no {padding: 20px 0 20px 0; text-align: center; color: #888; font-size: 12px;}
.mypage_cont .card_title_wrap {display: flex; align-items: center; padding: 10px 10px; background: #f8f8f8;}
.mypage_cont .card_title {font-size: 12px; font-weight: bold; color: #333; margin: 0;}
.mypage_cont .info_list {padding: 10px; font-size: 13px; line-height: 1.6;}
.mypage_cont .info_list li {color: #888; position: relative; padding-left: 10px; margin-bottom: 5px;}
.mypage_cont .info_list li:before {content: "·"; position: absolute; left: 0;}
.mypage_cont .card_info_wrap {display: flex; background: #f8f8f8;}
.mypage_cont .btn_add_card {margin-left: auto; margin-right: 10px; display: flex; align-items: center;}
.mypage_cont .btn_register_card {display: inline-block; background: #a4a3a3; color: #fff; border: none; font-size: 12px; padding: 2px 10px;}
.mypage_cont .btn_save_wrap {margin-left: auto; margin-top: 10px; display: flex; align-items: center;}
.mypage_cont .btn_save_card {display: block; width: 100%; margin: 0 15px; background: var(--primary-default); color: #fff; padding: 12px 0; border: none; font-size: 12px; font-weight: bold; position: relative;}

/* 정기배송 팝업 기본 레이아웃 */
.regular_pop .ly_head {position: relative; border-bottom: 1px solid #eee;}
.regular_pop .ly_head_inner {position: relative; text-align: center;}
.regular_pop .h_tit {font-size: 16px; font-weight: bold; margin: 0; display: inline-block;}
.regular_pop .section_title {font-weight: bold; font-size: 14px; background: #F2F3F3; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px;}
.regular_pop .regular_delivery_modal_close {position: absolute; right: -50px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; border: none; background: none; padding: 0; cursor: pointer;}
.regular_pop .regular_delivery_modal_close::before,
.regular_pop .regular_delivery_modal_close::after {content: ''; position: absolute; top: 50%; left: 50%; width: 16px; height: 1px; background-color: #666;}
.regular_pop .regular_delivery_modal_close::before {transform: translate(-50%, -50%) rotate(45deg);}
.regular_pop .regular_delivery_modal_close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.regular_pop .delivery_info_section {padding: 10px 15px; border-bottom: 1px solid #eee;}
.regular_pop .form_row {display: flex; align-items: center;}
.regular_pop .form_label {min-width: 80px; margin-bottom: 0; margin-right: 15px; color: #666;}
.regular_pop .form_input {flex: 1;}

/* 마이페이지 > 정기배송 신청목록 > 해지하기 : mypage/regular_delivery_cancel.html */
#popupRegularDeliveryCancel .select_box { width: 100%; padding: 10px; border: 1px solid #ddd; }
#popupRegularDeliveryCancel .detail-reason { width: 100%; min-height: 80px; padding: 10px; border: 1px solid #ddd; font-size: 14px; resize: vertical; box-sizing: border-box; min-width: 0;}
#popupRegularDeliveryCancel .button_wrap { display: flex; padding: 15px; gap: 10px; }
#popupRegularDeliveryCancel .btn_cancel, .btn_save { flex: 1; padding: 0px 12px; border: none; font-size: 14px; }
#popupRegularDeliveryCancel .btn_cancel { background: #fff; border: 1px solid #ddd; }
#popupRegularDeliveryCancel .btn_save { background: var(--primary-default); color: #fff; }

/* 마이페이지 > 정기배송 신청목록 > 배송정보 변경 : mypage/regular_delivery_change_info.html */
.layer_regular_delivery_change_info .ly_head {position: relative; border-bottom: none;}
.layer_regular_delivery_change_info .ly_head_inner {position: relative; text-align: center;}
.layer_regular_delivery_change_info .h_tit {font-size: 16px; font-weight: bold; margin: 0; display: inline-block;}
.layer_regular_delivery_change_info .delivery_info_section {padding: 0 !important; border-bottom: none;}
.layer_regular_delivery_change_info .form_row {display: flex; align-items: center;}
.layer_regular_delivery_change_info .form_row.goods_name {padding: 15px;}
.layer_regular_delivery_change_info .form_label {padding: 10px 0 7px 14px; color: #666; margin-right: 0;}
.layer_regular_delivery_change_info .form_input {flex: 1; padding: 9px 10px 9px 14px;}
.layer_regular_delivery_change_info .inner_table {border-collapse: collapse; width: 100%; border: none;}
.layer_regular_delivery_change_info .inner_table th {padding: 14px; text-align: left; font-weight: normal; color: #666;}
.layer_regular_delivery_change_info .inner_table td {padding: 10px;}
.layer_regular_delivery_change_info .inner_table tr:last-child th,
.layer_regular_delivery_change_info .inner_table tr:last-child td {border-bottom: none;}
.layer_regular_delivery_change_info .select_box {height: 33px; width: 100%; padding: 0 0 0 5px; border: 1px solid #c3c3c3; background: #fff url(../../img/icon/icon_bg_select.png) no-repeat 100% 0; background-size: 398px auto;}
.layer_regular_delivery_change_info .cycle_tabs, .round_tabs {display: flex; padding:10px;}
.layer_regular_delivery_change_info .cycle_tab, .round_tab {flex: 1; padding: 10px; text-align: center; background: #fff; border: 1px solid #C7C7C7; color: #333;}
.layer_regular_delivery_change_info .cycle_tab.active, .round_tab.active {background: var(--primary-default); color: #fff; border: 1px solid var(--primary-default);}
.layer_regular_delivery_change_info .cycle_content .cycle_row {display: none;}
.layer_regular_delivery_change_info .delivery_due_date {color: #666; font-size: 12px; border-top: 1px solid #eee;}
.layer_regular_delivery_change_info .button_wrap {display: flex; padding: 15px; gap: 10px;}
.layer_regular_delivery_change_info .btn_cancel, .btn_save {flex: 1; border: none; font-size: 14px;}
.layer_regular_delivery_change_info .btn_cancel {background: #fff; border: 1px solid #c7c7c7;}
.layer_regular_delivery_change_info .btn_save {background: var(--primary-default); color: #fff;}
.layer_regular_delivery_change_info .delivery_info_section tr {border-bottom: 1px solid #eee;}
.layer_regular_delivery_change_info .delivery_info_section th {border-right: 1px solid #eee;}


/* 마이페이지 > 정기배송 신청목록 > 정기배송지 변경 : mypage/regular_delivery_gift_change.html */
.layer_regular_delivery_gift_change .regular_gift_section_title {font-weight: bold; font-size: 14px; background: #f7f7f7; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px;}
.layer_regular_delivery_gift_change .select_regular_gift_item,
.layer_regular_delivery_gift_change .regular_gift_item {display: flex; align-items: center; margin: 15px;}
.layer_regular_delivery_gift_change .select_regular_gift_item img,
.layer_regular_delivery_gift_change .regular_gift_item img {width: 100px; height: auto; margin-right: 10px; margin-left: 10px;}
.layer_regular_delivery_gift_change .select_regular_gift_item span,
.layer_regular_delivery_gift_change .regular_gift_item span {font-size: 13px;}
.layer_regular_delivery_gift_change .regular_gift_menu_wrap {display: flex; border: 1px solid #ddd;}
.layer_regular_delivery_gift_change .regular_gift_close_button {flex: 1; padding: 12px 40px; background: #fff; color: #000; border: 1px solid #c7c7c7; font-size: 14px; text-align: center; min-width: 150px;  margin: 15px 5px 15px 15px; }
.layer_regular_delivery_gift_change .regular_gift_update_button {font-size: 14px;  flex: 1; padding: 12px 40px; background: var(--primary-default); color: #fff; border: none; text-align: center; min-width: 150px;  margin: 15px 15px 15px 5px;}
.layer_regular_delivery_gift_change .regular_gift_checkbox {display: inline-block; width: 20px; height: 30px; margin-left: 20px; vertical-align: middle; background: url('../../img/icon/icon_chk.gif') no-repeat center; background-size: 100%;}
.layer_regular_delivery_gift_change .regular_gift_checkbox:checked {background: url('../../img/icon/icon_chk_on.gif') no-repeat center; background-size: 100%;}
.layer_regular_delivery_gift_change .center_msg {display: flex; justify-content: center; align-items: center; height: 150px; text-align: center;}

/* 마이페이지 > 정기배송 신청목록 > 상품정보 변경 : mypage/regular_delivery_goods_change.html */
.layer_regular_delivery_goods_change .ly_head {position: relative; border-bottom: 1px solid #eee;}
.layer_regular_delivery_goods_change .ly_head_inner {position: relative; text-align: center;}
.layer_regular_delivery_goods_change .h_tit {font-size: 16px; font-weight: bold; margin: 0; display: inline-block;}
.layer_regular_delivery_goods_change .order_goods_list .orderlist_wrap {padding-bottom: 10px;}
.layer_regular_delivery_goods_change .order_goods_list .orderlist_wrap.gift_form {background: #fff;}
.layer_regular_delivery_goods_change .apply_box {padding: 10px 10px 0 10px;}
.layer_regular_delivery_goods_change .apply_box .apply_container {display: flex; justify-content: space-between; align-items: center; padding-bottom:10px;}
.layer_regular_delivery_goods_change .apply_box .apply_container .apply_number_text {font-size: 14px; font-weight: bold;}
.layer_regular_delivery_goods_change .apply_box .apply_container .apply_button_container {display: flex; padding: 5px; align-items: center;}
.layer_regular_delivery_goods_change .apply_box .apply_container .apply_button_container .apply_btn {border: 1px solid #9F9F9F; background: #fff; font-size: 13px; font-weight: 700; color: #494949; line-height: 1.5; white-space: nowrap; text-align: center; padding: 5px; border-radius: 2px;}
.layer_regular_delivery_goods_change .my_goods {padding: 10px 10px 0 10px;}
.layer_regular_delivery_goods_change .my_goods .info.add_goods {margin-top: 6px;}
.layer_regular_delivery_goods_change .my_goods {padding: 0 10px;}
.layer_regular_delivery_goods_change .goods_form .my_goods .info .itemhead .img {min-width: 80px; min-height: 80px;}
.layer_regular_delivery_goods_change .goods_form .my_goods .info .itemhead .img img {width: 80px;}
.layer_regular_delivery_goods_change .goods_form .my_goods .info .itembody {vertical-align: top;}
.layer_regular_delivery_goods_change .gift_form .my_goods .info .itemhead .img {min-width: 65px; min-height: 65px;}
.layer_regular_delivery_goods_change .gift_form .my_goods .info .itemhead .img img {width: 65px;}
.layer_regular_delivery_goods_change .gift_form .my_goods .info {padding: 0; border: none;}
.layer_regular_delivery_goods_change .info_box_row {display: flex; justify-content: space-between; align-items: center;}
.layer_regular_delivery_goods_change .info_box_row .info_box_left {flex: 1;}
.layer_regular_delivery_goods_change .info_box_row .status_badge {display: inline-block; padding: 4px 8px; border-radius: 2px; background-color: #666; color: #fff; font-size: 10px; font-weight: 500; line-height: 1.2;}
.layer_regular_delivery_goods_change .quantity_num {color: var(--primary-default); font-weight: bold;}
.layer_regular_delivery_goods_change .notice_list {padding: 15px; list-style-type: disc; padding-left: 20px; border-bottom: 1px solid #eee;}
.layer_regular_delivery_goods_change .notice_list li {margin-left: 8px; font-size: 13px; color: #666; margin-bottom: 5px;}
.layer_regular_delivery_goods_change .notice_list li:last-child {margin-left: 8px; font-size: 13px; color: #666; margin-bottom: 0;}
.layer_regular_delivery_goods_change .button_wrap {display: flex; padding: 10px 10px 30px 10px; gap: 10px;}
.layer_regular_delivery_goods_change .btn_cancel {display: flex; flex: 1; padding: 10px 15px; justify-content: center; align-items: center; gap: 10px; background: #fff; border: 1px solid #9F9F9F; font-size: 14px; font-weight: 700; color: #494949; line-height: 1.5;}
.layer_regular_delivery_goods_change .btn_save {display: flex; padding: 10px 15px; justify-content: center; align-items: center; gap: 10px; background: var(--primary-default); color: #fff; font-size: 14px; font-weight: 700; line-height: 1.5;}

/* 마이페이지 > 정기배송 신청목록 > 상품정보 변경 : mypage/regular_delivery_goods_search.html */
.layer_regular_delivery_goods_search .search_area {padding: 15px; border-bottom: 1px solid #eee;}
.layer_regular_delivery_goods_search .search_box {display: flex; gap: 10px; margin-bottom: 10px;}
.layer_regular_delivery_goods_search .search_input {flex: 1; padding: 8px; border: 1px solid #ddd;}
.layer_regular_delivery_goods_search .search_btn {width: 100%; padding: 10px; background: var(--primary-default); color: #f2f3f3; border: none; font-size: 14px;}
.layer_regular_delivery_goods_search .goods_thumb img {width: 100%; height: 100%; object-fit: cover;}
.layer_regular_delivery_goods_search .more_btn_wrap {padding: 15px; border-top: 1px solid #eee;}
.layer_regular_delivery_goods_search .more_btn {width: 100%; padding: 12px; background: var(--primary-default); color: #fff; border: none; font-size: 14px;}
.layer_regular_delivery_goods_search .goods_item {position: relative; display: flex; align-items: center; padding: 15px; border-top: 1px solid #eee; background: #fff;}
.layer_regular_delivery_goods_search .goods_thumb {width: 80px; height: 80px; margin-right: 15px;}
.layer_regular_delivery_goods_search .goods_info {flex: 1; justify-content: space-between; display: flex; flex-direction: column;}
.layer_regular_delivery_goods_search .goods_name {margin-left: 10px; font-size: 14px; font-weight: 500;}
.layer_regular_delivery_goods_search .goods_price {margin-left: 10px; font-size: 13px; color: #666; margin-bottom: 8px;}
.layer_regular_delivery_goods_search .center_msg {display: flex; justify-content: center; align-items: center; height: 150px; text-align: center;}
.layer_regular_delivery_goods_search .change_goods_btn {display: inline-block; width: calc(100% - 10px); margin: 10px 0 0 10px; padding: 5px 10px; font-size: 12px; white-space: nowrap; text-align: center; border-radius: 2px; color: #333; box-sizing: border-box; border: 1px solid #ddd; background: #fff;}

/* 배송지 관리 : mypage/shipping.html */
.regular_shipping_tab {padding: 10px;}
.regular_shipping_tab .tab_menu_wrap {display: flex; border: 1px solid #ddd;}
.regular_shipping_tab .tab_button {flex: 1; padding: 12px 40px; background: #fff; color: #888; border: none; text-align: center; min-width: 150px;}
.regular_shipping_tab .tab_button.active {background: var(--primary-default); color: #fff;}
.regular_shipping_tab .tab_button:first-child {border-right: 1px solid #ddd;}

/* 주문서 작성 / 결제 : order/regular_order.html */
.regular_order table {width: 100%; border-collapse: collapse;}
.regular_order .regular_round {text-align: left; border-top: 1px solid #cccccc;}
.regular_order .regular_round span {margin-top: 5px; color: #a9a9a9;}
.regular_order .regular_round input[type="radio"] {margin-left: 10px; vertical-align: middle;}
.regular_order .regular_round .spacing {margin-left: 10px;}
.regular_order .regular_round select {width :50px; height: 25px;}
.regular_order .regular_round .regular_delivery_date {float: right;}
.regular_order .regular_round .regular_delivery_date .date_text {color: black; font-weight:bold;}
.regular_order .regular-order-payment-message {background: #f7f7f7; padding: 16px;}
.regular_order .regular-order-payment-message li {list-style-type: disc; list-style-position: inside;}
.regular_order .card_list {padding: 15px; display: flex; flex-wrap: wrap;}
.regular_order .card_list .inp_chk {display: flex; align-items: center; position: unset; top: unset; right: unset; padding-bottom: 15px; flex: 0 0 calc(50% - 5px); min-width: 0; box-sizing: border-box;}
.regular_order .card_list .inp_chk input[type="radio"] {margin: 0 2px 0 0; accent-color: #333;}
.regular_order .card_btn .regist_card {display: flex; width: 80px; height: 30px; padding: 10px 0; background: var(--primary-default); border: 1px solid var(--primary-default); color: #ffffff; font-weight: bold; font-size: 12px; align-items: center; justify-content: center; }
.regular_order .tab_menu_title {padding:15px 15px 0 15px;}
.regular_order .tab_menu_title ul {display:table; width:100%;}
.regular_order .tab_menu_title ul li {display:table-cell; width:33.3%; border:1px solid #c7c7c7; border-left:none; background:#ffffff; vertical-align:middle;}
.regular_order .tab_menu_title ul li a {display:block; padding:10px 7px; color:#333333; text-align:center;  border-left:none; box-sizing:border-box;}
.regular_order .tab_menu_title ul li:first-child{border-left:1px solid #c7c7c7}
.regular_order .tab_menu_title ul li.active{background:var(--primary-default);}
.regular_order .tab_menu_title ul li.active a {color:#fff; font-weight:bold;}
.regular_order .tab_menu {padding:15px 15px 0 15px;}
.regular_order .tab_menu ul {display:table; width:100%;}
.regular_order .tab_menu ul li {display:table-cell; width:33.3%; border:1px solid #c7c7c7; border-left:none; background:#ffffff; vertical-align:middle;}
.regular_order .tab_menu ul li a {display:block; padding:10px 7px; color:#333333; text-align:center;  border-left:none; box-sizing:border-box;}
.regular_order .tab_menu ul li:first-child{border-left:1px solid #c7c7c7}
.regular_order .tab_menu ul li.active{background:var(--primary-default);}
.regular_order .tab_menu ul li.active a {color:#fff; font-weight:bold;}
.regular_order input[type="radio"] {-webkit-appearance: radio;}
.regular_order input[disabled] {background-color: #f2f2f2 !important; border-color: #ddd !important; color: #888 !important; cursor: not-allowed;}
/* 기존 order.css에 대해 수정 필요 부분 */
.order .order_box {padding: 0;}
.order .order_box .sum_prc_wrap {padding: 10px 15px 10px 15px;}
.order .order_box .guest_info .inp_chk {padding: 10px 15px 10px 15px; border-top: 1px solid #ccc;}

/* 정기결제 신청서 완료 : order/regular_order_end.html */
.order_my_btn {display: flex; width: 100%; height: 43px; padding: 10px 15px; font-size: 14px; align-items: center; justify-content: center; background: #FFF; border: 1px solid #9F9F9F; color: #494949; font-weight: 700; gap: 10px; box-sizing: border-box;}
.order_home_btn {display: flex; width: 100%; height: 43px; padding: 10px 15px; font-size: 14px; align-items: center; justify-content: center; background: var(--primary-default); color: #FFF; font-weight: 700; gap: 10px; box-sizing: border-box;}

/* 장바구니 : order/cart.html */
.cart .cart_content_box .my_goods {padding-bottom: 10px;}
.cart .btn_wish_bx_regular_order {padding:5px 8px 5px 8px;}
.cart .btn_wish_bx_regular_order ul {display:table; width:100%; padding:0 0 4px 0;}
.cart .btn_wish_bx_regular_order ul li {display:table-cell; width:50%;}
.cart .btn_wish_bx_regular_order ul li:nth-child(1) {padding:0 2px 0 0;}
.cart .btn_wish_bx_regular_order ul li:nth-child(2) {padding:0 0 0 2px;}
.cart .tab-container {display: flex; padding: 10px; background: #f8f8f8; border-bottom: 1px solid #ccc;}
.cart .tab {flex: 1; width: 180px; height: 40px; padding: 0 10px; display: flex; justify-content: center; align-items: center; text-align: center; gap: 10px; flex-shrink: 0; font-size: 12px; font-weight: 700; cursor: pointer; background: #ffffff; border: 1px solid #c7c7c7; box-sizing: border-box;}
.cart .tab.active {background: var(--primary-default); font-weight: bold; color : white; border-bottom: none;}
.cart .tab-content {display: none;}
.cart .tab-content.active {display: block;}
.cart table {width: 100%; border-collapse: collapse; margin-top: 10px;}
.cart th, .cart td {border: 1px solid #ddd; padding: 10px; text-align: center;}
.cart .regularRound {text-align: left; font-weight: bold;}
.cart .regularRound span {font-size: 1.3em; margin-left: 50px;}
.cart .regularRound input[type="radio"] {margin-left: 10px; vertical-align: middle;}
.cart .regularRound .spacing {margin-left: 10px;}
.cart .regularRound select {width :50px; height: 25px;}
.cart .regularRound .regular-delivery-date {float: right;}