locofy-failed.tsx

import type { NextPage } from "next";

const Component3: NextPage = () => {
  return (
    <div className="w-[787px] max-w-full flex flex-col items-start justify-start pt-9 px-10 pb-10 box-border relative gap-[77px] tracking-[normal] text-left text-3xl text-default-black font-apple-sd-gothic-neo mq450:gap-[38px_77px]">
      <section className="w-full h-full absolute !m-[0] top-[0px] right-[0px] bottom-[0px] left-[0px] rounded-lg bg-white" />
      <section className="w-full h-[119px] absolute !m-[0] right-[0px] bottom-[11px] left-[0px] bg-white z-[2]" />
      <div className="w-[333px] flex flex-col items-start justify-start gap-[36px] max-w-full mq450:gap-[18px_36px]">
        <h3 className="m-0 relative text-inherit leading-[26.5px] font-bold font-inherit z-[1] mq450:text-lg">
          카테고리 추가/수정
        </h3>
        <div className="self-stretch flex flex-col items-start justify-start gap-[21px] max-w-full text-sm font-body1">
          <div className="flex flex-row items-start justify-start gap-[8px] text-ovblack">
            <div className="h-6 w-6 relative z-[1]">
              <div className="absolute h-full w-full top-[0%] right-[0%] bottom-[0%] left-[0%]" />
              <img
                className="absolute h-1/4 w-[45.83%] top-[37.5%] right-[27.08%] bottom-[37.5%] left-[27.08%] max-w-full overflow-hidden max-h-full z-[1]"
                loading="lazy"
                alt=""
                src="/vector-5612.svg"
              />
            </div>
            <div className="flex flex-col items-start justify-start pt-1 px-0 pb-0">
              <b className="relative tracking-[0.2px] inline-block min-w-[61px] z-[1]">
                아시아 (3)
              </b>
            </div>
            <div className="flex flex-col items-start justify-start pt-1 px-0 pb-0 text-additional-txt font-apple-sd-gothic-neo">
              <div className="relative inline-block min-w-[33px] z-[1]">
                · 수정
              </div>
            </div>
          </div>
          <div className="flex flex-row items-start justify-start gap-[8px]">
            <div className="h-6 w-6 relative z-[1]">
              <div className="absolute h-full w-full top-[0%] right-[0%] bottom-[0%] left-[0%]" />
              <img
                className="absolute h-1/4 w-[45.83%] top-[37.5%] right-[27.08%] bottom-[37.5%] left-[27.08%] max-w-full overflow-hidden max-h-full z-[1]"
                loading="lazy"
                alt=""
                src="/vector-5612.svg"
              />
            </div>
            <div className="flex flex-col items-start justify-start pt-1 px-0 pb-0">
              <b className="relative tracking-[0.2px] inline-block min-w-[49px] z-[1]">
                중동 (0)
              </b>
            </div>
            <div className="flex flex-col items-start justify-start pt-1 px-0 pb-0 text-additional-txt font-apple-sd-gothic-neo">
              <div className="relative inline-block min-w-[33px] z-[1]">
                · 수정
              </div>
            </div>
          </div>
          <div className="flex flex-row items-start justify-start gap-[8.5px]">
            <div className="h-6 w-6 relative z-[1]">
              <div className="absolute h-full w-full top-[0%] right-[0%] bottom-[0%] left-[0%]" />
              <img
                className="absolute h-1/4 w-[45.83%] top-[37.5%] right-[27.08%] bottom-[37.5%] left-[27.08%] max-w-full overflow-hidden max-h-full z-[1]"
                loading="lazy"
                alt=""
                src="/vector-5612.svg"
              />
            </div>
            <div className="flex flex-col items-start justify-start pt-1 px-0 pb-0">
              <b className="relative tracking-[0.2px] inline-block min-w-[48px] z-[1]">
                유럽 (7)
              </b>
            </div>
            <div className="flex flex-col items-start justify-start pt-1 px-0 pb-0 text-additional-txt font-apple-sd-gothic-neo">
              <div className="relative inline-block min-w-[33px] z-[1]">
                · 수정
              </div>
            </div>
          </div>
          <div className="self-stretch flex flex-col items-start justify-start gap-[14px] max-w-full">
            <div className="self-stretch flex flex-col items-start justify-start gap-[8.3px] max-w-full">
              <div className="h-6 flex flex-row items-start justify-start gap-[8px]">
                <img
                  className="h-6 w-6 relative object-contain min-h-[24px] z-[1]"
                  loading="lazy"
                  alt=""
                  src="/[email protected]"
                />
                <div className="flex flex-col items-start justify-start pt-1 px-0 pb-0">
                  <b className="relative tracking-[0.2px] inline-block min-w-[49px] z-[1]">
                    미주 (5)
                  </b>
                </div>
                <div className="flex flex-col items-start justify-start pt-1 px-0 pb-0 text-additional-txt font-apple-sd-gothic-neo">
                  <div className="relative inline-block min-w-[33px] z-[1]">
                    · 수정
                  </div>
                </div>
              </div>
              <div className="w-[174px] flex flex-row items-start justify-start py-0 px-8 box-border">
                <div className="flex-1 flex flex-row items-start justify-start gap-[8px]">
                  <div className="h-6 w-6 relative z-[1]">
                    <div className="absolute h-full w-full top-[0%] right-[0%] bottom-[0%] left-[0%]" />
                    <img
                      className="absolute h-1/4 w-[45.83%] top-[37.5%] right-[27.08%] bottom-[37.5%] left-[27.08%] max-w-full overflow-hidden max-h-full z-[1]"
                      loading="lazy"
                      alt=""
                      src="/vector-5612.svg"
                    />
                  </div>
                  <div className="flex-1 flex flex-col items-start justify-start pt-1 px-0 pb-0">
                    <b className="relative tracking-[0.2px] inline-block min-w-[37px] z-[1]">
                      하와이
                    </b>
                  </div>
                  <div className="flex-1 flex flex-col items-start justify-start pt-1 px-0 pb-0 text-additional-txt font-apple-sd-gothic-neo">
                    <div className="relative inline-block min-w-[33px] z-[1]">
                      · 수정
                    </div>
                  </div>
                </div>
              </div>
              <div className="self-stretch flex flex-row items-start justify-start py-0 pr-0 pl-[7px] box-border max-w-full">
                <div className="flex-1 flex flex-row flex-wrap items-end justify-start gap-[4px] max-w-full">
                  <div className="h-[31px] flex flex-col items-start justify-end pt-0 px-0 pb-2.5 box-border">
                    <img
                      className="w-[21px] h-[21px] relative z-[1]"
                      loading="lazy"
                      alt=""
                      src="/group-44496.svg"
                    />
                  </div>
                  <div className="flex-1 flex flex-row items-end justify-start gap-[8px] min-w-[196px] mq450:flex-wrap">
                    <div className="flex-1 flex flex-col items-start justify-start gap-[11px] min-w-[132px]">
                      <div className="flex flex-row items-start justify-start gap-[8px]">
                        <div className="h-6 w-6 relative z-[1]">
                          <div className="absolute h-full w-full top-[0%] right-[0%] bottom-[0%] left-[0%]" />
                          <img
                            className="absolute h-1/4 w-[45.83%] top-[37.5%] right-[27.08%] bottom-[37.5%] left-[27.08%] max-w-full overflow-hidden max-h-full z-[1]"
                            loading="lazy"
                            alt=""
                            src="/vector-5612.svg"
                          />
                        </div>
                        <div className="flex flex-col items-start justify-start pt-1 px-0 pb-0">
                          <b className="relative tracking-[0.2px] inline-block min-w-[13px] z-[1]">
                            괌
                          </b>
                        </div>
                        <div className="flex flex-col items-start justify-start pt-1 px-0 pb-0 text-additional-txt font-apple-sd-gothic-neo">
                          <div className="relative inline-block min-w-[33px] z-[1]">
                            · 수정
                          </div>
                        </div>
                      </div>
                      <div className="self-stretch flex flex-row items-start justify-start py-0 pr-0 pl-1 text-base font-apple-sd-gothic-neo">
                        <div className="flex-1 rounded bg-white flex flex-row items-start justify-start pt-[11px] px-3.5 pb-2.5 z-[1] border-[1px] border-solid border-gainsboro-100">
                          <div className="relative inline-block min-w-[28px]">
                            뉴욕
                          </div>
                        </div>
                      </div>
                    </div>
                    <button className="cursor-pointer [border:none] py-[9px] px-[17px] bg-[transparent] w-[90px] flex flex-row items-start justify-start box-border relative z-[1]">
                      <div className="h-full w-full absolute !m-[0] top-[0px] right-[0px] bottom-[0px] left-[0px] rounded bg-white box-border border-[1px] border-solid border-disabled-txt" />
                      <b className="flex-1 relative text-sm leading-[22px] uppercase font-apple-sd-gothic-neo text-disabled-txt text-center z-[1]">
                        수정완료
                      </b>
                    </button>
                  </div>
                </div>
              </div>
              <div className="flex flex-row items-start justify-start py-0 px-8">
                <div className="flex flex-row items-start justify-start gap-[8px]">
                  <div className="h-6 w-6 relative z-[1]">
                    <div className="absolute h-full w-full top-[0%] right-[0%] bottom-[0%] left-[0%]" />
                    <img
                      className="absolute h-1/4 w-[45.83%] top-[37.5%] right-[27.08%] bottom-[37.5%] left-[27.08%] max-w-full overflow-hidden max-h-full z-[1]"
                      loading="lazy"
                      alt=""
                      src="/vector-5612.svg"
                    />
                  </div>
                  <div className="flex flex-col items-start justify-start pt-1 px-0 pb-0">
                    <b className="relative tracking-[0.2px] inline-block min-w-[19px] z-[1]">
                      LA
                    </b>
                  </div>
                  <div className="flex flex-col items-start justify-start pt-1 px-0 pb-0 text-additional-txt font-apple-sd-gothic-neo">
                    <div className="relative inline-block min-w-[33px] z-[1]">
                      · 수정
                    </div>
                  </div>
                </div>
              </div>
              <div className="flex flex-row items-start justify-start py-0 px-8">
                <div className="flex flex-row items-start justify-start gap-[8px]">
                  <div className="h-6 w-6 relative z-[1]">
                    <div className="absolute h-full w-full top-[0%] right-[0%] bottom-[0%] left-[0%]" />
                    <img
                      className="absolute h-1/4 w-[45.83%] top-[37.5%] right-[27.08%] bottom-[37.5%] left-[27.08%] max-w-full overflow-hidden max-h-full z-[1]"
                      loading="lazy"
                      alt=""
                      src="/vector-5612.svg"
                    />
                  </div>
                  <div className="flex flex-col items-start justify-start pt-1 px-0 pb-0">
                    <b className="relative tracking-[0.2px] inline-block min-w-[62px] z-[1]">
                      라스베가스
                    </b>
                  </div>
                  <div className="flex flex-col items-start justify-start pt-1 px-0 pb-0 text-additional-txt font-apple-sd-gothic-neo">
                    <div className="relative inline-block min-w-[33px] z-[1]">
                      · 수정
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div className="h-7 flex flex-row items-start justify-start pt-0 px-8 pb-[7px] box-border">
              <div className="self-stretch flex flex-row items-start justify-start gap-[6px] z-[1]">
                <img
                  className="h-[21px] w-[21px] relative min-h-[21px]"
                  loading="lazy"
                  alt=""
                  src="/group-42985.svg"
                />
                <div className="flex flex-col items-start justify-start pt-0.5 px-0 pb-0">
                  <div className="relative inline-block min-w-[65px]">
                    중메뉴 추가
                  </div>
                </div>
              </div>
            </div>
            <div className="h-[59px] flex flex-col items-start justify-start gap-[14px]">
              <div className="flex flex-row items-start justify-start gap-[8px]">
                <div className="h-6 w-6 relative z-[1]">
                  <div className="absolute h-full w-full top-[0%] right-[0%] bottom-[0%] left-[0%]" />
                  <img
                    className="absolute h-1/4 w-[45.83%] top-[37.5%] right-[27.08%] bottom-[37.5%] left-[27.08%] max-w-full overflow-hidden max-h-full z-[1]"
                    loading="lazy"
                    alt=""
                    src="/vector-5612.svg"
                  />
                </div>
                <div className="flex flex-col items-start justify-start pt-1 px-0 pb-0">
                  <b className="relative tracking-[0.2px] inline-block min-w-[49px] z-[1]">
                    국내 (4)
                  </b>
                </div>
                <div className="flex flex-col items-start justify-start pt-1 px-0 pb-0 text-additional-txt font-apple-sd-gothic-neo">
                  <div className="relative inline-block min-w-[33px] z-[1]">
                    · 수정
                  </div>
                </div>
              </div>
              <div className="flex-1 flex flex-row items-start justify-start gap-[6px] z-[1]">
                <img
                  className="h-[21px] w-[21px] relative min-h-[21px]"
                  loading="lazy"
                  alt=""
                  src="/group-42985.svg"
                />
                <div className="flex flex-col items-start justify-start pt-0.5 px-0 pb-0">
                  <div className="relative inline-block min-w-[65px]">
                    대메뉴 추가
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <button className="cursor-pointer [border:none] py-4 px-5 bg-[transparent] w-[322px] !m-[0] absolute bottom-[40px] left-[62px] flex flex-row items-start justify-center box-border z-[3]">
        <div className="h-full w-full absolute !m-[0] top-[0px] right-[0px] bottom-[0px] left-[0px] rounded bg-white box-border border-[1px] border-solid border-orangered-400" />
        <b className="relative text-base tracking-[0.2px] leading-[22px] uppercase inline-block font-apple-sd-gothic-neo text-orangered-400 text-left min-w-[29px] z-[1]">
          닫기
        </b>
      </button>
      <section className="self-stretch flex flex-row items-start justify-end py-0 px-[22px] box-border max-w-full text-left text-sm text-additional-txt font-apple-sd-gothic-neo">
        <div className="w-[432px] flex flex-col items-start justify-start gap-[2px] max-w-full">
          <div className="flex flex-row items-start justify-start gap-[8px] max-w-full mq525:flex-wrap">
            <button className="cursor-pointer [border:none] py-[5px] px-2 bg-bg-color rounded flex flex-row items-start justify-start gap-[6px] z-[1] hover:bg-gainsboro-500">
              <div className="relative text-sm font-apple-sd-gothic-neo text-additional-txt text-left inline-block min-w-[49px]">
                마드리드
              </div>
              <img
                className="h-[9px] w-[9px] relative hidden"
                alt=""
                src="/group-423371.svg"
              />
            </button>
            <button className="cursor-pointer [border:none] py-[5px] px-2 bg-bg-color rounded flex flex-row items-start justify-start gap-[6px] z-[1] hover:bg-gainsboro-500">
              <div className="relative text-sm font-apple-sd-gothic-neo text-additional-txt text-left inline-block min-w-[25px]">
                호텔
              </div>
              <img
                className="h-[9px] w-[9px] relative hidden"
                alt=""
                src="/group-423371.svg"
              />
            </button>
            <button className="cursor-pointer [border:none] py-[5px] px-2 bg-bg-color rounded flex flex-row items-start justify-start gap-[6px] z-[1] hover:bg-gainsboro-500">
              <div className="relative text-sm font-apple-sd-gothic-neo text-additional-txt text-left inline-block min-w-[32px]">
                Melia
              </div>
              <img
                className="h-[9px] w-[9px] relative hidden"
                alt=""
                src="/group-423371.svg"
              />
            </button>
            <button className="cursor-pointer [border:none] py-[5px] px-2 bg-bg-color rounded flex flex-row items-start justify-start gap-[6px] z-[1] hover:bg-gainsboro-500">
              <div className="relative text-sm font-apple-sd-gothic-neo text-additional-txt text-left inline-block min-w-[49px]">
                디럭스룸
              </div>
              <img
                className="h-[9px] w-[9px] relative hidden"
                alt=""
                src="/group-423371.svg"
              />
            </button>
            <div className="rounded bg-bg-color flex flex-row items-start justify-start py-[5px] px-2 gap-[6px] whitespace-nowrap z-[1]">
              <div className="relative inline-block min-w-[81px]">
                호텔 차량 픽업
              </div>
              <img
                className="h-[9px] w-[9px] relative hidden"
                alt=""
                src="/group-423371.svg"
              />
            </div>
            <div className="rounded bg-bg-color flex flex-row items-start justify-start py-[5px] px-2 gap-[6px] z-[1]">
              <div className="relative inline-block min-w-[37px]">냉장고</div>
              <img
                className="h-[9px] w-[9px] relative hidden"
                alt=""
                src="/group-423371.svg"
              />
            </div>
          </div>
          <div className="self-stretch flex flex-row flex-wrap items-start justify-start gap-[8px] max-w-full">
            <div className="flex flex-col items-start justify-start pt-1.5 px-0 pb-0">
              <button className="cursor-pointer [border:none] py-[5px] px-2 bg-bg-color rounded flex flex-row items-start justify-start gap-[6px] z-[1] hover:bg-gainsboro-500">
                <div className="relative text-sm font-apple-sd-gothic-neo text-additional-txt text-left inline-block min-w-[53px]">
                  케이블TV
                </div>
                <img
                  className="h-[9px] w-[9px] relative hidden"
                  alt=""
                  src="/group-423371.svg"
                />
              </button>
            </div>
            <div className="flex-1 flex flex-row items-start justify-start min-w-[231px] max-w-full [row-gap:20px] mq450:flex-wrap">
              <div className="flex flex-col items-start justify-start pt-1.5 px-0 pb-0">
                <div className="rounded bg-bg-color flex flex-row items-start justify-start py-[5px] px-2 gap-[6px] z-[1]">
                  <div className="relative inline-block min-w-[37px]">
                    전화기
                  </div>
                  <img
                    className="h-[9px] w-[9px] relative hidden"
                    alt=""
                    src="/group-423371.svg"
                  />
                </div>
              </div>
              <div className="flex-1 flex flex-row items-start justify-center py-4 pr-5 pl-[21px] box-border relative min-w-[61px] whitespace-nowrap max-w-full z-[3] ml-[-20px] text-base text-white mq450:ml-0">
                <div className="h-full w-full absolute !m-[0] top-[0px] right-[0px] bottom-[0px] left-[0px] rounded bg-orangered-400" />
                <b className="relative tracking-[0.2px] leading-[22px] uppercase inline-block min-w-[61px] z-[1]">
                  선택 완료
                </b>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  );
};

export default Component3;