/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 197:0 Unexpected "<"

**/
<style>
  .customer .page-content { display: flex; }
  .customer .pc { display: block; }
  .customer .mo { display: none; }
  .customer .customer__container { max-width: 1100px; margin: 0 auto; padding-top: 100px; padding-bottom: 180px; }
  .customer .customer__header__text { margin-bottom: 40px; }
  .customer .customer__header__title { color: var(--sys-black); text-align: left; font-size: 40px; font-weight: 400; line-height: 1.3; }
  .customer .customer__content { display: flex; gap: 100px; align-items: flex-start; }

  /* fake sso 관련 CSS */
  .fake-sso__container { position: relative; display: block; margin: 36px 0 44px 0; }
  .fake-sso__title { font-size: 16px; display: block; line-height: 1.3; margin-bottom: 20px; text-align: center; }
  .fake-sso__list { position: relative; display: flex; align-items: center; justify-content: center; gap: 18px; margin-bottom: 45px; padding: 0; }
  .fake-sso__item { position: relative; display: block; width: 64px; height: 64px; border-radius: 50%; border: 1px solid #d2d5da; cursor: pointer; }
  .fake-sso__item::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; }
  .fake-sso__item.google::after { width: 26px; height: 26px;  background: url("/cdn/shop/files/4975303_search_web_internet_google_search_search_engine_icon_1.png?v=1748479102"); background-size: cover;  }
  .fake-sso__item.facebook::after { width: 33px; height: 33px;  background: url("/cdn/shop/files/104498_facebook_icon_be010495-c5d8-4407-8c5e-69dc435e035f.png?v=1748479129"); background-size: cover;  }
  .fake-sso__item.apple::after { width: 32px; height: 32px;  background: url("/cdn/shop/files/104490_apple_icon_58c93c0d-b480-4dfe-9176-72917fb42973.png?v=1748479120"); background-size: cover;  }
  .fake-sso__container .divider { display: flex; font-size: 15px; color: #9ca3af; text-align: center; align-items: center; }
  .fake-sso__container .divider::before,
  .fake-sso__container .divider::after { content:""; background: #E5E7EB; height: 1px; flex: 1; }
  .fake-sso__container .divider::before { margin: 0 20px 3px 0; }
  .fake-sso__container .divider::after { margin: 0 0 3px 20px; }
  div[name="hiko-container"] { display: none !important; }

  .customer .customer__form { width: 50%; }
  .customer .customer__form .form__tab { display: flex; margin-bottom: 36px; }
  .customer .customer__form .form__tab__item { width: 50%; padding: 10px 22px; border-bottom: 1.5px solid #D2D5DA; }
  .customer .customer__form .form__tab__item.active { border-bottom: 1.5px solid #22211D; }
  .customer .customer__form .form__tab__item a { display: block; width: 100%; color: var(--sys-black); font-size: 22px; font-weight: 400; line-height: 1.3; text-align: center; }
  .customer .customer__form .input__wrapper { display: flex; align-items: start; gap: 10px; }
  .customer .customer__form .input{ margin: 0; margin-bottom:20px; width: 100%; }
  .customer .customer__form .input__label{ display: none; color: var(--sys-black); font-size: 14px; font-weight: 400; line-height: 1.3; background: unset; position: static; transition: none; transform: none; padding: 0; margin-bottom: 10px;}
  .customer .customer__form .input:has(#birthday) .input__label{ display: block; padding-left: 2px; }
  .customer .customer__form .input__field { color: #22211D; font-size: 15px; font-weight: 400; line-height: 1.3; }
  .customer .customer__form .input__field::placeholder { color: #6D7280; font-size: 18px; font-weight: 400; line-height: 1.3; }
  .customer .customer__form .input > input { border: 1px solid #D2D5DA; padding: 16px 0 14px 15px; width: 100%; border-radius: unset; height: 50px; color: var(--sys-black); font-size: 18px; font-weight: 400; line-height: 1.3;}
  .customer .customer__form .input > input:focus { border: 1px solid var(--sys-black); }
  .customer .customer__form .input__field:focus { box-shadow: none; }
  .customer .customer__form .input:has(#birthday) { margin-bottom: 24px; }
  .customer .customer__form .input .fill__message, .customer .customer__form .input .error__message, .customer .customer__form .input .subscribed__message { display: none; margin-top: 6px; gap: 4px; }
  .customer .customer__form .input .fill__message span, .customer .customer__form .input .error__message span, .customer .customer__form .input .subscribed__message span { padding-top: 0.7%; color: #8E1F29; font-size: 14px; font-weight: 400; line-height: 1.3; }
  .customer .customer__form .subscribed-email-error .input [id="customer[email]"] { border: 1px solid #8E1F29; }
  .customer .customer__form .input > .input__blank, .customer .customer__form .input > .input__error { border: 1px solid #8E1F29; }
  .customer .customer__form .input:has(.input__blank) .fill__message { display: flex; align-items: center; }
  .customer .customer__form .input:has(.input__error) .error__message { display: flex; align-items: center; }
  .customer .customer__form .input:has(#birthday.input__error) .error__message { align-items: start; }
  .customer .customer__form .input:has(#birthday) .error__message span { line-height: 1.3; }
  .customer .customer__form .subscribed-email-error .input .input__blank ~ .subscribed__message,
  .customer .customer__form .subscribed-email-error .input .input__error ~ .subscribed__message { display: none !important;  }
  .customer .customer__form .subscribed-email-error .input .subscribed__message { display: flex; align-items: flex-start; }

  .customer .customer__form .password__btn { position: absolute; top: 12px; right: 16px; cursor: pointer; }
  .customer .customer__form .password__btn .password__btn-hide { display: block; }
  .customer .customer__form .password__btn .password__btn-show { display: none; }
  .customer .customer__form .form__submit { text-align: center; margin-top: 37px; padding: 18.5px 22px; background: var(--sys-black); color: #fff; font-size: 18px; font-weight: 400;line-height: 1.3;  border-radius: unset; text-transform: none; transition: all 0.2s ease;}
  .customer .customer__form .form__submit.active { background: var(--sys-black); color: #FFFFFF; }
  .customer .customer__form .form__policy { padding: 0 4px; color: #9CA3AF; font-size: 14px; font-weight: 400; line-height: 1.3; }
  .customer .customer__form .form__policy a { font-weight: 400; text-decoration-line: underline; }
  /* 로그인 */
  .customer .customer__form .password__find{ display: flex; justify-content: right; }
  .customer .customer__form .password__find > button { position: static; color: var(--sys-black); font-size: 14px; font-weight: 400; line-height: 1.3; border-bottom: 1px solid var(--sys-black); }
  .shopify-section--main-customers-login .customer .container { padding: 0; }
  .shopify-section--main-customers-login .customer .customer__form .input__password { margin-bottom: 24px; }
  /* 비밀번호 재설정 */
  #recover-form-container { padding: 100px 0 180px 0; }
  #recover-form-container .customer__form { width: 100%; }
  #recover-form-container .customer__content { width: 400px; margin: 0 auto; }
  #recover-form-container .customer__content .form { width: 100%; }
  #recover-form-container .customer__header { text-align: center; margin-bottom: 40px; }
  #recover-form-container .customer__header__text { margin-bottom: 14px; }
  #recover-form-container .customer__header__sub { margin: 0 auto; color: #4B5563; text-align: center; font-size: 16px; font-weight: 400; line-height: 1.3; }
  #recover-form-container .customer__form .input { margin: 0; }
  #recover-form-container .form__secondary-action { margin-block-start: 0; margin-top: 16px; color: var(--sys-black); font-size: 14px; font-weight: 400; line-height: 1.3;}
  #recover-form-container .form__secondary-action button { margin-left: 12px; line-height: 1.3; font-size: 14px; border-bottom: 1px solid var(--sys-black); }
  #recover-form-container:has(.reset-email-sent) .customer__form .customer__header { display: none; }
  #recover-form-container:has(.reset-email-sent) .customer__form .form__secondary-action { display: none; }
  #recover-form-container:has(.reset-email-sent) .customer__form .reset-email-sent .customer__header { display: block; }
  #recover-form-container:has(.reset-email-sent) .customer__content { width: unset; }
  #recover-form-container:has(.reset-email-sent) .reset-email-sent {  text-align: center; }
  #recover-form-container:has(.reset-email-sent) .forgot-password { max-width: 400px; margin: 0 auto; }
  #recover-form-container .reset__help { overflow: hidden; position: relative; transition: all 0.2s ease; height: 19px; left: 50%; transform: translateX(-50%); }
  #recover-form-container .reset__help.active { height: 80px; }
  #recover-form-container .reset__help .help__content { display: inline-flex; flex-direction: column; transition: all 0.2s ease; position: absolute; top: 2px; left: 50%; transform: translateX(-50%); gap: 10px; }
  #recover-form-container .reset__help.active .help__content { top: 33px; }
  #recover-form-container .reset__help .help__icon { margin-top: -0.2%; transform: rotate(0deg); }
  #recover-form-container .reset__help.active .help__icon { transform: rotate(180deg); }
  #recover-form-container .reset__help .help__block { white-space: nowrap; display: inline-flex; justify-content: center; align-items: center; color: var(--sys-black); font-size: 13px; font-weight: 400; gap: 12px; line-height: 1.3; }
  #recover-form-container .reset__help .help__block p { margin: 0; }
  #recover-form-container .reset__help .help__block > .help__link { padding-bottom: 4px; border-bottom: 1px solid var(--sys-black); }
  #recover-form-container .reset__help .help__title {padding-top: 1px; cursor: pointer;  background-color: white; position: relative; z-index: 2; color:  var(--sys-black); font-size: 15px; font-weight: 400; line-height: 1.3; display: flex; justify-content: center; align-items: center; gap: 4px;}
  #recover-form-container .reset__help .help__title span { position: relative; display: inline-block; }
  #recover-form-container .reset__help .help__title span::before { content: ""; position: absolute; left: 0; bottom: -3px; width: 124%; height: 1px; background: #000; }
  #reset-form-container .customer__header__text { text-align: center; }
  .shopify-section--main-customers-reset-password .customer .container { padding: 0; }
  #reset-form-container .customer__header__title { margin-bottom: 14px; }
  #reset-form-container .customer__content { width: 400px; margin: 0 auto; }
  #reset-form-container .customer__content > form { width: 100%; }
  #reset-form-container .customer .customer__form .form__submit { margin-top: 40px; }
  #reset-form-container .customer__form .input:has([name='customer[password_confirmation]']) { margin-bottom: 0; }

  #login-form-error.banner--error { align-items: center; }
  #login-form-error.banner--error .banner__content { line-height: 1; margin-top: 2px; }

  .shopify-section--main-customers-reset-password .customer .customer__form { width: 100%; }

  /* SSO 로그인 */
  .customer .h_divider { color: #9CA3AF; margin: 20px 0; }
  .customer .h_divider::before { background:#E5E7EB; margin: 0 20px 0 0; }
  .customer .h_divider::after { background:#E5E7EB;  margin: 0 0 0 20px; }
  .customer .h_buttons { gap: 12px; }
  .customer .h_buttons div { position: relative; margin: 0; box-shadow: unset; border: 1px solid #000; height: 60px; border-radius: 0; opacity: 1; transition: opacity .2s; }
  .customer .h_buttons div:before { content: ""; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); display: block; width: 19px; height: 19px; }
  .customer .h_buttons div[data="google"]:before { width: 17px; height: 17px; background: url("/cdn/shop/files/843776_google_icon_31a8aacc-630c-4eea-a67a-5f4732b88f25.png?v=1748395316") no-repeat; background-size: cover; }
  .customer .h_buttons div[data="facebook"]:before { background: url("/cdn/shop/files/104498_facebook_icon_325c0c77-0782-403c-9576-1bfb42ede20f.png?v=1748395324") no-repeat; background-size: cover; }
  .customer .h_buttons div[data="apple"]:before { background: url("/cdn/shop/files/104490_apple_icon_2bf26f9c-08a7-4f3a-91d3-01ae8f3da511.png?v=1748395333") no-repeat; background-size: cover; }
  .customer .h_buttons div > p  { display: none; }
  .customer .h_buttons div > i  { display: none; }
  .customer .h_buttons div > span { font-size: 18px; padding-left: 8px; }
  .customer .h_google_button:hover { filter: unset !important; opacity: .6; }
  .customer .h_facebook_button:active { filter: unset !important; opacity: .6; }
  .customer .h_facebook_button:hover { filter: unset !important; opacity: .6; }
  .customer .h_apple_button:hover { filter: unset !important; opacity: .6; }


  @media screen and (min-width: 769px) and (max-width: 940px){
    .customer .customer__content { padding: 0 20px; gap: 5.21vw; }
  }

  @media screen and (max-width: 768px) {
    .customer .customer__content { flex-direction: column-reverse; }
    .customer .pc { display: none; }
    .customer .mo { display: block; }
    .customer .customer__container { padding: 0; }
    .customer .customer-banner__mo > img { width: 100%; }
    .customer .customer__content { gap: 0; }
    .customer .customer__form { width: 100%; padding: 30px 16px 80px 16px; }
    .customer .customer__header__text { margin-bottom: 17px; }
    .customer .customer__header__title { font-size: 22px; text-align: center; }
    .customer .customer__form .form__tab { margin-bottom: 20px; }
    .customer .customer__form .form__tab__item { padding: 10px 22px 6px 22px; }
    .customer .customer__form .form__tab__item a { font-size: 16px; }
    .customer .customer__form .input__field::placeholder { font-size: 15px; }
    .customer .customer__form .input { margin-bottom: 12px; }
    .customer .customer__form .input:has(#birthday) .input__label { font-size: 13px; }
    .customer .customer__form .input:has(#phonenumber) { margin-bottom: 20px; }
    .customer .customer__form .input:has(#birthday) { margin-bottom: 20px; }
    .customer .customer__form .input > input { font-size: 15px; height: 48px; padding-left: 11px; }
    .customer .customer__form .password__find > button { font-size: 13px; }
    .customer .customer__form .input .fill__message span, .customer .customer__form .input .error__message span, .customer .customer__form .input .subscribed__message span { padding-top: 3px; font-size: 13px; }
    .customer .customer__form .form__policy { font-size: 13px; }
    .customer .customer__form .form__submit { font-size: 16px; margin-top: 20px; padding: 15.65px 22px; }

    /* fase sso 관련 css */
    .fake-sso__container { margin-top: 34px; }
    .fake-sso__title { font-size: 15px; margin-bottom: 16px; }
    .fake-sso__list { margin: 0 0 45px 0; }
    .fake-sso__item { width: 58px; height: 58px; }
    .fake-sso__item.google::after { width: 23px; height: 23px; }
    .fake-sso__item.facebook::after { width: 29px; height: 29px; }
    .fake-sso__item.apple::after { width: 29px; height: 29px; }
    .fake-sso__container .divider { font-size: 14px; }
    
    /* SSO 로그인 */
    .customer .h_divider { color: #9CA3AF; margin: 20px 0; }
    .customer .h_divider::before { background:#E5E7EB; margin: 0 20px 0 0; }
    .customer .h_divider::after { background:#E5E7EB;  margin: 0 0 0 20px; }
    .customer .h_buttons { gap: 12px; }
    .customer .h_buttons div { margin: 0; box-shadow: unset; border: 1px solid #000; height: 52px; border-radius: 0; }
    .customer .h_buttons div:before { left: 15px; display: block; width: 16px; height: 16px; }
    .customer .h_buttons div > span { font-size: 16px; padding-left: 4px; }
    .customer .h_buttons div[data="google"]:before { width: 14px; height: 14px; }

    .shopify-section--main-customers-login .customer .customer__form .input__password { margin-bottom: 18px; }
      
    #recover-form-container .form__secondary-action button { font-size: 13px; }
    #recover-form-container .customer__content { width: 100%; }
    #recover-form-container { padding: 0; }
    #recover-form-container .customer__header__text { margin-bottom: 7px; }
    #recover-form-container .customer__header__sub { color: #4B5563; font-size: 15px; font-weight: 400; line-height: 1.3; }
    #recover-form-container .customer__header { margin-bottom: 28px; }
    #recover-form-container .reset-email-sent .customer__header { margin-bottom: 30px; }
    #recover-form-container .customer__form .form__submit { margin-top: 20px; }
    #recover-form-container .reset-email-sent .customer__header__text { margin-bottom: 5px; }
    #reset-form-container .customer__content { width: 100%; }
    #reset-form-container .customer__header__text { margin-bottom: 28px; }
    #reset-form-container .customer__form .form__submit { margin-top: 30px; }
    #recover-form-container .reset__help .help__icon { margin-top: -1%; }
    #recover-form-container .form__secondary-action { font-size: 13px; }
  }
</style>