@charset "UTF-8";
@font-face { font-family: 'Pretendard Variable'; font-weight: 45 920; font-style: normal; font-display: swap; src: url("/static/font/PretendardVariable.woff2") format("woff2-variations"); }

@font-face { font-family: 'Merchant'; src: local("Merchant"); /* 윈도우에서 설치된 폰트 이름 */ }

.input { width: 100%; height: 3.5rem; border: 1px solid black; border-radius: 25px; margin-bottom: 2rem; }

.input input { width: 90%; background: none; border: none; padding: 1.1rem 0 1.1rem 2rem; outline: none; }

input, textarea { font-family: "Pretendard Variable", sans-serif; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { transition: background-color 5000s ease-in-out 0s; }

a { color: #222324; text-decoration: none; /* 밑줄 제거 */ }

html, body { line-height: 1.285; margin: 0; color: #222324; background-color: #fff; font-size: 62.5%; font-family: "Pretendard Variable", sans-serif; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }

/* // INPUT 자동완성 배경색 없애기 */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { transition: background-color 5000s ease-in-out 0s; }

.footer_right_category { font-family: 'Merchant', sans-serif; }

.header_container { position: fixed; z-index: 1001; width: 100%; /* box-shadow: 0px 1px 6px rgb(0, 0, 0, 0.025); */ }

.header_container .ribbon_banner { width: 100%; height: 3.5rem; cursor: pointer; background: #004E43; display: flex; justify-content: center; align-items: center; position: relative; }

.header_container .ribbon_banner .text_wrapper { position: absolute; left: 0; right: 0; text-align: center; }

.header_container .ribbon_banner .text_wrapper .text { color: #fff; font-size: 1.4rem; letter-spacing: 0.05rem; }

.header_container .ribbon_banner .ribbon_banner_close { position: absolute; color: #fff; right: 1rem; }

.header_container .header_wrapper { position: relative; z-index: 5; display: flex; justify-content: space-between; transition: all 0.3s ease-out; }

.header_container .header_wrapper .header_menu_wrapper { display: flex; justify-content: start; align-items: center; width: 40%; margin-left: 5rem; gap: 3.5rem; transition: all 0.4s ease-out; }

.header_container .header_wrapper .header_menu_wrapper .header_menu { font-weight: 400; font-size: 1.5rem; color: #fff; cursor: pointer; transition: all 0.6s ease-out; }

.header_container .header_wrapper .nav_icon { display: none; }

.header_container .header_wrapper .header_logo_wrapper { display: flex; justify-content: center; align-items: center; height: 8rem; }

.header_container .header_wrapper .header_logo_wrapper img { width: 100%; cursor: pointer; transition: all 0.6s ease-out; -webkit-transition: -webkit-filter 0.6s ease-out; }

.header_container .header_wrapper .header_account_wrapper { display: flex; justify-content: end; align-items: center; width: 40%; margin-right: 5rem; gap: 3.5rem; }

.header_container .header_wrapper .header_account_wrapper .header_menu { font-weight: 400; font-size: 1.5rem; color: #fff; cursor: pointer; transition: all 0.6s ease-out; }

.header_container .header_wrapper .header_account_wrapper .header_menu img { transition: all 0.6s ease-out; -webkit-transition: -webkit-filter 0.6s ease-out; }

.header_container .header_wrapper .header_account_wrapper .cart { display: flex; align-items: center; }

.header_container .header_wrapper .header_account_wrapper .cart .cart_img { width: 3rem; transition: all 0.6s ease-out; -webkit-transition: -webkit-filter 0.6s ease-out; }

.header_container .header_wrapper .header_account_wrapper .cart_count { margin-left: 0.3rem; }

.header_container .mobile_header_category { display: none; justify-content: center; flex-wrap: wrap; gap: 3rem; padding-bottom: 1rem; transition: all 0.3s ease-out; }

.header_container .mobile_header_category .header_category { cursor: pointer; color: #fff; font-size: 1.5rem; transition: all 0.6s ease-out; }

#menu_navbox { display: none; }

.menu_navbox { position: fixed; left: 0; top: -100%; width: 100%; height: 105%; height: 100lvh; transition: top 0.6s ease-in-out; /* 슬라이드 효과 */ background: #004D43; z-index: 1001; display: flex; flex-direction: column; align-items: center; justify-content: space-between; }

.menu_navbox .navbox { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6rem; font-size: 4rem; line-height: 1; font-weight: 600; color: #e2ceb4; letter-spacing: -0.04em; height: 100%; width: 100%; margin-bottom: 10rem; }

.menu_navbox .navbox .sign_wrapper { display: flex; font-size: 3rem; gap: 5rem; margin-top: 3rem; color: #fff; }

.menu_navbox .navbox .menu_close { display: flex; align-items: center; justify-content: center; margin-top: 3rem; }

.menu_navbox .navbox .menu_close img { width: 3rem; }

.footer_container { display: flex; flex-direction: column; justify-content: center; height: 45rem; background: #F2F2F2; padding-left: 2rem; }

.footer_container .wrapper { margin: 5rem 0; display: flex; }

.footer_container .wrapper .left_div { width: 50%; display: flex; flex-direction: column; justify-content: space-between; }

.footer_container .wrapper .left_div .content01 .text01 { font-size: 1.5rem; }

.footer_container .wrapper .left_div .content01 .text02 { font-size: 4.5rem; margin: 1rem 0; font-weight: 600; }

.footer_container .wrapper .left_div .content01 .text03 { font-size: 1.5rem; }

.footer_container .wrapper .left_div .content01 .text04 { font-size: 1.5rem; margin-top: 0.5rem; }

.footer_container .wrapper .left_div .content01 .text05, .footer_container .wrapper .left_div .content01 .text06 { font-size: 1.5rem; margin-top: 0.5rem; display: none; }

.footer_container .wrapper .left_div .content01 .text07 { font-size: 1.5rem; margin-top: 0.5rem; }

.footer_container .wrapper .left_div .content02 { margin-top: 9rem; display: flex; flex-direction: column; gap: 1rem; font-size: 1.5rem; }

.footer_container .wrapper .left_div .content02 .category { cursor: pointer; }

.footer_container .wrapper .left_div .content03 { margin-top: 5rem; display: flex; gap: 2rem; }

.footer_container .wrapper .left_div .content03 img { height: 100%; cursor: pointer; }

.footer_container .wrapper .left_div .content04 { margin-top: 1.5rem; display: flex; gap: 5rem; font-size: 1.4rem; }

.footer_container .wrapper .left_div .content04 div { cursor: pointer; }

.footer_container .wrapper .left_div .copyright_wrapper { display: none; }

.footer_container .wrapper .right_div { width: 50%; }

.footer_container .wrapper .right_div .footer_right_category { display: flex; flex-direction: column; gap: 1.3rem; font-size: 3rem; font-weight: 600; }

.footer_container .wrapper .right_div .footer_right_category div { width: 17rem; cursor: pointer; }

.footer_container .wrapper .right_div .company_info { margin-top: 3rem; display: flex; flex-direction: column; gap: 1rem; font-size: 1.4rem; }

.footer_container .wrapper .right_div .copyright_wrapper { margin-top: 2rem; display: flex; gap: 1rem; }

.footer_container .wrapper .right_div .copyright_wrapper .text { font-size: 1.2rem; color: #A9A9A9; }

/* // 검은색 타원형 버튼 */
.black_circle_btn { width: 10rem; line-height: 3.5rem; padding: 0 1.5rem; margin: 4rem 0 5rem; border: 1px solid black; color: black; font-size: 1.4rem; text-align: center; cursor: pointer; }

.black_circle_btn:hover { background: #ebebe0; }

.close_btn { width: 2.3rem; height: 2.3rem; line-height: 1.4rem; font-size: 1.7rem; font-weight: 600; border-radius: 100%; color: black; background-color: #fffef9; border: 1px solid black; cursor: pointer; margin-right: 2rem; }

.close_btn svg { margin-top: 0.4rem; margin-left: 0.4rem; width: 1.5rem; height: 1.5rem; transform: rotate(45deg); }

.count_option { width: 14rem; height: 4rem; margin: 0 0 1.5rem; border: 1px solid black; border-radius: 0.5rem; line-height: 1.3rem; display: flex; justify-content: space-between; font-size: 1.8rem; /* .minus { color: #919191; } */ }

.count_option .minus, .count_option .plus { width: 7rem; height: 4rem; border: none; outline: none; background: none; cursor: pointer; font-size: 1.8rem; text-align: center; }

.count_option .option_num { font-size: 1.5rem; width: 4rem; height: 4rem; border: none; outline: none; background: none; text-align: center; cursor: pointer; /* color: #919191; */ }

.count_option .option_num::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.cart_modal_background { width: 100%; height: 100%; display: none; align-items: center; justify-content: center; position: absolute; z-index: 10; top: 0; left: 0; }

.cart_modal_background .cart_modal { background: #fffef9; width: 90%; max-width: 80rem; margin-bottom: 2rem; opacity: 1; box-shadow: 1px 1px 10px 1px grey; position: fixed; }

.cart_modal_background .cart_modal .modal_top { width: 100%; height: 5rem; display: flex; justify-content: space-between; }

.cart_modal_background .cart_modal .modal_top .modal_title { line-height: 5rem; font-size: 1.4rem; font-weight: 500; padding-left: 1rem; font-family: 'Roboto Mono', monospace; }

.cart_modal_background .cart_modal .modal_top .close_btn { margin-top: 1.2rem; margin-right: 1.3rem; }

.cart_modal_background .cart_modal .delivery_message { height: 5rem; line-height: 5rem; padding-left: 1rem; color: #919191; font-size: 1.3rem; border-top: 1px solid black; border-bottom: 1px solid black; }

.cart_modal_background .cart_modal .modal_body { width: 100%; display: flex; }

.cart_modal_background .cart_modal .loaded_cart { width: 100%; padding-bottom: 1rem; }

.cart_modal_background .cart_modal .loaded_cart .cart_items_row_box { width: 100%; height: 50rem; overflow: auto; border-bottom: 1px solid rgba(153, 153, 153, 0.5); }

.cart_modal_background .cart_modal .loaded_cart .cart_items_row_box .cart_items_row { width: 100%; display: flex; justify-content: space-between; margin: auto; margin-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #E6E6E6; }

.cart_modal_background .cart_modal .loaded_cart .cart_items_row_box .cart_items_row img { margin-left: 2rem; height: 10rem; cursor: pointer; aspect-ratio: 1/1; }

.cart_modal_background .cart_modal .loaded_cart .cart_items_row_box .cart_items_row .cart_items_info { width: 82.5%; margin-left: 1rem; font-size: 1.4rem; display: flex; flex-flow: column; justify-content: space-between; }

.cart_modal_background .cart_modal .loaded_cart .cart_items_row_box .cart_items_row .cart_items_info .item_name { line-height: 1.5rem; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; text-overflow: ellipsis; }

.cart_modal_background .cart_modal .loaded_cart .cart_items_row_box .cart_items_row .cart_items_info .cart_item_price .sold_out_wrapper { display: flex; gap: 1rem; }

.cart_modal_background .cart_modal .loaded_cart .cart_items_row_box .cart_items_row .cart_items_info .cart_item_price .sold_out_wrapper .sold_out_price { text-decoration: line-through; color: rgba(136, 25, 25, 0.8); }

.cart_modal_background .cart_modal .loaded_cart .cart_items_row_box .cart_items_row .cart_items_info .cart_item_price .sold_out_wrapper .sold_out { color: rgba(136, 25, 25, 0.8); font-weight: 600; }

.cart_modal_background .cart_modal .loaded_cart .cart_items_row_box .cart_items_row .cart_items_info .item_price { line-height: 3rem; font-size: 1.6rem; font-weight: 500; }

.cart_modal_background .cart_modal .loaded_cart .cart_items_row_box .cart_items_row .cart_items_info .count_option { margin: 0; height: 3rem; width: 10rem; display: flex; align-items: center; }

.cart_modal_background .cart_modal .loaded_cart .cart_items_row_box .cart_items_row .cart_items_info .count_option .cart_minus { height: 3rem; }

.cart_modal_background .cart_modal .loaded_cart .cart_items_row_box .cart_items_row .cart_items_info .count_option .cart_option_num { height: 3rem; }

.cart_modal_background .cart_modal .loaded_cart .cart_items_row_box .cart_items_row .cart_items_info .count_option .cart_plus { height: 3rem; }

.cart_modal_background .cart_modal .loaded_cart .cart_items_row_box .cart_items_row .cart_items_delete { margin-right: 1rem; margin-top: 0.2rem; }

.cart_modal_background .cart_modal .loaded_cart .cart_items_row_box .cart_items_row .cart_items_delete img { width: 1.8rem; height: 1.8rem; margin-left: initial; cursor: pointer; }

.cart_modal_background .cart_modal .loaded_cart .cart_items_row_box::-webkit-scrollbar { width: 8px; }

.cart_modal_background .cart_modal .loaded_cart .cart_items_row_box::-webkit-scrollbar-thumb { height: 30%; background-color: #a1a584; border-radius: 10px; }

.cart_modal_background .cart_modal .loaded_cart .cart_items_row_box::-webkit-scrollbar-track { background-color: rgba(33, 122, 244, 0.1); }

.cart_modal_background .cart_modal .loaded_cart .black_circle_btn { min-width: 20rem; margin: 1rem 0 0 2rem; }

.modal_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* 회색 투명 배경 */ z-index: 999; /* 모달이 이 배경 위에 표시되도록 설정 */ display: none; }

.modal_container { box-shadow: 0 0 16px 2px rgba(0, 0, 0, 0.08); width: 100%; max-width: 80rem; height: 45rem; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001; display: none; }

.modal_container .header { height: 4.5rem; display: flex; justify-content: space-between; align-items: center; color: white; background-color: #004D43; }

.modal_container .header .header_text { margin-left: 1.6rem; font-size: 1.5rem; }

.modal_container .header .cart_close { margin-right: 1.2rem; font-size: 2.4rem; font-weight: 100; cursor: pointer; }

.modal_container .content::-webkit-scrollbar { width: 0.5rem; }

.modal_container .content::-webkit-scrollbar-thumb { background-color: #787878; border-radius: 0.5rem; }

.modal_container .content::-webkit-scrollbar-track { background-color: white; }

.modal_container .content { background: #fff; height: calc(100% - 9rem); padding: 0 2rem; overflow-y: auto; }

.modal_container .content .status { height: 5.5rem; display: flex; align-items: center; font-size: 1.5rem; }

.modal_container .content .item_container { width: 100%; display: grid; gap: 2rem; grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); margin-bottom: 2rem; }

.modal_container .content .item_container .item { display: flex; flex-direction: column; }

.modal_container .content .item_container .item .item_text_wrapper { margin-top: 1.5rem; }

.modal_container .content .item_container .empty_cart { width: 76rem; height: 25rem; font-size: 1.4rem; display: flex; justify-content: center; flex-flow: column; align-items: center; }

.modal_container .content .item_container .empty_cart .cart_message_1 { width: 100%; height: 3.5rem; line-height: 3.5rem; margin-bottom: 10rem; text-align: center; font-size: 2.4rem; font-weight: 500; }

.modal_container .content .item_container .empty_cart img { width: 6rem; }

.modal_container .content .item_container .empty_cart .cart_message_2 { width: 100%; height: 2.5rem; line-height: 2.5rem; margin-top: 7rem; text-align: center; font-size: 1.6rem; font-weight: 500; }

.modal_container .content .item_container .item { height: 25rem; }

.modal_container .content .item_container .item .item_image { width: 100%; height: 11.5rem; display: flex; justify-content: center; align-items: center; }

.modal_container .content .item_container .item .item_image img { width: 100%; height: 12rem; object-fit: initial; }

.modal_container .content .item_container .item .item_text_wrapper .item_maintext { font-size: 1.5rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.modal_container .content .item_container .item .item_text_wrapper .item_subtext { font-size: 1.3rem; color: #646464; margin-bottom: 1rem; }

.modal_container .content .item_container .item .count_wrapper { margin-top: 0.8rem; }

.modal_container .content .item_container .item .count_wrapper .goods_price_wrapper { display: flex; justify-content: space-between; }

.modal_container .content .item_container .item .count_wrapper .item_price { font-size: 1.5rem; font-weight: 600; letter-spacing: 0.05rem; display: flex; align-items: center; }

.modal_container .content .item_container .item .count_wrapper .item_price .cart_item_price .sold_out_wrapper { display: flex; gap: 1rem; }

.modal_container .content .item_container .item .count_wrapper .item_price .cart_item_price .sold_out_wrapper .sold_out_price { text-decoration: line-through; color: rgba(136, 25, 25, 0.8); }

.modal_container .content .item_container .item .count_wrapper .item_price .cart_item_price .sold_out_wrapper .sold_out { color: rgba(136, 25, 25, 0.8); font-weight: 600; }

.modal_container .content .item_container .item .count_wrapper .count_option { margin: 0; height: 3.2rem; margin-top: 1rem; width: 100%; display: flex; align-items: center; }

.modal_container .content .item_container .item .count_wrapper .count_option .cart_minus { height: 3rem; color: #000 !important; /* 버튼 텍스트 색상을 검은색으로 설정 */ -webkit-appearance: none; /* iOS 기본 스타일 제거 */ -moz-appearance: none; appearance: none; }

.modal_container .content .item_container .item .count_wrapper .count_option .cart_option_num { height: 3rem; }

.modal_container .content .item_container .item .count_wrapper .count_option .cart_plus { height: 3rem; color: #000 !important; /* 버튼 텍스트 색상을 검은색으로 설정 */ -webkit-appearance: none; /* iOS 기본 스타일 제거 */ -moz-appearance: none; appearance: none; }

.modal_container .content .item_container .item .cart_items_delete { width: 1.8rem; display: flex; align-items: center; }

.modal_container .content .item_container .item .cart_items_delete img { width: 1.5rem; height: 1.5rem; margin-left: initial; cursor: pointer; }

.modal_container .content .item_container .item .item_count { display: flex; align-items: center; font-size: 1.3rem; color: #646464; }

.modal_container .footer .wrapper01 { display: flex; width: 100%; height: 4.5rem; border-top: 1px solid #004D43; }

.modal_container .footer .wrapper01 .npay_btn { display: flex; justify-content: center; align-items: center; width: 100%; color: #02AB58; font-size: 1.4rem; font-weight: 600; background: #fff; cursor: pointer; }

.modal_container .footer .wrapper01 .npay_btn span { margin-bottom: 0.2rem; }

.modal_container .footer .wrapper01 .order_payment { display: flex; justify-content: center; align-items: center; width: 100%; background-color: #004D43; color: white; font-weight: 600; font-size: 1.5rem; cursor: pointer; }

.modal_container .footer .wrapper01 .white_btn { display: flex; justify-content: center; align-items: center; width: 100%; color: #004D43; font-weight: 600; font-size: 1.5rem; background: #fff; cursor: pointer; }

.modal_container .footer .wrapper02 .npay_type_MB_1 { width: 100% !important; }

.modal_container .footer .wrapper02 .npay_type_MB_1 .npay_button_box { border-top: 1px solid #004D43 !important; }

.modal_container .footer .wrapper02 .npay_type_MB_1 .npay_button_box .npay_button { border-top: none !important; }

.modal_container .footer .wrapper02 .npay_type_A_1 { width: 100% !important; }

.modal_container .footer .wrapper02 .npay_type_A_1 .npay_button_box { border-top: 1px solid #004D43 !important; }

@media all and (min-width: 1080px) and (max-width: 1260px) { .header_container .header_wrapper .header_menu_wrapper { gap: 2rem; } }

@media all and (max-width: 1079px) { .modal_container { width: 92%; height: 65vh; } .modal_container .content { padding: 0 1rem; } .modal_container .content .item_container { width: 100%; display: grid; gap: 2rem; justify-content: space-between; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); } .modal_container .content .item_container .item { height: 23rem; justify-content: initial; } .modal_container .content .item_container .item .item_text_wrapper { height: initial; margin-top: 1.5rem; } .modal_container .content .item_container .item .count_wrapper { flex-direction: column; } .modal_container .footer .wrapper01 .white_btn { display: none; } }

.mypage_form { width: 90%; max-width: 110rem; margin: auto; margin-bottom: 7rem; }

.mypage_form .title { width: 100%; line-height: 3rem; margin: 6rem 0; text-align: center; font-size: 2.5rem; font-weight: 500; }

.mypage_form .mypage_menu { width: 100%; margin: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(15%, auto)); gap: 10px; }

.mypage_form .mypage_menu .mypage_menu_btn { line-height: 3.5rem; border-radius: 5px; border: 1px solid #999; color: #999; font-size: 1.4rem; text-align: center; cursor: pointer; }

.mypage_form .mypage_menu .active { color: black; font-weight: 500; border: 1px solid black; }

.search_area_mobile { display: none; }

.selectbox_custom_container { width: 100%; display: flex; justify-content: end; margin-bottom: 2rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.selectbox_custom_container .selectbox_custom_wrapper { position: relative; width: 11rem; height: 3.5rem; cursor: pointer; font-size: 1.3rem; }

.selectbox_custom_container .selectbox_custom_wrapper .selectbox_custom_label { position: relative; display: flex; align-items: center; width: inherit; height: inherit; border: 0 none; outline: 0 none; background-color: transparent; border: 1px solid #c2c0c0; text-indent: 1.7rem; cursor: pointer; }

.selectbox_custom_container .selectbox_custom_wrapper .selectbox_custom_label svg { position: absolute; right: 0.6rem; top: 0.6rem; transform: rotate(180deg); }

.selectbox_custom_container .selectbox_custom_wrapper .selectbox_custom_option_container { width: 100%; display: none; margin-top: -1px; border: 1px solid #c2c0c0; background-color: #fffef9; }

.selectbox_custom_container .selectbox_custom_wrapper .selectbox_custom_option_container.active { display: flex; flex-direction: column; }

.selectbox_custom_container .selectbox_custom_wrapper .selectbox_custom_option_container .selectbox_custom_option { width: 100%; height: 3rem; line-height: 3rem; overflow: hidden; list-style-type: none; font-size: 1.3rem; text-indent: 1.7rem; }

.selectbox_custom_container .selectbox_custom_wrapper .selectbox_custom_option_container .selectbox_custom_option:first-child { margin-top: 0.5rem; }

.selectbox_custom_container .selectbox_custom_wrapper .selectbox_custom_option_container .selectbox_custom_option:last-child { margin-bottom: 0.5rem; }

.selectbox_custom_container .selectbox_custom_wrapper .selectbox_custom_option_container .selectbox_custom_option:hover { background-color: #f9f8f1; }

.corp_area { width: 90%; max-width: 96rem; margin: auto; margin-top: 6rem; margin-bottom: 10rem; }

.corp_area .main_title { height: 5rem; line-height: 5rem; border-bottom: 2px solid #333; font-size: 2.2rem; font-weight: 700; color: #333; margin-bottom: 3rem; }

.corp_area .sub_title { font-size: 1.4rem; font-weight: 600; color: #333; margin: 2rem 0; }

.corp_area .content { width: 100%; max-width: 96rem; line-height: 2.3rem; font-size: 1.3rem; }

.corp_area .blue { color: blue; }

@media all and (max-width: 1079px) { .header_container .ribbon_banner { height: 4rem; } .header_container .ribbon_banner .text_wrapper .text { font-size: 1.3rem; } .header_container .ribbon_banner .ribbon_banner_close .close_icon { width: 1.3rem; height: 1.3rem; } .header_container .header_wrapper { padding: 0 1rem; } .header_container .header_wrapper .header_menu_wrapper { display: none; } .header_container .header_wrapper .header_logo_wrapper { height: 5rem; } .header_container .header_wrapper .nav_icon { display: flex; width: 40%; align-items: center; margin-left: 1rem; } .header_container .header_wrapper .nav_icon img { width: 3rem; } .header_container .header_wrapper .header_account_wrapper { justify-content: end; margin-right: initial; } .header_container .header_wrapper .header_account_wrapper .header_menu { margin: 0; margin-right: 1rem; } .header_container .header_wrapper .header_account_wrapper .header_menu .cart_img { width: 3rem; } .header_container .header_wrapper .header_account_wrapper .header_menu .cart_count { display: none; } .header_container .header_wrapper .header_account_wrapper .join, .header_container .header_wrapper .header_account_wrapper .login, .header_container .header_wrapper .header_account_wrapper .subscribe_goods { display: none; } .header_container .mobile_header_category { display: flex; gap: 2.5rem; padding-top: 1rem; } .menu_navbox .navbox { font-size: 3rem; gap: 2.5rem; } .menu_navbox .navbox .sign_wrapper { font-size: 2rem; gap: 5rem; } .menu_navbox .navbox .menu_close { margin-top: initial; } .footer_container { height: 100%; } .footer_container .wrapper .left_div { width: 100%; } .footer_container .wrapper .left_div .content02 { margin-top: 5rem; } .footer_container .wrapper .left_div .copyright_wrapper { display: block; margin-top: 1rem; } .footer_container .wrapper .left_div .content01 .text05, .footer_container .wrapper .left_div .content01 .text06 { display: block; } .footer_container .wrapper .right_div { display: none; } .cart_modal_background { position: fixed; z-index: 100; } .cart_modal_background .cart_modal .modal_body { width: 100%; height: 40rem; } .cart_modal_background .cart_modal .loaded_cart .cart_items_row_box { height: 34rem; } .mypage_form { margin-bottom: 2.5rem; } .mypage_form .title { text-align: left; margin-top: 2rem; margin-bottom: 2rem; font-size: 1.5rem; } .mypage_form .mypage_menu { width: 100%; display: grid; grid-template-columns: repeat(auto-fill, minmax(30%, auto)); gap: 10px; } .mobile_margin { width: 100%; height: 7.5rem; } .modal_container .content .item_container .item .item_image img { max-width: 12rem; height: initial; } .modal_container .content .item_container .empty_cart { width: 20rem; height: initial; align-items: initial; margin-top: 1rem; } .modal_container .content .item_container .empty_cart .cart_message_1 img { width: 5rem; } .modal_container .content .item_container .empty_cart .cart_message_2 { font-size: 1.4rem; } .modal_container .footer { flex-direction: column; } .modal_container .footer .npay_btn { min-height: 5rem; } .modal_container .footer .order_payment { min-height: 5rem; } .modal_container .footer .white_btn { min-height: 5rem; } }

/*# sourceMappingURL=main_layout.css.map */