html{
font-family: "Gowun Dodum", sans-serif;
}
*{
margin: 0;
padding: 0;
}
/* 모바일 */
@media screen and (max-width: 1024px) {
/* adUserList 모바일*/
.adUserList-title,
.adNoticeList-title,
.adConsulList-title{
text-align: center;
font-size: 30px;
margin-bottom: 20px;
width: 200px;
margin: 0 auto;
background: #3f51b5;
color: white;
border-radius: 10px;
/* height: 40px; */
text-align: center;
align-items: center;
padding: 10px 0px;
}
.adUserList-main {
display: flex;
flex-direction: row;
/* justify-content: space-around; */
flex-wrap: wrap;
margin-top:20px;
margin-bottom:20px;
}
.adUserList-button, .adUserList-section {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 10px;
}
.adUserList-button {
background-color: #5677fc;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
}
.adUserList-button a {
font-size: 16px;
color: white;
text-decoration: none;
}
/* 항목의 왼쪽 부분(총회원수, 탈퇴) */
.adUserList-left {
background-color: #2150f3cc;
padding: 10px;
border-radius: 10px 0 0 10px;
}
.adUserList-text {
margin: 0;
}
/* 항목의 오른쪽 부분(숫자) */
.adUserList-right {
background-color: #9e9e9eba;
padding: 10px;
border-radius: 0 10px 10px 0;
}
.adUserList-left p{
color : white;
}
.adUserList-right {
color : white;
}
.adUserList-section {
display: flex;
flex-direction: row;
}
.adUserList-left, #adUserList-totalNumber {
display: flex;
align-items: center;
}
.adUserList-form {
display: flex;
justify-content: center;
}
.adUserList-search {
/* display: flex; */
/* flex-direction: column; */
align-items: center;
margin-bottom:20px;
}
.adUserList-searchType, .adUserList-searchInput {
margin-bottom: 10px;
padding: 5px;
border-radius: 5px;
}
.adUserList-listHeader{
background-color: #3f51b5;
color:white;
border-radius: 5px;
padding:3px;
margin-left:2px;
margin-right:2px;
margin-bottom:13px;
}
.adUserList-listHeader, .adUserList-listItem {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.adUserList-listItem{
margin-bottom:13px;
border-bottom: 3px solid #f5f5f5;
}
.adUserList-id, .adUserList-name,.adUserList-phone, .adUserList-manage {
flex: 1;
text-align: center;
justify-content: center;
align-items: center; /* 수평 정렬 */
}
.adUserList-listItemNumber, .adUserList-email, .adUserList-addr1, .adUserList-addr2, .adUserList-socialKind, .adUserList-rDate, .adUserList-grade {
display: none;
}
.adUserList-phone {
flex: 3; /* 아이디와 이름이 40% 공간을 차지하도록 조정 */
}
.adUserList-id,.adUserList-name {
flex: 2; /* 관리가 20% 공간을 차지하도록 조정 */
}
.adUserList-manage {
flex: 1; /* 관리가 20% 공간을 차지하도록 조정 */
}
.adUserList-id, .adUserList-phone,.adUserList-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.adUserList-pagination {
justify-content: center;
}
button.shp {
width: 100%;
max-width: 200px;
}
/* 검색 버튼 */
.adUserList-searchButton {
background-color: #007bff;
color: #fff;
padding: 5px 10px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.adUserList-editButton {
background-color: #3f51b5;
color: #fff;
padding: 5px 3px;
border: none;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
outline: none;
justify-content: center;
align-items: center;
}
.adUserList-editButton a {
color: #fff;
text-decoration: none;
}
/* 페이지 번호 컨테이너 */
.adUserList-pagination {
display: flex;
align-items: center;
justify-content: center;
margin: 30px 0;
}
/* 각 페이지 번호 */
.adUserList-pagination a, .adUserList-pagination button {
color: black;
padding: 5px 8px; /* 패딩을 조절하여 버튼 크기 늘리기 */
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd; /* 경계선 설정 */
margin-right:3px;
font-size: 12px;
}
/* 현재 선택된 페이지 번호 */
.adUserList-pagination button.shp {
background-color: #4CAF50;
color: white;
border: 1px solid #4CAF50;
font-size: 20px; /* 글씨 크기를 더 크게 설정 */
padding: 10px 8px; /* 패딩을 조절하여 선택된 버튼 크기 늘리기 */
margin: -5px 0; /* 위아래 마진을 조절하여 선택된 버튼을 높게 만들기 */
}
/* 페이지 번호에 마우스를 올렸을 때 */
.adUserList-pagination a:hover:not(.shp) {
background-color: #ddd;
}
/* 뒤로 버튼 */
.adUserList-backButtonContainer a {
background-color: #007bff;
color: #fff;
padding: 5px 10px;
border: none;
border-radius: 5px;
text-decoration: none;
cursor: pointer;
}
.adUserList-editButton:hover,
.adUserList-editButton:focus {
background-color: #5a75cc; /* 배경색을 조금 더 연한 색으로 변경 */
border: 1px solid #5a75cc; /* 테두리 추가 */
}
.adUserList-editButton:active {
background-color: transparent;
color: #007bff;
text-decoration: none;
outline: none;
}
/* adUserList 모바일 끝 */
/* adUserList 모바일 끝 */
/* adUserList 모바일 끝 */
/* adConsulList 모바일*/
/* adConsulList 모바일*/
/* adConsulList 모바일*/
.adConsulList-title {
text-align: center;
font-size: 30px;
margin-bottom:20px;
}
.adConsulList-main {
display: flex;
flex-direction: row;
/* justify-content: space-around; */
flex-wrap: wrap;
margin-top:20px;
margin-bottom:20px;
}
.adConsulList-button, .adConsulList-section {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 10px;
}
.adConsulList-button {
background-color: #5677fc;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
}
.adConsulList-button a {
font-size: 16px;
color: white;
text-decoration: none;
}
/* 항목의 왼쪽 부분(총회원수, 탈퇴) */
.adConsulList-left {
background-color: #2150f3cc; /* 배경색 설정 */
padding: 10px; /* 패딩 설정 */
border-radius: 10px 0 0 10px;
}
/* 텍스트 */
.adConsulList-text {
margin: 0;
}
/* 항목의 오른쪽 부분(숫자) */
.adConsulList-right {
background-color: #9e9e9eba; /* 배경색 설정 */
/* color: white; 글씨색 설정 */
padding: 10px; /* 패딩 설정 */
border-radius: 0 10px 10px 0; /* 모서리 둥글게 만들기 */
}
.adConsulList-left p{
color : white;
}
.adConsulList-right {
color : white;
}
.adConsulList-section {
display: flex;
flex-direction: row;
}
.adConsulList-left, #adConsulList-totalNumber {
display: flex;
align-items: center;
}
.adConsulList-form {
display: flex;
justify-content: center;
}
.adConsulList-search {
/* display: flex; */
/* flex-direction: column; */
align-items: center;
margin-bottom:20px;
}
.adConsulList-searchType, .adConsulList-searchInput {
margin-bottom: 10px;
padding: 5px;
border-radius: 5px;
}
.adConsulList-listHeader{
background-color: #3f51b5;
color:white;
border-radius: 5px;
padding:3px;
margin-left:2px;
margin-right:2px;
margin-bottom:13px;
}
.adConsulList-listHeader, .adConsulList-listItem {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.adConsulList-listItem{
margin-bottom:13px;
border-bottom: 3px solid #f5f5f5;
}
/* ㅁㄴㅇㄹ */
.adConsulList-name, .adConsulList-contact,.adConsulList-inquiry, .adConsulList-manage, .adConsulList-chk {
flex: 1;
text-align: center;
justify-content: center;
align-items: center; /* 수평 정렬 */
}
.adConsulList-consultationId, .adConsulList-privacyAgree, .adConsulList-applicationTime {
display: none;
}
.adConsulList-contact {
flex: 3;
}
.adConsulList-name,.adConsulList-inquiry {
flex: 2;
}
.adConsulList-manage,.adConsulList-chk {
flex: 2;
}
.adConsulList-name, .adConsulList-contact,.adConsulList-inquiry {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.adConsulList-pagination {
justify-content: center;
}
button.shp {
width: 100%;
max-width: 200px;
}
/* 검색 버튼 */
.adConsulList-searchButton {
background-color: #007bff;
color: #fff;
padding: 5px 10px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.adConsulList-editButton a {
color: #fff;
text-decoration: none;
}
/* 페이지 번호 컨테이너 */
.adConsulList-pagination {
display: flex;
align-items: center; /* 수평 정렬 */
justify-content: center;
margin: 30px 0;
}
/* 각 페이지 번호 */
.adConsulList-pagination a, .adConsulList-pagination button {
color: black;
padding: 5px 8px; /* 패딩을 조절하여 버튼 크기 늘리기 */
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd; /* 경계선 설정 */
margin-right:3px;
font-size: 12px;
}
/* 현재 선택된 페이지 번호 */
.adConsulList-pagination button.shp {
background-color: #4CAF50;
color: white;
border: 1px solid #4CAF50;
font-size: 20px; /* 글씨 크기를 더 크게 설정 */
padding: 10px 8px; /* 패딩을 조절하여 선택된 버튼 크기 늘리기 */
margin: -5px 0; /* 위아래 마진을 조절하여 선택된 버튼을 높게 만들기 */
}
/* 페이지 번호에 마우스를 올렸을 때 */
.adConsulList-pagination a:hover:not(.shp) {
background-color: #ddd;
}
/* 뒤로 버튼 */
.adConsulList-backButtonContainer a {
background-color: #007bff;
color: #fff;
padding: 5px 10px;
border: none;
border-radius: 5px;
text-decoration: none;
cursor: pointer;
}
.adConsulList-editButton:hover,
.adConsulList-editButton:focus {
background-color: #5a75cc; /* 배경색을 조금 더 연한 색으로 변경 */
border: 1px solid #5a75cc; /* 테두리 추가 */
}
.adConsulList-editButton:active {
background-color: transparent;
color: #007bff;
text-decoration: none;
outline: none;
}
/* 수정 버튼 */
.adConsulList-editButton-checked {
background-color: #3f51b5;
color: #fff;
padding: 5px 10px;
border: none;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
outline: none;
}
.adConsulList-editButton-checked a {
color: #fff;
text-decoration: none;
}
.adConsulList-editButton-unchecked{
background-color: red;
color: #fff;
padding: 5px 5px;
border: none;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
outline: none;
}
.adConsulList-editButton-unchecked a {
color: #fff;
text-decoration: none;
}
/* adConsulList 모바일 끝*/
/* adConsulList 모바일 끝*/
/* adConsulList 모바일 끝*/
/* adUserDetail 모바일*/
/* adUserDetail 모바일*/
/* adUserDetail 모바일*/
/* 회원정보 페이지 전체 */
.adUserDetail-main {
width: 90%;
margin: auto;
padding: 5%;
/* background: #8585852b; */
}
/* 페이지 제목 */
.adUserDetail-main h1 {
font-size: 2.4em;
text-align: center;
background: #3F51B5;
color: white;
margin-top: 25px;
border: 3px solid black;
border-radius: 10px;
margin-bottom: 20px;
padding: 10px;
}
/* 정보 섹션 */
.adUserDetail-section {
display: flex;
flex-direction: column;
align-items: start;
margin-bottom: 10px;
}
.adUserDetail-section div{
width:100%;
border :1px solid black;
border-radius: 5px;
}
/* 섹션 내부 요소 */
.adUserDetail-section p,
.adUserDetail-section input,
.adUserDetail-section select,
.adUserDetail-section textarea {
width: 100%;
padding:5px;
box-sizing: border-box;
border-radius: 5px;
font-size: 1.4em;
}
.adUserDetail-section p:nth-child(1) {
background: #3f51b5cf;
padding: 0px;
margin-top: 15px;
margin-bottom: 5px;
color: white;
padding-left: 15px;
}
.adUserDetail-section p:nth-child(2) {
border-bottom:1px solid black;
border-radius: 0px;
}
.adUserDetail-section p{
font-size: 1.8em;
}
/* 주소 검색 버튼 */
#addressSch {
margin-top: 10px;
padding: 5px;
background-color: #007bff;
border: none;
color: white;
border-radius: 4px;
cursor: pointer;
}
/* 버튼 */
.adUserDetail-section .adUserDetail-delete-button,
.adUserDetail-section .adUserDetail-submit-button,
.adConsulDetail-section .adConsulDetail-delete-button,
.adConsulDetail-section .adConsulDetail-submit-button {
width: 100%;
padding: 10px 0;
margin-top: 10px;
font-size: 1em;
}
.adUserDetail-delete-button,
.adConsulDetail-delete-button{
background-color: red;
color: white;
border: none;
border-radius: 5px;
}
.adUserDetail-submit-button,
.adConsulDetail-submit-button{
background-color: #007bff;;
color: white;
border: none;
border-radius: 5px;
}
/* adUserDetail 모바일 끝*/
/* adUserDetail 모바일 끝*/
/* adUserDetail 모바일 끝*/
/* adConsulDetail 모바일 */
/* adConsulDetail 모바일 */
/* adConsulDetail 모바일 */
/* 상담 정보 페이지 전체 */
.adConsulDetail-main {
width: 90%;
margin: auto;
padding: 5%;
/* background: #8585852b; */
}
/* 페이지 제목 */
.adConsulDetail-main h1 {
font-size: 2.4em;
text-align: center;
background: #3F51B5;
color: white;
margin-top: 25px;
border: 3px solid black;
border-radius: 10px;
margin-bottom: 20px;
padding: 10px;
}
/* 정보 섹션 */
.adConsulDetail-section {
/* display: flex; */
flex-direction: column;
align-items: start;
margin-bottom: 10px;
}
/* 섹션 내부 요소 */
.adConsulDetail-section p,
.adConsulDetail-section input,
.adConsulDetail-section textarea {
width: 100%;
padding:5px;
box-sizing: border-box;
border-radius: 5px;
font-size: 1.4em;
}
.adConsulDetail-section p:nth-child(1) {
background: #3f51b5cf;
padding: 0px;
margin-top: 20px;
margin-bottom: 5px;
color: white;
padding-left: 15px;
}
.adConsulDetail-section p:nth-child(2) {
border-bottom:1px solid black;
border-radius: 0px;
}
#inquiry{
height:100px;
border: 2px solid black;
font-size: 1em;
}
#consulmemoContent{
border: 2px solid black;
font-size: 1em;
}
.adConsulDetail-section p {
font-size: 1.8em;
}
.adConsulDetail-section div {
width: 100%;
border: 1px solid black;
border-radius: 5px;
}
/* 상태 버튼 */
.status-button {
display: inline-block;
padding: 10px;
background-color: #007bff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
margin-top: 10px;
}
/* 삭제 버튼 */
.delete-button {
width: 100%;
padding: 10px 0;
background-color: red;
color: white;
border: none;
border-radius: 5px;
margin-top: 10px;
}
/* 저장 버튼 */
.submit-button {
width: 100%;
padding: 10px 10px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
margin-top: 10px;
}
.status-button {
width:90px;
display: inline-block;
padding: 10px 20px;
background-color: gray;
color: white;
cursor: pointer;
transition: background-color 0.3s;
text-align: center; /* 내용을 가운데 정렬 */
border-radius:5px;
}
#chk-confirmed:checked + .status-button {
background-color: #3f51b5;
}
#chk-confirmed:checked + .status-button:hover {
background-color: #5677fc; /* More lighter color */
}
#chk-unconfirmed:checked + .status-button {
background-color: red;
}
#chk-unconfirmed:checked + .status-button:hover {
background-color: #ff5252; /* More lighter color */
}
.submit-button {
padding: 10px !important;
}
/* adConsulDetail 모바일 끝*/
/* adConsulDetail 모바일 끝*/
/* adConsulDetail 모바일 끝*/
/* adNoticeList 시작*/
/* 전체 컨테이너 */
/* 전체 컨테이너 */
/* 전체 컨테이너 */
.adNoticeList-container {
width: 96%;
margin: auto;
background-color: #f7f7f7;
border-radius: 10px;
margin-bottom: 20px;
}
/* 제목 */
.adNoticeList-title {
text-align: center;
font-size: 24px;
margin-bottom: 20px;
}
/* 전체 컨테이너 */
.adNoticeList-main {
display: flex;
align-items: center;
gap: 5px;
margin: 10px 0;
}
/* 버튼 */
.adNoticeList-button {
background-color: #5677fc;
color: #fff;
padding: 12px 20px;
border: none;
border-radius: 5px;
font-size: 12px;
cursor: pointer;
}
.adNoticeList-button:hover {
background-color: #789aff;
}
.adNoticeList-button a {
font-size: 12px;
color: white;
text-decoration: none;
}
/* 버튼 */
.adNoticeList-appendNotice-button {
background-color: #03C75A;
color: #fff;
padding: 12px 30px;
border: none;
border-radius: 5px;
font-size: 12px;
cursor: pointer;
margin-left: 25px;
}
.adNoticeList-appendNotice-button:hover {
background-color: #04da7b;
}
.adNoticeList-appendNotice-button a {
font-size: 12px;
color: white;
text-decoration: none;
}
/* 각 항목(총문의 수) */
.adNoticeList-section {
display: flex;
align-items: center;
}
/* 항목의 왼쪽 부분(총문의 수) */
.adNoticeList-left {
background-color: #2150f3cc;
padding: 12px ;
border-radius: 5px 0 0 5px;
margin-left:20px;
}
.adNoticeList-right{
background-color: #9e9e9eba;
padding: 12px 20px;
border-radius: 0 5px 5px 0; /* 모서리 둥글게 만들기 */
}
.adNoticeList-left p{
color : white;
font-size: 12px;
}
.adNoticeList-right {
color : white;
font-size: 12px;
}
/* 텍스트 */
.adNoticeList-text {
margin: 0;
}
/* 검색 폼 */
.adNoticeList-form {
margin-bottom: 20px;
}
/* 검색 */
.adNoticeList-search {
margin-bottom: 20px;
}
/* 검색 타입 */
.adNoticeList-searchType {
padding: 5px;
border-radius: 5px;
}
/* 검색 입력 필드 */
.adNoticeList-searchInput {
padding: 5px;
border-radius: 5px;
border: 1px solid #ccc;
}
/* 검색 버튼 */
.adNoticeList-searchButton {
background-color: #007bff;
color: #fff;
padding: 5px 10px;
border: none;
border-radius: 5px;
cursor: pointer;
}
/* 회원 리스트 */
.adNoticeList-list {
background-color: #fff;
border-radius: 10px;
padding: 0px;
}
/* 회원 리스트 헤더 */
.adNoticeList-listHeader {
display: grid;
width: 100%;
grid-template-columns: 10% 40% 15% 18% 10%;
gap: 5px;
font-weight: bold;
align-items: center;
background-color: #3f51b5;
color: white;
height: 50px;
text-align: center;
border-radius: 8px;
font-size: 4vw;
}
/* 회원 리스트 아이템 */
.adNoticeList-listItem {
display: grid;
width: 100%;
grid-template-columns: 10% 40% 15% 18% 10% ;
gap: 5px;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid #ccc;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
font-size: 3vw;
}
.adNoticeList-listItem:nth-child(even) {
background-color: #f2f2f2;
}
.adNoticeList-listItem:nth-child(odd) {
background-color: #ffffff;
}
/* 회원 리스트 아이디 */
.adNoticeList-number,
.adNoticeList-title-title,
.adNoticeList-author,
.adNoticeList-reg_date{
overflow: hidden; /* 너비를 초과하는 내용 숨기기 */
text-overflow: ellipsis; /* 너비를 초과하는 내용을 ...으로 표시 */
white-space: nowrap; /* 텍스트를 한 줄로 표시 */
text-align: center; /* 내용을 가운데 정렬 */
}
/* 수정 버튼 위치 조정 */
.adNoticeList-manage {
display: flex;
justify-content: center;
align-items: center;
}
/* 수정 버튼 */
.adNoticeList-editButton {
background-color: #3f51b5;
color: #fff;
padding: 5px 5px;
border: none;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
outline: none;
}
.adNoticeList-editButton a {
color: #fff;
text-decoration: none;
}
.adNoticeList-editButton-unchecked a {
color: #fff;
text-decoration: none;
}
/* 페이지 번호 컨테이너 */
.adNoticeList-pagination {
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
}
/* 각 페이지 번호 */
.adNoticeList-pagination a,
.adNoticeList-pagination button {
color: black;
padding: 6px 14px;
text-decoration: none;
transition: background-color 0.3s;
border: 1px solid #ddd;
font-size: 12px;
}
/* 현재 선택된 페이지 번호 */
.adNoticeList-pagination button.shp {
background-color: #4caf50;
color: white;
border: 1px solid #4caf50;
font-size: 16px;
padding: 8px 16px;
margin: -5px 0;
}
/* 페이지 번호에 마우스를 올렸을 때 */
.adNoticeList-pagination a:hover:not(.shp) {
background-color: #ddd;
}
/* 뒤로 버튼 컨테이너 */
.adNoticeList-backButtonContainer {
display: flex;
justify-content: center;
margin-top: 20px;
}
/* 뒤로 버튼 */
.adNoticeList-backButtonContainer a {
background-color: #007bff;
color: #fff;
padding: 5px 10px;
border: none;
border-radius: 5px;
text-decoration: none;
cursor: pointer;
}
.adNoticeList-editButton:hover {
background-color: #5677fc; /* More lighter color */
}
.adimportant {
font-size: 1.2em; /* 기본 글자 크기의 120% */
font-weight: bold;
}
/*adNoticeList 끝 */
/*adNoticeDetail */
/*adNoticeDetail */
/*adNoticeDetail */
.adNoticedetail-container{
width: 96%;
margin: auto;
padding: 4px;
border-radius: 10px;
}
.adNoticedetail-container h1{
margin-bottom:30px;
text-align: center;
}
.adNoticedetail-detail-meta {
}
.adNoticedetail-detail-meta p {
font-size: 4vw;
font-weight: 600;
margin-right: 10px;
width: 70px;
margin-bottom: 20px;
}
.adNoticedetail-detail-meta input{
color: white;
padding: 8px 16px;
border: none;
border-radius: 5px;
font-size: 1.2em;
cursor: pointer;
width: 160px !important;
font-size: 5vw;
}
.adNoticedetail-detail-meta-div input[type="text"]{
border: 1px solid black;
color: black;
font-size: 4vw;
width: 100% !important;
}
.adNoticedetail-detail-meta-div{
width: 95%;
font-size: 4vw;
display: flex;
margin-top: 20px;
margin-bottom: 15px;
align-items: baseline;
}
#adNoticedetail-content{
margin-left: 2%;
width: 92%;
height: 350px;
border: 1px solid black;
border-radius: 10px;
padding: 6px;
margin-bottom: 20px;
font-size: 3vw;
letter-spacing: 0.4px;
line-height: 1.7;
}
.adNoticedetail-detail-meta-div-2{
width: 100%;
display: flex;
margin-top: 20px;
margin-bottom: 15px;
}
.adNoticedetail-detail-meta-div-2 input{
padding: 5px;
border: 1px solid #ddd;
border-radius: 5px;
width: 42px;
height: 30px;
width: 30px !important;
}
.adNoticedetail-modify-button{
background-color: #007bff;
color: #fff;
padding: 12px 20px;
border: none;
border-radius: 5px;
font-size: 1.2em;
cursor: pointer;
width: 200px !important;
margin-right: 50px;
}
.adNoticedetail-detail-meta-div-3{
width: 100%;
display: flex;
margin-top: 20px;
margin-bottom: 15px;
justify-content: center;
}
.adNoticedetail-delete-button{
background-color: red;
color: white;
padding: 8px 16px;
border: none;
border-radius: 5px;
cursor: pointer;
width: 160px !important;
font-size: 5vw;
}
.adNoticedetail-modify-button:hover {
background-color: #5677fc; /* More lighter color */
}
.adNoticedetail-delete-button:hover {
background-color: #ff5252;
}
/*adNoticeDetail 끝 */
/*adNoticeDetail 끝 */
/*adNoticeDetail 끝 */
/*adNoticeAppend*/
/*adNoticeAppend*/
/*adNoticeAppend*/
.adNoticeAppend-container{
width: 96%;
margin: auto;
padding: 10px;
border-radius: 10px;
}
.adNoticeAppend-container h1{
margin-bottom:20px;
text-align: center;
}
.adNoticeAppend-Append-meta {
}
.adNoticeAppend-Append-meta p {
font-size: 4vw;
font-weight: 600;
margin-right: 10px;
width: 70px;
margin-bottom: 20px;
}
.adNoticeAppend-Append-meta input{
font-size: 4vw;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
width: 85%;
}
.adNoticeAppend-Append-meta-div{
width: 92%;
display: flex;
margin-top: 20px;
margin-bottom: 15px;
align-items: baseline;
}
#adNoticeAppend-content{
margin-left: 2%;
width: 92%;
height: 350px;
border: 1px solid black;
border-radius: 10px;
padding: 6px;
margin-bottom: 20px;
font-size: 3vw;
letter-spacing: 0.4px;
line-height: 1.7;
}
.adNoticeAppend-Append-meta-div-2{
width: 100%;
display: flex;
margin-top: 20px;
margin-bottom: 15px;
}
.adNoticeAppend-Append-meta-div-2 input{
padding: 5px;
border: 1px solid #ddd;
border-radius: 5px;
width: 42px;
height: 30px;
}
.adNoticeAppend-button{
background-color: #007bff;
color: #fff;
padding: 12px 20px;
border: none;
border-radius: 5px;
font-size: 1.2em;
cursor: pointer;
width: 200px !important;
margin-right: 50px;
}
.adNoticeAppend-Append-meta-div-3{
width: 100%;
margin-left: 5%;
margin-top: 10px;
margin-bottom: 15px;
justify-content: center;
}
.adNoticeAppend-button:hover {
background-color: #5677fc; /* More lighter color */
}
/*adNoticeAppend 끝 */
/*adNoticeAppend 끝 */
/*adNoticeAppend 끝 */
}
/* pc */
/* pc */
/* pc */
@media screen and (min-width: 1025px) {
/* 전체 컨테이너 */
.adUserList-container {
width:85%;
margin:auto;
background-color: #f7f7f7;
padding: 20px;
border-radius: 10px;
margin-bottom:20px;
}
/* 제목 */
.adUserList-title {
font-size: 24px;
margin-bottom: 20px;
}
/* 전체 컨테이너 */
.adUserList-main {
display: flex;
align-items: center; /* 수직 가운데 정렬 */
gap: 10px; /* 항목 간 간격 설정 */
margin: 20px 0; /* 상하 마진 설정 */
}
/* 버튼 */
.adUserList-button {
background-color: #5677fc;
color: #fff;
padding: 12px 20px;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
}
.adUserList-button a {
font-size: 16px;
color: white;
text-decoration: none;
}
/* 각 항목(총회원수, 탈퇴) */
.adUserList-section {
display: flex;
align-items: center;
}
/* 항목의 왼쪽 부분(총회원수, 탈퇴) */
.adUserList-left {
background-color: #2150f3cc; /* 배경색 설정 */
padding: 10px; /* 패딩 설정 */
border-radius: 10px 0 0 10px;
margin-left:20px;
}
/* 텍스트 */
.adUserList-text {
margin: 0;
}
/* 항목의 오른쪽 부분(숫자) */
.adUserList-right {
background-color: #9e9e9eba; /* 배경색 설정 */
/* color: white; 글씨색 설정 */
padding: 10px; /* 패딩 설정 */
border-radius: 0 10px 10px 0; /* 모서리 둥글게 만들기 */
}
.adUserList-left p{
color : white;
}
.adUserList-right {
color : white;
}
/* 검색 폼 */
.adUserList-form {
margin-bottom: 20px;
}
/* 검색 */
.adUserList-search {
margin-bottom: 20px;
}
/* 검색 타입 */
.adUserList-searchType {
padding: 5px;
border-radius: 5px;
}
/* 검색 입력 필드 */
.adUserList-searchInput {
padding: 5px;
border-radius: 5px;
border: 1px solid #ccc;
}
/* 검색 버튼 */
.adUserList-searchButton {
background-color: #007bff;
color: #fff;
padding: 5px 10px;
border: none;
border-radius: 5px;
cursor: pointer;
}
/* 회원 리스트 */
.adUserList-list {
background-color: #fff;
border-radius: 10px;
padding: 20px;
}
/* 회원 리스트 헤더 */
.adUserList-listHeader {
display: grid;
grid-template-columns: 2.63% 8% 4.5% 13% 10% 18% 6% 5% 11% 3.5% 4%;
gap: 20px;
font-weight: bold;
align-items: center; /* 항목을 수평 가운데 정렬 */
background-color: #3f51b5; /* 배경색을 연한 청록색으로 설정 */
color: white;
height:50px;
text-align: center; /* 내용을 가운데 정렬 */
border-radius: 8px;
}
/* 회원 리스트 아이템 */
.adUserList-listItem {
display: grid;
grid-template-columns: 2.63% 8% 4.5% 13% 10% 18% 6% 5% 11% 3.5% 4%;
gap: 20px;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid #ccc;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.adUserList-listItem:nth-child(even) {
background-color: #f2f2f2; /* 짝수 번째 행의 배경색을 연한 회색으로 설정 */
}
.adUserList-listItem:nth-child(odd) {
background-color: #ffffff; /* 홀수 번째 행의 배경색을 흰색으로 설정 */
}
/* 회원 리스트 아이디 */
.adUserList-listItemNumber,
.adUserList-id,
.adUserList-name,
.adUserList-email,
.adUserList-phone,
.adUserList-addr1,
.adUserList-addr2,
.adUserList-socialKind,
.adUserList-rDate,
.adUserList-grade {
overflow: hidden; /* 너비를 초과하는 내용 숨기기 */
text-overflow: ellipsis; /* 너비를 초과하는 내용을 ...으로 표시 */
white-space: nowrap; /* 텍스트를 한 줄로 표시 */
text-align: center; /* 내용을 가운데 정렬 */
}
/* 수정 버튼 위치 조정 */
.adUserList-manage {
display: flex;
justify-content: center;
align-items: center;
}
/* 수정 버튼 */
.adUserList-editButton {
background-color: #3f51b5;
color: #fff;
padding: 5px 10px;
border: none;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
outline: none;
}
.adUserList-editButton a {
color: #fff;
text-decoration: none; /* 밑줄 제거 */
}
/* 페이지 번호 컨테이너 */
.adUserList-pagination {
display: flex;
align-items: center; /* 수평 정렬 */
justify-content: center;
margin: 20px 0;
}
/* 각 페이지 번호 */
.adUserList-pagination a, .adUserList-pagination button {
color: black;
padding: 10px 18px; /* 패딩을 조절하여 버튼 크기 늘리기 */
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd; /* 경계선 설정 */
}
/* 현재 선택된 페이지 번호 */
.adUserList-pagination button.shp {
background-color: #4CAF50;
color: white;
border: 1px solid #4CAF50;
font-size: 18px; /* 글씨 크기를 더 크게 설정 */
padding: 12px 20px; /* 패딩을 조절하여 선택된 버튼 크기 늘리기 */
margin: -5px 0; /* 위아래 마진을 조절하여 선택된 버튼을 높게 만들기 */
}
/* 페이지 번호에 마우스를 올렸을 때 */
.adUserList-pagination a:hover:not(.shp) {
background-color: #ddd;
}
/* 뒤로 버튼 */
.adUserList-backButtonContainer a {
background-color: #007bff;
color: #fff;
padding: 5px 10px;
border: none;
border-radius: 5px;
text-decoration: none;
cursor: pointer;
}
.adUserList-editButton:hover,
.adUserList-editButton:focus {
background-color: #5a75cc; /* 배경색을 조금 더 연한 색으로 변경 */
border: 1px solid #5a75cc; /* 테두리 추가 */
}
.adUserList-editButton:active {
background-color: transparent;
color: #007bff;
text-decoration: none;
outline: none;
}
/*adUserList 끝 */
/*adUserList 끝 */
/*adUserList 끝 */
/*adUserDetail */
/*adUserDetail */
/*adUserDetail */
.adUserDetail-main {
width: 60%;
margin: auto;
padding: 20px;
background-color: #f8f9fa;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.adUserDetail-main h1{
margin-bottom:30px;
}
.adUserDetail-section {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 20px;
margin-bottom: 20px;
}
.adUserDetail-section p {
font-weight: 600;
margin-right: 10px;
width: 70px;
text-align: center;
}
.adUserDetail-section input,
.adUserDetail-section select{
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
width: 85%;
}
.adUserDetail-section button:hover {
background-color: #0056b3;
}
.adUserDetail-section button.delete-button {
background-color: red;
}
.adUserDetail-section button.delete-button:hover {
background-color: darkred;
}
.address-section {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
.address-section p {
white-space: nowrap;
width:160px;
}
.adUserDetail-section input[type="submit"] {
background-color: #007bff;
color: white;
cursor: pointer;
border: none;
}
.adUserDetail-section input[type="submit"]:hover {
background-color: #0056b3;
}
.adUserDetail-section textarea {
margin-top:25px;
margin-bottom:20px;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
width: 85%;
}
/*adUserDetail 끝 */
/*adUserDetail 끝 */
/*adUserDetail 끝 */
/*adConsulList */
/*adConsulList */
/*adConsulList */
/* 전체 컨테이너 */
.adConsulList-container {
width: 85%;
margin: auto;
background-color: #f7f7f7;
padding: 20px;
border-radius: 10px;
margin-bottom: 20px;
}
/* 제목 */
.adConsulList-title {
font-size: 24px;
margin-bottom: 20px;
}
/* 전체 컨테이너 */
.adConsulList-main {
display: flex;
align-items: center;
gap: 10px;
margin: 20px 0;
}
/* 버튼 */
.adConsulList-button {
background-color: #5677fc;
color: #fff;
padding: 12px 20px;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
}
.adConsulList-button a {
font-size: 16px;
color: white;
text-decoration: none;
}
/* 각 항목(총문의 수) */
.adConsulList-section {
display: flex;
align-items: center;
}
/* 항목의 왼쪽 부분(총문의 수) */
.adConsulList-left {
background-color: #2150f3cc;
padding: 10px;
border-radius: 10px 0 0 10px;
margin-left:20px;
}
.adConsulList-right{
background-color: #9e9e9eba;
padding: 10px;
border-radius: 0 10px 10px 0; /* 모서리 둥글게 만들기 */
}
.adConsulList-left p{
color : white;
}
.adConsulList-right {
color : white;
}
/* 텍스트 */
.adConsulList-text {
margin: 0;
}
/* 검색 폼 */
.adConsulList-form {
margin-bottom: 20px;
}
/* 검색 */
.adConsulList-search {
margin-bottom: 20px;
}
/* 검색 타입 */
.adConsulList-searchType {
padding: 5px;
border-radius: 5px;
}
/* 검색 입력 필드 */
.adConsulList-searchInput {
padding: 5px;
border-radius: 5px;
border: 1px solid #ccc;
}
/* 검색 버튼 */
.adConsulList-searchButton {
background-color: #007bff;
color: #fff;
padding: 5px 10px;
border: none;
border-radius: 5px;
cursor: pointer;
}
/* 회원 리스트 */
.adConsulList-list {
background-color: #fff;
border-radius: 10px;
padding: 20px;
}
/* 회원 리스트 헤더 */
.adConsulList-listHeader {
display: grid;
grid-template-columns: 5% 6% 12% 40% 5% 15% 6% ;
gap: 20px;
font-weight: bold;
align-items: center;
background-color: #3f51b5;
color: white;
height: 50px;
text-align: center;
border-radius: 8px;
}
/* 회원 리스트 아이템 */
.adConsulList-listItem {
display: grid;
grid-template-columns: 5% 6% 12% 40% 5% 15% 6% ;
gap: 20px;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid #ccc;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
.adConsulList-listItem:nth-child(even) {
background-color: #f2f2f2;
}
.adConsulList-listItem:nth-child(odd) {
background-color: #ffffff;
}
/* 회원 리스트 아이디 */
.adConsulList-consultationId,
.adConsulList-name,
.adConsulList-contact,
.adConsulList-inquiry,
.adConsulList-privacyAgree,
.adConsulList-applicationTime,
.adConsulList-chk {
overflow: hidden; /* 너비를 초과하는 내용 숨기기 */
text-overflow: ellipsis; /* 너비를 초과하는 내용을 ...으로 표시 */
white-space: nowrap; /* 텍스트를 한 줄로 표시 */
text-align: center; /* 내용을 가운데 정렬 */
}
/* 수정 버튼 위치 조정 */
.adConsulList-manage {
display: flex;
justify-content: center;
align-items: center;
}
/* 수정 버튼 */
.adConsulList-editButton-checked {
background-color: #3f51b5;
color: #fff;
padding: 5px 10px;
border: none;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
outline: none;
}
.adConsulList-editButton-checked a {
color: #fff;
text-decoration: none;
}
.adConsulList-editButton-unchecked{
background-color: red;
color: #fff;
padding: 5px 10px;
border: none;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
outline: none;
}
.adConsulList-editButton-unchecked a {
color: #fff;
text-decoration: none;
}
/* 페이지 번호 컨테이너 */
.adConsulList-pagination {
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
}
/* 각 페이지 번호 */
.adConsulList-pagination a,
.adConsulList-pagination button {
color: black;
padding: 10px 18px;
text-decoration: none;
transition: background-color 0.3s;
border: 1px solid #ddd;
}
/* 현재 선택된 페이지 번호 */
.adConsulList-pagination button.shp {
background-color: #4caf50;
color: white;
border: 1px solid #4caf50;
font-size: 18px;
padding: 12px 20px;
margin: -5px 0;
}
/* 페이지 번호에 마우스를 올렸을 때 */
.adConsulList-pagination a:hover:not(.shp) {
background-color: #ddd;
}
/* 뒤로 버튼 컨테이너 */
.adConsulList-backButtonContainer {
display: flex;
justify-content: center;
margin-top: 20px;
}
/* 뒤로 버튼 */
.adConsulList-backButtonContainer a {
background-color: #007bff;
color: #fff;
padding: 5px 10px;
border: none;
border-radius: 5px;
text-decoration: none;
cursor: pointer;
}
.adConsulList-editButton-checked:hover {
background-color: #5677fc; /* More lighter color */
}
.adConsulList-editButton-unchecked:hover {
background-color: #ff5252; /* More lighter color */
}
/*adConsulList 끝 */
/*adConsulList 끝 */
/*adConsulList 끝 */
/* adConsulDetail */
/* adConsulDetail */
/* adConsulDetail */
.adConsulDetail-main {
width: 60%;
margin: auto;
padding: 20px;
background-color: #f8f9fa;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.adConsulDetail-main h1{
margin-bottom:30px;
}
.adConsulDetail-section {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 20px;
margin-bottom: 20px;
}
.adConsulDetail-section p {
font-weight: 600;
margin-right: 10px;
width: 70px;
}
.adConsulDetail-section input,
.adConsulDetail-section select{
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
width: 85%;
}
.adConsulDetail-section-time{
text-align: center;
}
.adConsulDetail-section-time-pp{
width: 20px!important;
margin-right: 0px!important;
}
.adConsulDetail-section-time-p{
width: 80px!important;
text-align: left;
margin-right: 0px!important;
}
.adConsulDetail-section-time input{
width: 100px!important;
text-align: center;
}
.adConsulDetail-section button:hover {
background-color: #0056b3;
}
.adConsulDetail-section button.delete-button {
background-color: red;
}
.adConsulDetail-section button.delete-button:hover {
background-color: darkred;
}
.address-section {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
justify-content: flex-start;
}
.address-section p {
white-space: nowrap;
width:160px;
}
.adConsulDetail-section input[type="submit"] {
background-color: #007bff;
color: white;
cursor: pointer;
border: none;
}
.adConsulDetail-section input[type="submit"]:hover {
background-color: #0056b3;
}
.adConsulDetail-section textarea {
margin-top:25px;
margin-bottom:20px;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
width: 85%;
height: 250px;
}
.status-button {
width:150px;
display: inline-block;
padding: 10px 20px;
background-color: gray;
color: white;
cursor: pointer;
transition: background-color 0.3s;
text-align: center; /* 내용을 가운데 정렬 */
border-radius:5px;
}
#chk-confirmed:checked + .status-button {
background-color: #3f51b5;
}
#chk-confirmed:checked + .status-button:hover {
background-color: #5677fc;
}
#chk-unconfirmed:checked + .status-button {
background-color: red;
}
#chk-unconfirmed:checked + .status-button:hover {
background-color: #ff5252;
}
.adConsulDetail-delete-button,
.adUserDetail-delete-button{
background-color: red;
color: white;
cursor: pointer;
border: none;
width:50%;
padding: 10px;
border-radius: 5px;
}
.adConsulDetail-submit-button,
.adUserDetail-submit-button{
color: white;
cursor: pointer;
border: none;
width:50% !important;
padding: 10px;
border-radius: 5px;
}
#addressSch{
margin-right: 30%;
width: 30%;
background-color: #007bff;
padding :10px 0 !important;
color: white;
}
/* adConsulDetail 끝 */
/* adConsulDetail 끝 */
/* adConsulDetail 끝 */
/*adNoticeList*/
/*adConsulList */
/*adConsulList */
/*adConsulList */
/* 전체 컨테이너 */
.adNoticeList-container {
width: 85%;
margin: auto;
background-color: #f7f7f7;
padding: 20px;
border-radius: 10px;
margin-bottom: 20px;
}
/* 제목 */
.adNoticeList-title {
font-size: 24px;
margin-bottom: 20px;
}
/* 전체 컨테이너 */
.adNoticeList-main {
display: flex;
align-items: center;
gap: 10px;
margin: 20px 0;
}
/* 버튼 */
.adNoticeList-button {
background-color: #5677fc;
color: #fff;
padding: 12px 20px;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
}
.adNoticeList-button:hover {
background-color: #789aff;
}
.adNoticeList-button a {
font-size: 16px;
color: white;
text-decoration: none;
}
/* 버튼 */
.adNoticeList-appendNotice-button {
background-color: #03C75A;
color: #fff;
padding: 12px 30px;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
margin-left: 25px;
}
.adNoticeList-appendNotice-button:hover {
background-color: #04da7b;
}
.adNoticeList-appendNotice-button a {
font-size: 16px;
color: white;
text-decoration: none;
}
/* 각 항목(총문의 수) */
.adNoticeList-section {
display: flex;
align-items: center;
}
/* 항목의 왼쪽 부분(총문의 수) */
.adNoticeList-left {
background-color: #2150f3cc;
padding: 10px;
border-radius: 10px 0 0 10px;
margin-left:20px;
}
.adNoticeList-right{
background-color: #9e9e9eba;
padding: 10px;
border-radius: 0 10px 10px 0; /* 모서리 둥글게 만들기 */
}
.adNoticeList-left p{
color : white;
}
.adNoticeList-right {
color : white;
}
/* 텍스트 */
.adNoticeList-text {
margin: 0;
}
/* 검색 폼 */
.adNoticeList-form {
margin-bottom: 20px;
}
/* 검색 */
.adNoticeList-search {
margin-bottom: 20px;
}
/* 검색 타입 */
.adNoticeList-searchType {
padding: 5px;
border-radius: 5px;
}
/* 검색 입력 필드 */
.adNoticeList-searchInput {
padding: 5px;
border-radius: 5px;
border: 1px solid #ccc;
}
/* 검색 버튼 */
.adNoticeList-searchButton {
background-color: #007bff;
color: #fff;
padding: 5px 10px;
border: none;
border-radius: 5px;
cursor: pointer;
}
/* 회원 리스트 */
.adNoticeList-list {
background-color: #fff;
border-radius: 10px;
padding: 20px;
}
/* 회원 리스트 헤더 */
.adNoticeList-listHeader {
display: grid;
grid-template-columns: 5% 45% 15% 15% 10%;
gap: 20px;
font-weight: bold;
align-items: center;
background-color: #3f51b5;
color: white;
height: 50px;
text-align: center;
border-radius: 8px;
}
/* 회원 리스트 아이템 */
.adNoticeList-listItem {
display: grid;
grid-template-columns: 5% 45% 15% 15% 10% ;
gap: 20px;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid #ccc;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
.adNoticeList-listItem:nth-child(even) {
background-color: #f2f2f2;
}
.adNoticeList-listItem:nth-child(odd) {
background-color: #ffffff;
}
/* 회원 리스트 아이디 */
.adNoticeList-number,
.adNoticeList-title-title,
.adNoticeList-author,
.adNoticeList-reg_date{
overflow: hidden; /* 너비를 초과하는 내용 숨기기 */
text-overflow: ellipsis; /* 너비를 초과하는 내용을 ...으로 표시 */
white-space: nowrap; /* 텍스트를 한 줄로 표시 */
text-align: center; /* 내용을 가운데 정렬 */
}
/* 수정 버튼 위치 조정 */
.adNoticeList-manage {
display: flex;
justify-content: center;
align-items: center;
}
/* 수정 버튼 */
.adNoticeList-editButton {
background-color: #3f51b5;
color: #fff;
padding: 5px 10px;
border: none;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
outline: none;
}
.adNoticeList-editButton a {
color: #fff;
text-decoration: none;
}
.adNoticeList-editButton-unchecked a {
color: #fff;
text-decoration: none;
}
/* 페이지 번호 컨테이너 */
.adNoticeList-pagination {
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
}
/* 각 페이지 번호 */
.adNoticeList-pagination a,
.adNoticeList-pagination button {
color: black;
padding: 10px 18px;
text-decoration: none;
transition: background-color 0.3s;
border: 1px solid #ddd;
}
/* 현재 선택된 페이지 번호 */
.adNoticeList-pagination button.shp {
background-color: #4caf50;
color: white;
border: 1px solid #4caf50;
font-size: 18px;
padding: 12px 20px;
margin: -5px 0;
}
/* 페이지 번호에 마우스를 올렸을 때 */
.adNoticeList-pagination a:hover:not(.shp) {
background-color: #ddd;
}
/* 뒤로 버튼 컨테이너 */
.adNoticeList-backButtonContainer {
display: flex;
justify-content: center;
margin-top: 20px;
}
/* 뒤로 버튼 */
.adNoticeList-backButtonContainer a {
background-color: #007bff;
color: #fff;
padding: 5px 10px;
border: none;
border-radius: 5px;
text-decoration: none;
cursor: pointer;
}
.adNoticeList-editButton:hover {
background-color: #5677fc; /* More lighter color */
}
.adimportant {
font-size: 1.2em; /* 기본 글자 크기의 120% */
font-weight: bold;
}
/*adNoticeList 끝 */
/*adNoticeList 끝 */
/*adNoticeList 끝 */
.notice-detail {
max-width: 1000px;
height: 600px;
margin: 0 auto;
padding: 2em;
/*background: #E0E5EC;*/
border-radius: 15px;
}
/*adNoticeDetail */
/*adNoticeDetail */
/*adNoticeDetail */
.adNoticedetail-container{
width: 60%;
margin: auto;
padding: 20px;
background-color: #f8f9fa;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.adNoticedetail-container h1{
margin-bottom:30px;
text-align: center;
}
.adNoticedetail-detail-meta {
}
.adNoticedetail-detail-meta p {
font-size: 1.3em;
font-weight: 600;
margin-right: 10px;
width: 70px;
margin-bottom: 20px;
}
.adNoticedetail-detail-meta input{
font-size: 1.2em;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
width: 85%;
}
.adNoticedetail-detail-meta-div{
width: 100%;
display: flex;
margin-top: 20px;
margin-bottom: 15px;
align-items: baseline;
}
#adNoticedetail-content{
margin-left: 87px;
width: 84%;
height: 500px;
border: 1px solid black;
border-radius: 10px;
padding: 10px;
margin-bottom: 30px;
font-size: 1.2em;
letter-spacing: 2px;
line-height: 1.8;
}
.adNoticedetail-detail-meta-div-2{
width: 100%;
display: flex;
margin-top: 20px;
margin-bottom: 15px;
}
.adNoticedetail-detail-meta-div-2 input{
padding: 5px;
border: 1px solid #ddd;
border-radius: 5px;
width: 42px;
height: 30px;
}
.adNoticedetail-modify-button{
background-color: #007bff;
color: #fff;
padding: 12px 20px;
border: none;
border-radius: 5px;
font-size: 1.2em;
cursor: pointer;
width: 200px !important;
margin-right: 50px;
}
.adNoticedetail-detail-meta-div-3{
width: 100%;
display: flex;
margin-top: 20px;
margin-bottom: 15px;
justify-content: center;
}
.adNoticedetail-delete-button{
background-color: red;
color: white;
padding: 12px 20px;
border: none;
border-radius: 5px;
font-size: 1.2em;
cursor: pointer;
width:200px !important;
}
.adNoticedetail-modify-button:hover {
background-color: #5677fc; /* More lighter color */
}
.adNoticedetail-delete-button:hover {
background-color: #ff5252;
}
/*adNoticeDetail 끝 */
/*adNoticeDetail 끝 */
/*adNoticeDetail 끝 */
/*adNoticeAppend*/
/*adNoticeAppend*/
/*adNoticeAppend*/
.adNoticeAppend-container{
width: 60%;
margin: auto;
padding: 20px;
background-color: #f8f9fa;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.adNoticeAppend-container h1{
margin-bottom:30px;
}
.adNoticeAppend-Append-meta {
}
.adNoticeAppend-Append-meta p {
font-size: 1.3em;
font-weight: 600;
margin-right: 10px;
width: 70px;
margin-bottom: 20px;
}
.adNoticeAppend-Append-meta input{
font-size: 1.2em;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
width: 85%;
}
.adNoticeAppend-Append-meta-div{
width: 100%;
display: flex;
margin-top: 20px;
margin-bottom: 15px;
align-items: baseline;
}
#adNoticeAppend-content{
margin-left: 87px;
width: 84%;
height: 500px;
border: 1px solid black;
border-radius: 10px;
padding: 10px;
margin-bottom: 30px;
font-size: 1.2em;
letter-spacing: 2px;
line-height: 1.8;
}
.adNoticeAppend-Append-meta-div-2{
width: 100%;
display: flex;
margin-top: 20px;
margin-bottom: 15px;
}
.adNoticeAppend-Append-meta-div-2 input{
padding: 5px;
border: 1px solid #ddd;
border-radius: 5px;
width: 42px;
height: 30px;
}
.adNoticeAppend-button{
background-color: #007bff;
color: #fff;
padding: 12px 20px;
border: none;
border-radius: 5px;
font-size: 1.2em;
cursor: pointer;
width: 200px !important;
margin-right: 50px;
}
.adNoticeAppend-Append-meta-div-3{
width: 100%;
display: flex;
margin-top: 20px;
margin-bottom: 15px;
justify-content: center;
}
.adNoticeAppend-button:hover {
background-color: #5677fc; /* More lighter color */
}
/*adNoticeAppend 끝 */
/*adNoticeAppend 끝 */
/*adNoticeAppend 끝 */
}