html{
font-family: 'Gowun Batang';
font-style: normal;
font-weight: 400;
}
*{
margin: 0;
padding: 0;
}
.idpwfind-allview{
background-color: #1e2120;
}
/* loginHome 모바일*/
/* loginHome 모바일*/
/* loginHome 모바일*/
@media screen and (max-width: 1024px) {
.email-label{
color: white;
}
.jf-pw,
.jfpwch,
.jf-name,
.jf-phone,
.jf-email{
margin-top: 25px;
}
.idpwfind-left,
.idpwfind-right{
display: grid;
grid-template-columns: 1fr;
justify-items: center;
}
.loginHome_Main,
.clauseMain-allview,
.joinfromMain-allview{
background-color: #1e2120;
}
#clause-img {
width:80%;
margin:auto;
}
#clause-img img {
margin-top:30px;
height:auto;
margin:auto;
display: flex;
justify-content: center;
align-items: center;
margin-bottom:40px;
}
#kakao-login-btn img{
height: 43px;
width: 198.83px;
}
.loginMCt {
width :90%;
margin:auto;
}
.loginTopCt-1 p, .loginSns-p-1 p {
margin : 20px;
font-size: 1.4em;
text-align: center;
font-weight: bold;
color: white;
}
.loginTopCt-2 p, .loginSns-p-2 p {
margin: 10px;
font-size: 2.6vw;
text-align: center;
}
.loginTopCt-2 p:nth-of-type(1) {
margin-bottom: 5px;
color: white;
}
.loginTopCt-2 p:nth-of-type(2) {
margin-top: 5px;
color: white;
}
#idpwfind {
text-align: center;
}
#snsbutton {
width: 80%;
margin: auto;
display: flex;
flex-direction: column; /* 요소들을 세로로 배치 */
align-items: center; /* 가로 방향 중앙 정렬 */
gap: 20px; /* 요소들 사이의 간격을 20px로 설정 */
}
#snsbutton > div {
flex: 0; /* 각 요소들이 동일한 너비를 가지도록 설정 */
}
.login {
width: 90%;
padding: 20px;
margin: auto;
background: #151717;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.login input[type="text"], .login input[type="password"] {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 4px;
}
.login input[type="submit"] {
width: 100%;
padding: 10px;
background-color: black;
border: none;
color: white;
border-radius: 4px;
cursor: pointer;
font-size: 1.3em;
}
.login input[type="submit"]:hover {
background-color: rgba(0, 0, 0, 0.55);
}
/* loginHome 모바일 끝 */
/* loginHome 모바일 끝 */
/* loginHome 모바일 끝 */
/* idpwfind 모바일*/
/* idpwfind 모바일*/
/* idpwfind 모바일*/
/* 공통 설정 */
#idpwfid-top {
width: 90%;
margin: auto;
box-sizing: border-box;
padding: 5%;
background-color: #1e2120;
}
/* 페이지 제목 */
.joinfromMain-top h1 {
margin: 10px;
font-size: 1.4em;
text-align: center;
font-weight: bold;
}
/* 아이디/비밀번호 찾기 폼 */
#idpwfind {
width: 90%;
margin: auto;
padding: 20px;
background: #1e2120;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
text-align: center;
}
#idpwfind a{
color: white !important;
}
.idpwfind-container h2 {
margin: 20px;
font-size: 1.4em;
text-align: center;
font-weight: bold;
color: white;
}
.idpwfind-row {
width: 60%;
display: grid;
grid-template-columns: 1fr;
text-align: center;
}
.idpwfind-row label {
margin: 10px;
font-size: 0.8em;
text-align: center;
color: white;
}
.idpwfind-input {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 4px;
}
.idpwfind-button {
width: 40%;
padding: 10px;
background-color: black;
border: none;
color: white;
border-radius: 4px;
cursor: pointer;
font-size: 1.3em;
margin-bottom:50px;
margin-top: 15px;
}
.idpwfind-button:hover {
background-color: rgba(0, 0, 0, 0.55);
}
/* idpwfind 모바일 끝 */
/* idpwfind 모바일 끝 */
/* idpwfind 모바일 끝 */
/* clause 모바일 */
/* clause 모바일 */
/* clause 모바일 */
/* 회원가입 페이지 */
#clauseMain {
color: white;
width: 90%;
margin: auto;
box-sizing: border-box;
padding: 5%;
}
/* 이용약관 및 개인정보취급방침 안내문 */
#terms {
color: white;
margin: 20px;
font-size: 1em;
text-align: center;
font-weight: bold;
}
/* 회원가입 페이지 제목 */
#clauseMain h1 {
color: white;
margin: 20px;
font-size: 2em;
text-align: center;
font-weight: bold;
}
/* 체크박스 레이블 */
.checkbox-label label {
margin: 20px;
font-size: 0.8em;
text-align: center;
}
/* 이용약관 및 개인정보취급방침 텍스트영역 */
#clauseMain textarea {
width: 100%;
height:200px;
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 4px;
}
/* 다음 버튼 */
#clauseMain button {
width: 100%;
padding: 10px;
background-color: black;
border: none;
color: white;
border-radius: 4px;
cursor: pointer;
font-size: 1.3em;
}
#clauseMain button:hover {
background-color: rgba(0, 0, 0, 0.55);
}
/* clause 모바일 끝 */
/* clause 모바일 끝 */
/* clause 모바일 끝 */
/* joinForm 모바일 */
/* joinForm 모바일 */
/* joinForm 모바일 */
/* 회원가입 폼 전체 */
#joinfromMain {
width: 90%;
margin: auto;
box-sizing: border-box;
padding: 5%;
}
/* 폼 제목 */
.joinfromMain-top h1 {
margin: 20px;
font-size: 1.4em;
text-align: center;
font-weight: bold;
}
/* 폼 요소들 */
.form-container, .form-pw, .form-name, .form-phone, .form-container-address {
}
.form-container font, .form-pw font, .form-name font, .form-phone font, .form-container-address font {
display: block;
margin-bottom: 10px;
font-size: 0.9em;
color: white;
}
.form-container-font{
color: red;
}
.form-container input, .form-pw input, .form-name input, .form-phone input, .form-container-address input {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 4px;
}
.form-container select {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 4px;
}
/* 가입하기 버튼 */
.form-container-submit input {
width: 100%;
padding: 10px;
background-color: black;
border: none;
color: white;
border-radius: 4px;
cursor: pointer;
font-size: 1.3em;
}
.form-container-submit input:hover {
background-color: rgba(0, 0, 0, 0.55);
}
.form-container-font font{
font-size: 0.7em;
margin-bottom:20px;
}
/* joinForm 모바일 끝 */
/* joinForm 모바일 끝 */
/* joinForm 모바일 끝 */
/* myPage 모바일 */
/* myPage 모바일 */
/* myPage 모바일 */
/* 마이페이지 전체 */
#mypageMain {
width: 100%;
margin: auto;
box-sizing: border-box;
padding: 5%;
background-color: #1e2120;
height: 100vh;
}
/* 마이페이지 제목 */
.joinfromMain-top h1 {
margin: 20px;
font-size: 1.4em;
text-align: center;
font-weight: bold;
}
/* 정보 표시 그리드 */
.info-grid {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 10px;
}
/* 그리드 내부 요소 */
.info-grid-div, .info-grid-div div{
display: flex;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 0.9em;
word-wrap: break-word; /* 내용이 너무 길어지면 줄바꿈 */
/*max-width: 200px;*/
align-content: center;
justify-content: center;
color: white;
}
/* 버튼 그리드 */
.button-grid {
display: flex;
justify-content: space-around;
margin-top: 20px;
}
.info-grid-div-id{
/* width:90%; */
}
/* 버튼 그리드 내부 요소 */
.button-grid a, .button-grid button {
padding: 8px 5px;
background-color: #111111;
border: none;
color: white;
border-radius: 4px;
text-decoration: none;
font-size:0.95em;
}
.info-grid-div-socialKind{
display: flex;
align-items: center;
margin-left: 10px;
}
.info-grid-div-id,
.info-grid-div-name,
.info-grid-div-phone,
.info-grid-div-email,
.info-grid-div-addr1,
.info-grid-div-addr2 {
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 0.9em;
overflow-wrap: break-word; /* 내용이 너무 길어지면 줄바꿈 */
/*max-width: 200px; !* 최대 너비 제한 *!*/
color: white;
}
.button-grid a:hover, .button-grid button:hover {
background-color: rgba(0, 0, 0, 0.55);
}
/* myPage 모바일 끝 */
/* myPage 모바일 끝 */
/* myPage 모바일 끝 */
/* modifyForm 모바일 */
/* modifyForm 모바일 */
/* modifyForm 모바일 */
.modifyMain-cover,
.pwChangeMain-cover{
background-color: #1e2120;
height: 95vh;
}
/* 수정페이지 전체 */
#modifyMain {
position: relative;
top: 15%;
width: 90%;
margin: auto;
box-sizing: border-box;
padding: 5%;
}
/* 수정페이지 제목 */
.joinfromMain-top h1 {
margin: 20px;
font-size: 1.4em;
text-align: center;
font-weight: bold;
}
/* 정보 표시 그리드 */
.modifyMain-info-grid {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 10px;
align-items: center;
margin-top: 10px;
}
/* 주소 입력 그리드 */
.modifyMain-info-grid-address {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 0px;
align-items: center;
}
/* 그리드 내부 요소 */
.modi-div {
display: flex;
/*width: 60px; */
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 0.9em;
text-align: right;
justify-content: space-around;
color: white;
}
input[type="text"], input[type="password"] {
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
width: 100%;
box-sizing: border-box;
text-align: center;
}
/* 주소 검색 버튼 */
#addressSch {
margin-left: 10px;
padding: 5px;
background-color: #007bff;
border: none;
color: white;
border-radius: 7px;
cursor: pointer;
width:20%;
}
/* 주소 검색 입력 필드 */
#address {
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
width: 70%;
box-sizing: border-box;
}
/* 버튼 그리드 */
.button-grid2 {
display: flex;
justify-content: space-around;
margin-top: 20px;
}
/* 버튼 그리드 내부 요소 */
.button-grid2 a, .button-grid2 button, .button-grid2 input {
padding: 10px 20px;
background-color: black;
border: none;
color: white;
border-radius: 4px;
text-decoration: none;
font-size: 1em;
}
.button-grid2 a:hover, .button-grid2 button:hover, .button-grid2 input:hover {
background-color: rgba(0, 0, 0, 0.55);
}
/* modifyForm 모바일 끝 */
/* modifyForm 모바일 끝 */
/* modifyForm 모바일 끝 */
/* pwChange 모바일 */
/* pwChange 모바일 */
/* pwChange 모바일 */
/* 비밀번호 변경 페이지 전체 */
#pwChangeMain {
width: 100%;
margin: auto;
box-sizing: border-box;
padding: 5%;
}
/* 비밀번호 변경 페이지 제목 */
.joinfromMain-top h1 {
color: white;
margin: 20px;
font-size: 1.4em;
text-align: center;
font-weight: bold;
}
/* 폼 컨테이너 */
.form-container-pw {
display: flex;
flex-direction: column;
align-items: center
}
/* 폼 필드 */
.form-field {
display: flex;
justify-content: space-between;
width: 90%;
margin-bottom: 10px;
}
.form-field label {
display: flex;
width: 110px;
text-align: right;
margin-right: 10px;
justify-content: center;
align-items: center;
color: white;
}
.form-field input {
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
width: 70%;
}
/* 폼 필드 하단 */
.form-field-bottom {
height: 20px;
}
/* 액션 버튼 */
.form-actions {
display: flex;
justify-content: space-around;
width: 100%;
margin-top: 20px;
}
.form-actions a, .form-actions input {
padding: 10px 40px;
background-color: black;
border: none;
color: white;
border-radius: 4px;
text-decoration: none;
font-size: 1em;
}
.form-actions a:hover, .form-actions input:hover {
background-color: rgba(0, 0, 0, 0.55);
}
.form-wndqhr{
background: black;
color: white;
font-size: 14px;
}
/* pwChange 모바일 끝 */
/* pwChange 모바일 끝 */
/* pwChange 모바일 끝 */
/* delete 모바일 */
/* delete 모바일 */
/* delete 모바일 */
/* delete 모바일 끝 */
/* delete 모바일 끝 */
/* delete 모바일 끝 */
}
/* pc */
/* pc */
/* pc */
@media screen and (min-width: 1025px) {
.mypage-cover{
height: 89vh;
background-color: #1e2120;
}
.mypage-top{
}
.idpwfind-allview{
background-color: #1e2120;
padding-bottom: 80px;
height: 90vh;
}
/* 전체div */
#idpwfid-top {
background-color: #1e2120;
}
#kakao-login-btn img{
height: 43px;
width: 198.83px;
}
#loginMCt{
width: 100%;
margin:auto;
background-color: #1e2120;
height: 65vh;
margin-bottom: -100px;
}
.loginTopCt{
margin-bottom:30px;
color: white;
}
/* 1번문구 : '상호'회원 로그인 */
.loginTopCt-1 p{
margin : 10px;
font-size: 4em;
text-align: center;
font-weight: bold;
}
/* 2번문구 :'상호'는 의료법을 준수합니다. 로그인/회원가입 후 더 많은 컨텐츠 및 서비스를 확인하세요. */
.loginTopCt-2 p{
margin : 10px;
font-size: 1em;
text-align: center;
}
#idpwfind{
text-align: center;
}
/* 3번문구 : 회원가입이 번거로우셨나요?*/
.loginSns-p-1 p{
margin : 20px;
font-size: 34px;
text-align: center;
font-weight: bold;
}
/* 4번문구 : '네이버, 카카오톡, 구글'아이디로 '상호'의 서비스를 바로 이용하실 수 있습니다. */
.loginSns-p-2 p{
margin : 20px;
font-size: 14px;
text-align: center;
}
#snsbutton {
width: 80%;
margin: auto;
display: flex;
justify-content: center; /* 요소들을 중앙에 배치 */
gap: 20px; /* 요소들 사이의 간격을 20px로 설정 */
}
#snsbutton > div {
flex: 0; /* 각 요소들이 동일한 너비를 가지도록 설정 */
}
/* 로그인 폼 스타일 */
.login {
width: 100%;
max-width: 500px; /* 폼의 최대 너비 */
padding: 20px;
margin: auto;
background: #151717;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding-top: 40px;
padding-bottom: 40px;
}
.login input[type="text"], .login input[type="password"] {
width: 90%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 4px;
}
.login input[type="submit"] {
width: 94%;
padding: 10px;
background-color: #000;
border: none;
color: white;
border-radius: 4px;
cursor: pointer;
font-size: 1.5em;
}
.login input[type="submit"]:hover {
background-color: rgba(0, 0, 0, 0.55);
}
/* 약관동의 clause css시작 */
/* 약관동의 clause css시작 */
/* 약관동의 clause css시작 */
#clauseMain {
width: 60%;
height: 100%;
margin: auto;
background-color: #1e2120;
}
.joinfromMain-cc{
background: #151717;
padding: 20px;
border-radius: 10px;
}
#clause-img {
width: 100%;
height: 100%;
margin:auto;
/*padding-top:80px;*/
background-color: #151717;
margin-bottom: -40px;
}
.loginHome-img{
padding-top: 80px;
background-color: #1e2120 !important;
}
#clause-img img{
margin-top:30px;
/*height:300px;*/
margin:auto;
display: flex;
justify-content: center;
align-items: center;
margin-bottom:40px;
}
#clauseMain > div:first-child {
text-align: center;
margin-bottom: 40px;
}
#clauseMain > div:not(:first-child) {
display: flex;
align-items: center;
color: white;
}
.clauseMain-allview{
background-color: #1e2120;
}
#clauseMain .checkbox-label {
margin-left: auto;
}
#clauseMain textarea {
width: 100%;
height: 300px;
background-color: #2b302e;
color: white;
}
#clauseMain hr {
margin: 40px 0;
}
#clauseMain button {
display: block;
width: 200px;
margin: auto;
background-color: #000;
color: #fff;
font-size: 20px;
padding: 10px;
border: none;
margin-top:50px;
margin-bottom:50px;
}
/* 약관동의 clause css 끝 */
/* 약관동의 clause css 끝 */
/* 약관동의 clause css 끝 */
/* joinfom css */
/* joinfom css */
/* joinfom css */
#result_checkId,
#pw-feedback{
margin-top: 5px;
font-size: 14px!important;
/*color: #5f7eff !important;*/
}
#joinfromMain {
width: 55%;
margin: auto;
padding: 20px;
/*background-color: #f8f9fa;*/
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
margin-bottom:100px;
}
.loginHome_Main{
background-color: #1e2120;
}
#terms {
background-color: #151717;
color: white;
text-align: center;
font-size: 18px;
padding: 10px 0;
margin:auto;
margin-bottom: 20px;
}
.joinfromMain-top h1 {
text-align: center;
margin: 25px;
color: white;
}
#joinfromMain .form-container,
#joinfromMain .form-pw,
#joinfromMain .form-name,
#joinfromMain .form-phone,
#joinfromMain .form-container-address{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 15px;
}
#joinfromMain .form-container font,
#joinfromMain .form-container-address font,
#joinfromMain .form-pw font,
#joinfromMain .form-phone font,
#joinfromMain .form-name font {
vertical-align: middle;
min-width: 80px;
color: white;
}
.form-container-font,
.email-label{
color: white;
}
.joinfromMain-allview{
background-color: #1e2120;
height: 100vh;
}
#joinfromMain .form-container input[type="text"],
#joinfromMain .form-pw input[type="password"],
#joinfromMain .form-name input[type="text"],
#joinfromMain .form-phone input[type="text"],
#joinfromMain .form-container-address input[type="text"],
#joinfromMain .form-container select,
.idpwfind-input {
flex-grow: 1; /* 이 부분 추가 */
margin: 0 10px;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
width: 22%;
}
/*버튼*/
#joinfromMain input[type="button"],
input[type="submit"]{
cursor: pointer;
background-color: black;
color: white;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
}
#joinfromMain div#submitButtons {
display: flex;
justify-content: space-between;
}
#joinfromMain input[type="button"],
input[type="submit"]{
width: 150px;
}
.form-name,
.form-phone,
.form-container{
/*margin-bottom:10px;*/
}
.form-container-address{
margin-bottom:10px;
}
#joinfromMain .form-container-submit {
display: flex;
justify-content: center;
align-items: center;
height: 100%; /* 필요한 경우 추가 */
}
/*버튼*/
/* joinfom css 끝 */
/* joinfom css 끝 */
/* joinfom css 끝 */
.joinform-submit{
margin-top: 25px;
}
#delete-form {
width: 45%;
margin: auto;
padding: 20px;
background-color: #f8f9fa;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.form-container-delete{
display: flex;
flex-direction: column;
gap: 10px;
}
.delete-foot{
margin-bottom:300px;
}
/* mypgae css 시작 */
/* mypgae css 시작 */
/* mypgae css 시작 */
#mypageMain {
position: relative;
top: 15%;
width: 45%;
margin: auto;
padding: 20px;
background-color: #f8f9fa;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
margin-bottom: 100px;
background-color: #151717;
}
.info-grid {
display: grid;
grid-template-columns: auto 1fr;
gap: 10px 20px;
margin-bottom: 20px;
}
.button-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
#addressSch,
.info-grid div,
.button-grid button,
.button-grid input,
.button-grid a,
.button-grid2 button,
.button-grid2 input,
.button-grid2 a,
.form-actions a,
.form-actions input[type="submit"],
.idpwfind-button
{
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
color: white;
}
#addressSch,
.button-grid a,
.button-grid button,
.button-grid input,
.button-grid2 button,
.button-grid2 input,
.button-grid2 a,
.form-actions a,
.form-actions input[type="submit"],
.idpwfind-button{
text-align: center;
background-color: black;
color: white;
text-decoration: none;
}
#addressSch:hover,
.button-grid a:hover,
.button-grid button:hover,
.button-grid input:hover,
.button-grid2 button:hover,
.button-grid2 input:hover,
.button-grid2 a:hover,
.form-actions a:hover,
.form-actions input[type="submit"]:hover,
.idpwfind-button:hover {
background-color: rgba(0, 0, 0, 0.55);
}
.button-grid a:hover{
color: #6c757d !important;
}
/* mypgae css 끝 */
/* mypgae css 끝 */
/* mypgae css 끝 */
/* modify css 시작 */
/* modify css 시작 */
/* modify css 시작 */
.modifyMain-cover{
height: 89vh;
background-color: #1e2120;
}
#modifyMain {
position: relative;
top: 15%;
width: 45%;
margin: auto;
padding: 20px;
background-color: #f8f9fa;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
margin-bottom:100px;
background-color: #151717;
}
.modifyMain-info-grid {
display: grid;
grid-template-columns: auto 1fr;
gap: 10px 20px;
margin-bottom: 20px;
}
.button-grid2 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
.modi-div,.info-grid-div{
min-width:80px;
text-align: center;
font-weight: bold;
color: white;
}
.modifyMain-info-grid, .modifyMain-info-grid-address {
display: grid;
gap: 10px 20px;
margin-bottom: 20px;
}
.modifyMain-info-grid {
grid-template-columns: auto 2fr;
}
.modifyMain-info-grid-address {
grid-template-columns: auto 1fr auto;
}
#name,#nickName,#email,#address,#roadAddress,#addrr22,#phone,#modipw
{
width:85%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
}
#addressSch{
min-width:80px;
}
.modifyMain-info-grid div input{
/* width:85%; */
}
/* modify css 끝 */
/* modify css 끝 */
/* modify css 끝 */
/* pwChange css */
/* pwChange css */
/* pwChange css */
/* pwChangeMain CSS 시작 */
.pwChangeMain-cover{
background-color: #1e2120;
height: 89vh;
}
#pwChangeMain {
position: relative;
top: 15%;
width: 45%;
margin: auto;
padding: 20px;
background-color: #f8f9fa;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
margin-bottom:100px;
background-color: #151717;
}
.form-field #pw{
margin-left:24px;
}
#pwChangeMain h1 {
margin-bottom: 20px;
font-size: 24px;
}
.form-actions {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.form-actions a,
.form-actions input[type="submit"] {
width: 100%;
font-size: 19px;
}
.form-container {
display: flex;
/* flex-direction: column; */
/* gap: 10px; */
}
.form-container-pw{
display: flex;
flex-direction: column;
gap: 10px;
}
.form-field {
display: flex;
justify-content: space-between;
align-items: center;
}
.form-field-bottom{
margin-bottom:10px;
}
.form-field label {
font-weight: bold;
color: white;
}
.form-field input[type="password"] {
flex-grow: 1;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
margin-left: 10px;
}
.form-actions {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}
.joinemail{
width:20% !important;
}
.email-label{
margin-right:30px;
}
/* pwChange css 끝 */
/* pwChange css 끝 */
/* pwChange css 끝 */
/* idpwfind 시작 */
/* idpwfind 시작 */
/* idpwfind 시작 */
.idpwfind-top{
width: 50%;
margin: auto;
padding: 20px;
}
#idpwfind{
width: 55%;
margin: auto;
padding: 20px;
/* background-color: #f8f9fa;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); */
color: white;
border-radius: 8px;
}
#idpwfinds{
width: 55%;
margin: auto;
padding: 20px;
/* background-color: #f8f9fa;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); */
background-color: #151717;
color: white;
border-radius: 8px;
}
#idpwfind a{
margin-right:25px;
text-decoration: none;
color: white;
}
.idpwfind-container {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr; /* 2칸 그리드 */
}
.idpwfind-left, .idpwfind-right {
display: grid;
gap: 10px;
}
.idpwfind-row {
display: grid;
grid-template-columns: 80px 1fr; /* 레이블의 너비를 80px로 고정 */
align-items: center; /* 아이템을 세로 방향으로 중앙에 배치 */
}
.idpwfind-left-margin1{
margin-bottom:27px;
}
.idpwfind-left-margin2{
margin-bottom:15px;
}
.idpwfind-left-margin3{
margin-bottom:5px;
}
.idpwfind-input {
width: 90%;
}
.idpwfind-button {
justify-self: center; /* 버튼을 가로 방향으로 중앙에 배치 */
background: black;
border: 0px !important;
}
.idpwfind-button{
width:50%;
}
/* idpwfind 끝 */
/* idpwfind 끝 */
/* idpwfind 끝 */
.info-grid-div-id,
.info-grid-div-name,
.info-grid-div-phone,
.info-grid-div-email,
.info-grid-div-addr1,
.info-grid-div-addr2 {
max-width: none; /* 최 대 너비 제한 */
}
}