/********** visit.php **********/
#visit_form {width: 100%; max-width: 1300px; padding: 0 10px; text-align: center; margin: 0 auto; font-family: 'Noto Sans KR', sans-serif;}
#visit_form p {font-size: 18px; font-weight: 600; margin-top: 75px; transform: rotate(-0.03deg);}
#visit_form p span {margin-right: 15px;}
#visit_form table {margin: 40px 0 50px 0; width: 100%; border-top: 1px solid #111; font-size: 18px; font-weight: 600; table-layout: fixed; transform: rotate(-0.03deg);}
#visit_form table tr {border-bottom: 1px solid #ddd;}
#visit_form table td {padding: 20px;}
#visit_form table .form_title {width: 25%; background-color: #eee; padding: 20px;}
#visit_form table .form_write {width: 75%; text-align: left; font-size: 18px;}
#visit_form table textarea {border: 0; outline: 0; resize: none; font-family: 'Noto Sans KR', sans-serif; width: 100%;}
#visit_form input {border: 0; outline: 0; width: 100%; font-family: 'Noto Sans KR', sans-serif; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
#visit_form input.capchar {display: inline-block; width: 210px; margin-left: 20px; padding: 10px 0; border-bottom: 1px solid #ddd;}
#visit_form input.capchar::placeholder {margin-left: 20px;}
#visit_form .submit_btn {padding: 13px 75px 15px 75px; color: #fff; background-color: #111; font-size: 18px; font-weight: bold; max-width: 180px; max-height: 50px; cursor: pointer;text-overflow: clip; transform: rotate(-0.03deg);}
#visit_list {width: 100%; max-width: 1300px; padding: 0 10px; text-align: center; margin: 150px auto 0 auto; font-family: 'Noto Sans KR', sans-serif; }
#visit_list table {border-top: 1px solid #111; border-bottom: 1px solid #111; margin: 0 auto; width: 100%; font-weight: 600; font-size: 18px; table-layout: fixed;}
#visit_list table tr {border-bottom: 1px dashed #ccc;}
#visit_list table td {padding: 30px 40px;}
#visit_list table td.list_name {width: 15%; padding: 30px 10px 30px 30px;}
#visit_list table td.list_name p {width: fit-content; position: relative; padding: 0 4px; margin: 0 auto; display: table;}
#visit_list table td.list_name p::before {content: ""; display: block; width: 100%; height: 13px;
  background-color: #E9FE95; position: absolute; top: 12px; left: 0; z-index: -1;}
#visit_list table td.list_txt {text-align: left;}
#visit_list table td .list_date {font-size: 15px; color: #646464; font-weight: normal;}
#visit_list table td.list_del {text-align: right; cursor: pointer; width: 26%; color: #646464; font-size: 15px; padding: 30px 40px 30px 10px;}
#visit_list table td.list_del span {margin-right: 10px;}
#visit_list table td.list_del .del_btn {display: none; justify-content: flex-end; align-items: center;margin-top: 10px;}
#visit_list table td.list_del input {max-width: 140px; padding: 10px 10px; border: 1px solid #ccc; outline: 0;}
#visit_list table td.list_del input::placeholder {font-size: 12px; color: #ddd;}
#visit_list table td.list_del .del_btn .del_ok_btn {background-color: #eee; padding: 10px 20px; margin-right: 0; width: max-content; font-size: 13px; cursor: pointer; border: 0; outline: 0;}
#popup {width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; display: none;}
#popup > div {width: 90%; max-width: 350px; height: 100%; max-height: 200px; background-color: #fff; color: #111; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #111; font-weight: bold;}
#popup .x_btn {position: absolute; top: 10px; right: 10px; font-size: 24px; border: 0; outline: 0; color: #111; background-color: transparent; font-weight: bold; cursor: pointer; padding: 10px;}
#popup .pop_ok {padding: 10px 20px; background-color: #eee; color: #111; border: 0; outline: 0; font-weight: bold; margin-top: 15px; cursor: pointer;}


@media screen and (max-width: 768px) {
  #visit_form p {margin-top: 30px; font-size: 12px;}
  #visit_list {margin: 70px auto 0 auto;}
  #visit_form table {margin: 20px 0 30px 0;}
  #visit_list table {font-size: 13px;}
  #visit_list table td.list_name {width: 22%; padding: 10px 5px; font-size: 12px;}
  #visit_list table td .list_date {font-size: 10px; margin-top: 0;}
  #visit_list table td.list_del {width: 35%; font-size: 10px; padding: 5px 7px 5px 0;}
  #visit_list table td.list_del span {margin-right: 3px;}
  #visit_list table td.list_txt {padding: 20px 5px;}
  #visit_list table td.list_name p::before {height: 8px; top: 11px;}
  #visit_list table td.list_del .del_btn .del_ok_btn {font-size: 11px; padding: 5px 10px;}
  #visit_list table td.list_del input {padding: 5px 10px; width: 70px;}
  #visit_list table td.list_del input::placeholder {font-size: 9px;}
  #visit_form table .form_title {width: 33%; font-size: 12px; padding: 10px 8px;}
  #visit_form table textarea::placeholder {word-break: break-all;}
  #visit_form .submit_btn {font-size: 14px; max-width: 80px; padding: 10px 20px;}
  #visit_form input.capchar {margin-left: 0; margin-top: 10px;}
  #visit_form table .form_write i {padding-top: 10px; float: right;}
}

@media screen and (max-width: 400px) {
  #visit_list table td.list_name {width: 20%;}
}