.elementor-601 .elementor-element.elementor-element-63c90151{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-601 .elementor-element.elementor-element-26795726{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 00px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-601 .elementor-element.elementor-element-73ede0fc{--spacer-size:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-601 .elementor-element.elementor-element-5684d15b{text-align:center;}.elementor-601 .elementor-element.elementor-element-5684d15b .elementor-heading-title{font-family:"gmarket", Sans-serif;font-size:16px;font-weight:bold;color:#FFFFFF;}.elementor-601 .elementor-element.elementor-element-46c9003d{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 3px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-601 .elementor-element.elementor-element-46c9003d .elementor-heading-title{font-family:"gmarket", Sans-serif;font-weight:bold;color:#000000;}.elementor-601 .elementor-element.elementor-element-1b0e98c8{text-align:center;}.elementor-601 .elementor-element.elementor-element-1b0e98c8 .elementor-heading-title{font-family:"paper", Sans-serif;font-size:13px;font-weight:800;color:#FFFFFF;}.elementor-601 .elementor-element.elementor-element-54d4a98{--spacer-size:51px;}.elementor-601 .elementor-element.elementor-element-8f210ef.elementor-element{--align-self:center;}.elementor-601 .elementor-element.elementor-element-8f210ef{z-index:100;}.elementor-601 .elementor-element.elementor-element-2257fb98{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:00px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-601 .elementor-element.elementor-element-4c3796c{margin:-69px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-601 .elementor-element.elementor-element-45a86ee9{width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;}.elementor-601 .elementor-element.elementor-element-45a86ee9.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-601 .elementor-element.elementor-element-6a64c895{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-601 .elementor-element.elementor-element-28e84d2a{--display:flex;}.elementor-601 .elementor-element.elementor-element-726f2d37{text-align:end;}.elementor-601 .elementor-element.elementor-element-726f2d37 .elementor-heading-title{font-family:"paper", Sans-serif;font-size:15px;font-weight:600;text-decoration:underline;color:#757575;}.elementor-601 .elementor-element.elementor-element-70cb7b9e{--spacer-size:1px;}.elementor-601 .elementor-element.elementor-element-705fd6c6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-601 .elementor-element.elementor-element-77904c8c{text-align:center;}.elementor-601 .elementor-element.elementor-element-77904c8c .elementor-heading-title{font-family:"paper", Sans-serif;font-size:15px;font-weight:600;color:#757575;}.elementor-601 .elementor-element.elementor-element-6cb642df{text-align:center;}.elementor-601 .elementor-element.elementor-element-6cb642df .elementor-heading-title{font-family:"paper", Sans-serif;font-size:15px;font-weight:500;text-decoration:underline;color:#A3A3A3;}body.elementor-page-601:not(.elementor-motion-effects-element-type-background), body.elementor-page-601 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-601 .elementor-element.elementor-element-2257fb98{--content-width:410px;}}@media(max-width:767px){.elementor-601 .elementor-element.elementor-element-46c9003d .elementor-heading-title{font-size:18px;}.elementor-601 .elementor-element.elementor-element-2257fb98{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}}/* 사용 방법:
  1. Elementor 페이지 편집기로 들어갑니다.
  2. 숏코드 위젯을 배치하고 Ultimate Member 로그인 숏코드를 넣습니다.
  3. 해당 위젯을 선택하고 [고급] -> [사용자 정의 CSS] 란에 아래 코드를 복사해서 붙여넣습니다.
     (또는 워드프레스 관리자 탭 [외모] -> [사용자 정의하기] -> [추가 CSS]에 넣으셔도 됩니다.)
*/

/* 폼 전체 카드 배경 및 테두리 둥글기 */
.um.um-login {
    background-color: #ffffff;
    border-radius: 1.5rem; /* 24px */
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04);
    padding: 2.5rem; /* 40px */
    max-width: 450px;
    margin: 0 auto;
    font-family: 'Pretendard', sans-serif;
}

/* 입력창 라벨 (아이디, 비밀번호 텍스트) */
.um.um-login .um-field-label label {
    font-size: 0.875rem; /* 14px */
    font-weight: 500;
    color: #334155;
    margin-bottom: 0.375rem;
}

/* 입력창 디자인 */
.um.um-login .um-field-area input[type="text"],
.um.um-login .um-field-area input[type="password"] {
    width: 100%;
    padding: 0.875rem 1rem !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0.75rem !important; /* 12px */
    color: #1e293b;
    font-size: 0.875rem;
    transition: all 0.2s ease-in-out;
}

/* 입력창 클릭(포커스) 시 파란색 테두리 효과 */
.um.um-login .um-field-area input:focus {
    background-color: #ffffff !important;
    border-color: #3b82f6 !important;
    outline: none;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2) !important;
}

/* 메인 로그인 버튼 디자인 */
.um.um-login .um-button {
    width: 100%;
    background-color: #2563eb !important;
    color: #ffffff !important;
    font-weight: 600;
    padding: 0.875rem 1rem !important;
    border-radius: 0.75rem !important;
    transition: background-color 0.2s;
    border: none;
    box-shadow: none !important;
}

/* 로그인 버튼 마우스 오버 효과 */
.um.um-login .um-button:hover {
    background-color: #1d4ed8 !important;
}

/* 서브 버튼 (회원가입 등) 디자인 */
.um.um-login .um-alt-bttn {
    background-color: #f1f5f9 !important;
    color: #334155 !important;
    font-weight: 600;
    padding: 0.875rem 1rem !important;
    border-radius: 0.75rem !important;
    box-shadow: none !important;
}

.um.um-login .um-alt-bttn:hover {
    background-color: #e2e8f0 !important;
}

/* 하단 텍스트 링크 (비밀번호 찾기 등) */
.um.um-login a.um-link-alt {
    color: #64748b;
    font-size: 0.875rem;
    text-decoration: none;
    transition: color 0.2s;
}

.um.um-login a.um-link-alt:hover {
    color: #1e293b;
}