/* who307 250701 */
button { cursor: pointer; background-color: #fff; border: none; outline: none; padding: 0; } 
button, input, select, textarea, a{vertical-align: initial;}
#container{padding-bottom:0;}
.g-shopping-form * { font-family: Pretendard, "Noto Sans KR"; box-sizing: border-box; } 
.g-shopping-form { display: flex; justify-content: center; font-size:14px; } 
.g-shopping-form__container { width: 390px; padding: 40px 0 120px; display: flex; flex-direction: column; align-items: center; } 
.g-shopping-form__body { margin-top: 40px; padding: 20px 20px 0; display: flex; flex-direction: column; gap: 20px; width: 360px; } 

.label-required { position: relative; display: inline-block; padding-right:9px; } 
.label-required::after { content: "*"; position: absolute; right: 0; top: 0; color: #FF0000; font-size: 16px; font-weight: 600; } 

.form-message__container { border: 1px solid #FFC1BB; padding: 16px; line-height: 1.5; background-color: #FFF6F5; border-radius: 10px; } 
.form-message__title { font-weight: 700; font-size: 14px; color: #111; display: flex; gap: 4px; } 
.form-message__desc { font-size: 14px; color: #FF4330; margin-top: 4px; } 

.g-shopping-tab { display: flex; align-items: center; overflow: hidden; } 
.g-shopping-tab__item { background-color: #F8F8F8; font-weight: 500; color: #888; flex: 1 1 100%; height: 41px; display: flex; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #E0E0E0; overflow: hidden; min-width: calc(50% + 3px); } 
.g-shopping-tab__item--active { background-color: #fff; color: #000; position: relative; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06); border: 1px solid #000!important; border-radius: 5px; z-index: 1; min-width: 50%; padding: 0!important; } 
.g-shopping-tab__item--active::after { /* content: ""; */width: 100%; position: absolute; bottom: -1px; height: 1px; background-color: #fff; } 
.g-shopping-tab__item:first-of-type { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-right: 1px solid transparent; transform: translateX(0px); padding-right: 3px; } 
.g-shopping-tab__item:last-of-type { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-left: 1px solid transparent; transform: translateX(-3px); padding-left: 3px; } 

.g-shopping-form__footer { margin-top: 30px; padding: 0 20px 20px; width: 360px; } 
.g-shopping-form__signup-title { font-size: 16px; font-weight: 500; height: 24px; line-height: 24px; position: relative; display: flex; justify-content: center; align-items: center; gap: 20px; color: #666; } 
.g-shopping-form__signup-bar { content: ""; width: 100%; height: 1px; background-color: #ccc; display: inline-block; flex: 1 0; } 
.g-shopping-form__signup-button { background-color: #fff; border-radius: 5px; font-size: 16px; font-weight: 600; color: #000; height: 50px; display: flex; justify-content: center; align-items: center; margin-top: 10px; border: 1px solid #ccc; } 
.g-shopping-form__gray-box { padding: 16px; border-radius: 10px; background-color: #F7F7F9; } 
.g-shopping-form__title { color: #000; font-weight: 700; line-height: 1.5; font-size: 16px; } 
.g-shopping-form__banner { height: 50px; padding: 0 14px; display: flex; justify-content: center; align-items: center; gap: 6px; border: 1px solid #E0E0E0; background: #FFF; border-radius: 5px; font-weight: 600; font-size: 16px; color: #222; margin-top: 10px; } 
.g-shopping-form__util { display: flex; flex-direction: column; } 
.g-shopping-form__util-item { width: fit-content; color: #666; padding-left: 25px; position: relative; line-height: 1.5; } 
.g-shopping-form__util-item::before { content: ""; width: 5px; height: 5px; border-radius: 5px; position: absolute; top: 7px; left: 10px; background-color: #666; } 

.form-section__column { display: flex; flex-direction: column; gap: 20px; } 
.form-section__label { font-weight: 600; margin-bottom: 10px; color: #111; font-size: 16px; } 
.form-section__input { width:100%; border-radius: 5px; color: #000; padding: 0 14px; height: 50px; outline: none; background-color: #F7F7F9; font-size: 16px; border: none; } 
.form-section__input::placeholder { color:#999; } 
.form-section__buttons { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } 
.form-section__button {background-color: #2276FC;border-radius: 5px;font-size: 18px;font-weight: 700;color: #fff;width: 100%;height: 50px;display: flex;align-items: center;justify-content: center;gap: 6px;} 
.form-section__button--bg-gray { color:#666; background-color:#eee; border:1px solid #eee; } 
.form-section__button--bd-gray { background-color:#fff; border: 1px solid #ccc; color:#222; } 
.form-section__desc { margin-top: 20px; } 
.form-section__text { color: #666; line-height: 1.5; font-size: 14px; } 
.form-section__blue-text { color: #007AFF; text-decoration: underline; } 
.form-section__util { display: flex; align-items: center; justify-content: center; margin-top: 30px; gap:10px; } 
.form-section__link { color: #666; line-height: 1; font-size: 14px; position: relative; } 
.form-section__link:first-of-type { padding-right:10px; border-right:1px solid #E0E0E0; } 
.form-section__link:last-of-type { padding: 0; border: 0; } 
.form-section__red-text { color: #FF4330; padding-left: 11px; position: relative; } 
.form-section__red-text::before { content: "*"; color: #FF4330; width: 7px; height: 21px; position: absolute; top: 0; left: 0; line-height: 1.5; } 
.form-section--tracking .form-section__util { margin-top:20px; } 
.form-section--pw-change .form-section__buttons { flex-wrap: nowrap; } 

/* pw-change-title */
.pw-change-title { display: flex; align-items: center; gap: 4px; font-weight: 700; font-size: 22px; line-height: 33px; color:#111; } 
.pw-change-sub-title { font-weight: 500; color: #666; margin-top: -10px; font-size: 16px;}
/* who307 250701 */