@charset "UTF-8";
/***************************************************************
scss 에서 수정해주세요!!!
****************************************************************/
.svg-icon {
  transition: all 0.2s;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
}
.svg-icon.icon-client {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23444' d='M19.554 12.432v.666a.67.67 0 0 1-.534.667l-.826.167a6.2 6.2 0 0 1-.787 1.873l.473.707a.67.67 0 0 1-.08.82l-.913.913a.666.666 0 0 1-.84.08l-.713-.48a6.2 6.2 0 0 1-1.867.82l-.133.793a.67.67 0 0 1-.667.534h-1.333a.67.67 0 0 1-.667-.534l-.133-.793a6.2 6.2 0 0 1-1.867-.82l-.707.473a.67.67 0 0 1-.84-.08l-.92-.906a.67.67 0 0 1-.08-.84l.474-.707a6.2 6.2 0 0 1-.787-1.873l-.827-.167a.666.666 0 0 1-.533-.667v-.666H8.82a3.18 3.18 0 0 0 6.36 0zM15.447 6.538a1.546 1.546 0 1 0 3.093 0 1.546 1.546 0 0 0-3.093 0M5.467 6.538a1.547 1.547 0 1 0 3.093 0 1.547 1.547 0 0 0-3.093 0M8.533 9.865a3.3 3.3 0 0 0-.766-.36A3.28 3.28 0 0 0 4 11.092h3.82q.297-.648.713-1.227M16.12 11.112H20a3.28 3.28 0 0 0-3.773-1.6 3.3 3.3 0 0 0-.78.366q.393.586.673 1.234M15.38 11.112A3.83 3.83 0 0 0 12 8.665a3.84 3.84 0 0 0-3.414 2.453zM9.994 5.938a1.94 1.94 0 1 0 3.879 0 1.94 1.94 0 0 0-3.88 0'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-calendar {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath d='M1.66699 9.99992C1.66699 6.85722 1.66699 5.28588 2.6433 4.30956C3.61962 3.33325 5.19096 3.33325 8.33366 3.33325H11.667C14.8097 3.33325 16.3811 3.33325 17.3573 4.30956C18.3337 5.28588 18.3337 6.85722 18.3337 9.99992V11.6666C18.3337 14.8093 18.3337 16.3807 17.3573 17.3569C16.3811 18.3333 14.8097 18.3333 11.667 18.3333H8.33366C5.19096 18.3333 3.61962 18.3333 2.6433 17.3569C1.66699 16.3807 1.66699 14.8093 1.66699 11.6666V9.99992Z' stroke='%23444' stroke-width='1.5'/%3E%3Cpath d='M5.83301 3.33325V2.08325' stroke='%23444' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M14.167 3.33325V2.08325' stroke='%23444' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M2.08301 7.5H17.9163' stroke='%23444' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M14.9997 14.1666C14.9997 14.6268 14.6266 14.9999 14.1663 14.9999C13.7061 14.9999 13.333 14.6268 13.333 14.1666C13.333 13.7063 13.7061 13.3333 14.1663 13.3333C14.6266 13.3333 14.9997 13.7063 14.9997 14.1666Z' fill='%23444'/%3E%3Cpath d='M14.9997 10.8333C14.9997 11.2936 14.6266 11.6667 14.1663 11.6667C13.7061 11.6667 13.333 11.2936 13.333 10.8333C13.333 10.3731 13.7061 10 14.1663 10C14.6266 10 14.9997 10.3731 14.9997 10.8333Z' fill='%23444'/%3E%3Cpath d='M10.8337 14.1666C10.8337 14.6268 10.4606 14.9999 10.0003 14.9999C9.54008 14.9999 9.16699 14.6268 9.16699 14.1666C9.16699 13.7063 9.54008 13.3333 10.0003 13.3333C10.4606 13.3333 10.8337 13.7063 10.8337 14.1666Z' fill='%23444'/%3E%3Cpath d='M10.8337 10.8333C10.8337 11.2936 10.4606 11.6667 10.0003 11.6667C9.54008 11.6667 9.16699 11.2936 9.16699 10.8333C9.16699 10.3731 9.54008 10 10.0003 10C10.4606 10 10.8337 10.3731 10.8337 10.8333Z' fill='%23444'/%3E%3Cpath d='M6.66667 14.1666C6.66667 14.6268 6.29357 14.9999 5.83333 14.9999C5.3731 14.9999 5 14.6268 5 14.1666C5 13.7063 5.3731 13.3333 5.83333 13.3333C6.29357 13.3333 6.66667 13.7063 6.66667 14.1666Z' fill='%23444'/%3E%3Cpath d='M6.66667 10.8333C6.66667 11.2936 6.29357 11.6667 5.83333 11.6667C5.3731 11.6667 5 11.2936 5 10.8333C5 10.3731 5.3731 10 5.83333 10C6.29357 10 6.66667 10.3731 6.66667 10.8333Z' fill='%23444'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-edit {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath d='M4.58413 16.22C4.3445 16.277 4.13625 16.2171 3.95938 16.0403C3.78251 15.8634 3.72261 15.6551 3.77966 15.4155L4.39585 12.5228L7.47678 15.6038L4.58413 16.22ZM8.36683 15.0218L4.97781 11.6328L12.5603 4.05026C12.7543 3.85627 12.994 3.75928 13.2792 3.75928C13.5645 3.75928 13.8041 3.85627 13.9981 4.05026L15.9494 6.00151C16.1434 6.19551 16.2403 6.43514 16.2403 6.7204C16.2403 7.00566 16.1434 7.24529 15.9494 7.43929L8.36683 15.0218Z' fill='%23444'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-arrow {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M4 12H20M20 12L14 6M20 12L14 18' stroke='%23444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-arrow2 {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath d='M5.33366 3.33398L10.667 8.33398L5.33366 13.334' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-bar {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M3 12H21M3 6H21M3 18H21' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-close {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M6.06055 18L18.0001 6' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.9395 18L5.9999 6' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-chk {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath d='M1.66699 10.0003C1.66699 6.07195 1.66699 4.10777 2.88738 2.88738C4.10777 1.66699 6.07195 1.66699 10.0003 1.66699C13.9287 1.66699 15.8929 1.66699 17.1132 2.88738C18.3337 4.10777 18.3337 6.07195 18.3337 10.0003C18.3337 13.9287 18.3337 15.8929 17.1132 17.1132C15.8929 18.3337 13.9287 18.3337 10.0003 18.3337C6.07195 18.3337 4.10777 18.3337 2.88738 17.1132C1.66699 15.8929 1.66699 13.9287 1.66699 10.0003Z' stroke='%23444' stroke-width='1.5'/%3E%3Cpath d='M7.08301 10.417L8.74967 12.0837L12.9163 7.91699' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-plus {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 13.333V2.667M13.333 8H2.666'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-img {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M12.5374 21.1427H2.42663C2.07019 21.1427 1.78125 20.8538 1.78125 20.4973V2.42711C1.78125 2.07068 2.07019 1.78174 2.42663 1.78174H20.4968C20.8533 1.78174 21.1422 2.07068 21.1422 2.42711V12.5379' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.78125 15.7649L9.3105 12.5381L15.2263 15.227' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.7645 9.31077C14.5764 9.31077 13.6133 8.34768 13.6133 7.15958C13.6133 5.97149 14.5764 5.0083 15.7645 5.0083C16.9526 5.0083 17.9157 5.97149 17.9157 7.15958C17.9157 8.34768 16.9526 9.31077 15.7645 9.31077Z' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.7646 18.9915H18.9915M18.9915 18.9915H22.2183M18.9915 18.9915V15.7646M18.9915 18.9915V22.2183' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-send {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M18.6357 15.6701L20.3521 10.5208C21.8516 6.02242 22.6013 3.77322 21.414 2.58595C20.2268 1.39869 17.9776 2.14842 13.4792 3.64788L8.32987 5.36432C4.69923 6.57453 2.88392 7.17964 2.36806 8.06698C1.87731 8.91112 1.87731 9.95369 2.36806 10.7978C2.88392 11.6852 4.69923 12.2903 8.32987 13.5005C8.91282 13.6948 9.2043 13.792 9.44793 13.9551C9.68404 14.1131 9.88687 14.316 10.0449 14.5521C10.208 14.7957 10.3052 15.0872 10.4995 15.6701C11.7097 19.3008 12.3148 21.1161 13.2022 21.6319C14.0463 22.1227 15.0889 22.1227 15.933 21.6319C16.8204 21.1161 17.4255 19.3008 18.6357 15.6701Z' stroke='%23444' stroke-width='1.5'/%3E%3Cpath d='M15.5029 8.84326L10.665 13.6284L10.3135 13.2729L15.1514 8.48779L15.5029 8.84326Z' fill='%23444' stroke='%23444'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-home2 {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23222' stroke-width='1.5' d='M3.871 12.56c0-1.948 0-2.923.442-3.73.442-.808 1.25-1.31 2.866-2.312L8.882 5.46c1.708-1.06 2.562-1.59 3.505-1.59s1.798.53 3.505 1.59l1.704 1.057C19.21 7.52 20.019 8.022 20.46 8.83s.442 1.782.442 3.73v1.296c0 3.322 0 4.983-.997 6.015-.998 1.032-2.604 1.032-5.816 1.032h-3.406c-3.212 0-4.817 0-5.815-1.032s-.998-2.693-.998-6.015z'/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-width='1.5' d='M14.943 17.497h-5.11'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-edit.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath d='M4.58413 16.22C4.3445 16.277 4.13625 16.2171 3.95938 16.0403C3.78251 15.8634 3.72261 15.6551 3.77966 15.4155L4.39585 12.5228L7.47678 15.6038L4.58413 16.22ZM8.36683 15.0218L4.97781 11.6328L12.5603 4.05026C12.7543 3.85627 12.994 3.75928 13.2792 3.75928C13.5645 3.75928 13.8041 3.85627 13.9981 4.05026L15.9494 6.00151C16.1434 6.19551 16.2403 6.43514 16.2403 6.7204C16.2403 7.00566 16.1434 7.24529 15.9494 7.43929L8.36683 15.0218Z' fill='%23fff'/%3E%3C/svg%3E");
}
.svg-icon.icon-img.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M12.5374 21.1427H2.42663C2.07019 21.1427 1.78125 20.8538 1.78125 20.4973V2.42711C1.78125 2.07068 2.07019 1.78174 2.42663 1.78174H20.4968C20.8533 1.78174 21.1422 2.07068 21.1422 2.42711V12.5379' stroke='%23AAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.78125 15.7649L9.3105 12.5381L15.2263 15.227' stroke='%23AAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.7645 9.31077C14.5764 9.31077 13.6133 8.34768 13.6133 7.15958C13.6133 5.97149 14.5764 5.0083 15.7645 5.0083C16.9526 5.0083 17.9157 5.97149 17.9157 7.15958C17.9157 8.34768 16.9526 9.31077 15.7645 9.31077Z' stroke='%23AAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.7646 18.9915H18.9915M18.9915 18.9915H22.2183M18.9915 18.9915V15.7646M18.9915 18.9915V22.2183' stroke='%23AAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.svg-icon.icon-send.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M18.6357 15.6701L20.3521 10.5208C21.8516 6.02242 22.6013 3.77322 21.414 2.58595C20.2268 1.39869 17.9776 2.14842 13.4792 3.64788L8.32987 5.36432C4.69923 6.57453 2.88392 7.17964 2.36806 8.06698C1.87731 8.91112 1.87731 9.95369 2.36806 10.7978C2.88392 11.6852 4.69923 12.2903 8.32987 13.5005C8.91282 13.6948 9.2043 13.792 9.44793 13.9551C9.68404 14.1131 9.88687 14.316 10.0449 14.5521C10.208 14.7957 10.3052 15.0872 10.4995 15.6701C11.7097 19.3008 12.3148 21.1161 13.2022 21.6319C14.0463 22.1227 15.0889 22.1227 15.933 21.6319C16.8204 21.1161 17.4255 19.3008 18.6357 15.6701Z' stroke='%23AAA' stroke-width='1.5'/%3E%3Cpath d='M15.5029 8.84326L10.665 13.6284L10.3135 13.2729L15.1514 8.48779L15.5029 8.84326Z' fill='%23AAA' stroke='%23AAA'/%3E%3C/svg%3E");
}
.svg-icon.icon-edit.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath d='M4.58413 16.22C4.3445 16.277 4.13625 16.2171 3.95938 16.0403C3.78251 15.8634 3.72261 15.6551 3.77966 15.4155L4.39585 12.5228L7.47678 15.6038L4.58413 16.22ZM8.36683 15.0218L4.97781 11.6328L12.5603 4.05026C12.7543 3.85627 12.994 3.75928 13.2792 3.75928C13.5645 3.75928 13.8041 3.85627 13.9981 4.05026L15.9494 6.00151C16.1434 6.19551 16.2403 6.43514 16.2403 6.7204C16.2403 7.00566 16.1434 7.24529 15.9494 7.43929L8.36683 15.0218Z' fill='%234294f2'/%3E%3C/svg%3E");
}
.svg-icon.icon-client.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23058375' d='M19.554 12.432v.666a.67.67 0 0 1-.534.667l-.826.167a6.2 6.2 0 0 1-.787 1.873l.473.707a.67.67 0 0 1-.08.82l-.913.913a.666.666 0 0 1-.84.08l-.713-.48a6.2 6.2 0 0 1-1.867.82l-.133.793a.67.67 0 0 1-.667.534h-1.333a.67.67 0 0 1-.667-.534l-.133-.793a6.2 6.2 0 0 1-1.867-.82l-.707.473a.67.67 0 0 1-.84-.08l-.92-.906a.67.67 0 0 1-.08-.84l.474-.707a6.2 6.2 0 0 1-.787-1.873l-.827-.167a.666.666 0 0 1-.533-.667v-.666H8.82a3.18 3.18 0 0 0 6.36 0zM15.447 6.538a1.546 1.546 0 1 0 3.093 0 1.546 1.546 0 0 0-3.093 0M5.467 6.538a1.547 1.547 0 1 0 3.093 0 1.547 1.547 0 0 0-3.093 0M8.533 9.865a3.3 3.3 0 0 0-.766-.36A3.28 3.28 0 0 0 4 11.092h3.82q.297-.648.713-1.227M16.12 11.112H20a3.28 3.28 0 0 0-3.773-1.6 3.3 3.3 0 0 0-.78.366q.393.586.673 1.234M15.38 11.112A3.83 3.83 0 0 0 12 8.665a3.84 3.84 0 0 0-3.414 2.453zM9.994 5.938a1.94 1.94 0 1 0 3.879 0 1.94 1.94 0 0 0-3.88 0'/%3E%3C/svg%3E");
}

.u-color-point {
  color: #4294f2 !important;
}

.u-color-red {
  color: #f6171c !important;
}

.u-bold {
  font-weight: 600;
}

.u-underline {
  text-decoration: underline;
}

.u-extend {
  flex: 1;
}

.u-no-wrap {
  white-space: nowrap;
}

.u-ml-auto {
  margin-left: auto !important;
}

.u-mt-auto {
  margin-top: auto;
}

.u-mt-0 {
  margin-top: 0 !important;
}

.u-mt-5 {
  margin-top: 5px;
}

.u-mt-10 {
  margin-top: 10px;
}

.u-mt-20 {
  margin-top: 20px;
}

.u-mb-0 {
  margin-bottom: 0 !important;
}

.u-mb-20 {
  margin-bottom: 20px !important;
}

.u-pt-0 {
  padding-top: 0 !important;
}

.u-pd-0 {
  padding-bottom: 0 !important;
}

.u-w-50 {
  width: 50px !important;
}

.u-text-center {
  text-align: center !important;
  justify-content: center;
}

.u-text-right {
  text-align: right !important;
}

.u-text-left {
  text-align: left !important;
}

.u-justify-center {
  justify-content: center;
}

/************************
레이아웃
*************************/
.layout--center-v {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  min-height: calc(var(--vh, 1vh) * 100);
  justify-content: center;
}

.layout--full-h {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  min-height: calc(var(--vh, 1vh) * 100);
}
.layout--full-h#sub_wrap {
  min-height: calc(var(--vh, 1vh) * 100 - 60px);
  padding-top: 0;
}

.layout--before {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  min-height: calc(var(--vh, 1vh) * 100 - 87px);
  margin-top: 10px;
}

.layout--record {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex: 1;
}

.center_wrap {
  padding-inline: 17px;
}

.bg--top-oval {
  border-radius: 30px 30px 0 0;
  background: #f3f4f7;
  padding-block: 20px 25px;
  padding-inline: 17px;
}
.bg--top-oval#sub_wrap {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.bg--top-oval.has-bottom-menu, .bg--top-oval#sub_wrap.has-bottom-menu {
  padding-bottom: 84px !important;
}
.bg--top-oval.type-extend {
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}

#head {
  background-color: #fff;
  min-height: 60px;
  position: fixed !important;
}
#head .btn_prev img {
  width: 18px;
}
#head .pg_tit {
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  text-align: left;
  padding-left: 0;
  left: auto;
  top: auto;
  position: relative;
  margin-top: 0;
  letter-spacing: -0.03em;
}
#head .center_wrap {
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  gap: 5px;
}
#head + .center_wrap {
  padding-top: 0;
}
#head .link_area .menu {
  width: 24px;
  height: 24px;
}
#head .btn_bar {
  margin-left: auto;
}
#head .btn_bar img {
  width: 24px;
}
#head .head__icon {
  width: 30px;
}

#gnb {
  left: auto;
  right: -90vw;
  width: 90vw;
  max-width: 90vw;
}
#gnb .btn_close {
  width: 24px;
  height: 24px;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
#gnb .my_info {
  padding: 18px 17px;
}
#gnb .my_info .button {
  margin-left: 20px;
  margin-right: auto;
  border-color: #e0e1e6;
  height: 28px;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 500;
}
#gnb .my_info .name {
  font-size: 17px;
}
#gnb .btn_close {
  width: 20px;
  height: 20px;
}

.gnb-dim {
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 998;
  display: none;
}
.gnb-dim.active {
  display: block;
}

.gnb-quick {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0 5px;
  width: 100%;
}
.gnb-quick > * {
  width: calc((100% - 5px * 3) / 4);
  min-width: calc((100% - 5px * 3) / 4);
}
.gnb-quick {
  width: 100%;
  margin-bottom: 20px;
}
.gnb-quick__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 5px;
  font-size: 13px;
  text-align: center;
}
.gnb-quick__menu img {
  width: 24px;
  height: 24px;
}
.gnb-quick__menu:not(:last-child) {
  border-right: 1px solid #f4f4f4;
}

#footer {
  padding-inline: 5px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  height: 64px;
}
#footer .menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 5px;
  width: 20%;
}
#footer .menu img {
  width: 24px;
}
#footer span {
  font-size: 12px;
}

.has-bottom-menu {
  padding-bottom: 64px !important;
}

#sub_wrap {
  padding-top: 0 !important;
  margin-top: 60px;
}

/************************
텍스트
*************************/
.error-txt {
  color: #fc7288;
}
.error-txt--bottom {
  position: relative;
  top: -10px;
  margin-bottom: 20px;
  display: inline-block;
}

.tip-txt {
  font-size: 13px;
  font-weight: 400;
  color: #666;
}

.sec-tit {
  font-size: 15px;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
  line-height: inherit;
  margin-block: 20px 12px;
}
.sec-tit strong {
  font-weight: 700;
  line-height: inherit;
}
.sec-tit--l {
  font-size: 20px;
}

.info-box {
  border-radius: 10px;
  padding: 20px;
  border: 1px solid #e0e0e0;
}
.info-box__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  gap: 10px;
}
.info-box__item:not(:first-child) {
  margin-top: 15px;
  border-top: 1px solid #e0e0e0;
  padding-top: 15px;
}
.info-box__tit {
  font-size: 13px;
  font-weight: 400;
  color: #666;
}
.info-box__cont {
  font-size: 14px;
  font-weight: 700;
  color: #222;
  text-align: right;
}

/************************
버튼
*************************/
.btn {
  border-radius: 50px;
  background: #4294f2;
  border: none;
  min-height: 50px;
  font-size: 16px;
  padding-inline: 15px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.btn .line.blue {
  border-color: #4294f2;
  color: #4294f2;
}
.btn--full {
  width: 100%;
}
.btn--xxs {
  height: 22px;
  min-height: 22px !important;
  padding: 0 8px;
  font-size: 13px;
}
.btn--xxs img {
  max-height: 80%;
}
.btn--xs {
  height: 28px;
  min-height: 28px !important;
  padding: 6px 10px;
  font-size: 13px;
}
.btn--m {
  min-height: 40px !important;
  font-size: 14px;
}
.btn.gray {
  background-color: #e9e9e9;
  color: #222;
}
.btn--txt {
  background: transparent !important;
  padding: 0 !important;
  font-size: 12px;
  height: auto;
  min-height: 0 !important;
}
.btn--txt.gray {
  color: #666;
}
.btn--extend {
  flex: 1;
}
.btn--narrow {
  width: auto !important;
  min-width: 78px;
}
.btn__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}

.btn_bottom_area {
  margin-bottom: 0;
  padding-bottom: 0;
}
.btn_bottom_area .btn {
  min-height: 50px;
  font-weight: 600;
}
.btn_bottom_area.is-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 17px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 22.62%);
}

.btn-notice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  gap: 10px;
  padding: 15px;
  border-radius: 10px;
  background: #f3f4f7;
}
.btn-notice__txt {
  font-size: 14px;
  font-weight: 500;
  color: #222;
  line-height: 1.4;
}
.btn-notice.type-white {
  padding: 0;
  background: transparent;
}
.btn-notice.type-white .btn-notice__txt {
  font-size: 13px;
}

.btn-icon {
  border-radius: 6px;
  padding-block: 11px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 13px;
  font-weight: 400;
  color: #222;
  text-align: center;
  background: #f3f4f7;
  border: 1px solid #f3f4f7;
}
.btn-icon .btn {
  margin-top: auto;
}
.btn-icon img {
  width: 40px;
}
.btn-icon__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.btn-icon__wrap > * {
  align-self: stretch;
}
.btn-icon__wrap.type-col3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px 5px;
  width: 100%;
}
.btn-icon__wrap.type-col3 > * {
  width: calc((100% - 5px * 2) / 3);
  min-width: calc((100% - 5px * 2) / 3);
}

input[type=radio].chk + label::before {
  background-image: url("../img/radio_off.png");
  background-repeat: no-repeat;
  background-position: center;
  border: 0;
  background-size: contain;
  width: 20px;
  height: 20px;
}
input[type=radio].chk:checked + label::before {
  background-image: url("../img/radio_on.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: transparent;
}

.chk + label {
  padding-left: 30px;
  font-size: 14px;
}
.chk + label::before {
  margin-left: -30px;
  margin-right: 6px;
}
.chk--circle {
  position: relative;
  margin: 0;
}
.chk--circle + label::before {
  background-image: url("../img/radio_off.png");
  background-repeat: no-repeat;
  background-position: center;
  border: 0;
  background-size: contain;
  width: 20px;
  height: 20px;
}
.chk--circle:checked + label::before {
  background-image: url("../img/radio_on.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: transparent;
}
.chk__wrap {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px;
}
.chk__wrap > * {
  align-self: stretch;
}
.chk__wrap.type-col1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px 6px;
  width: 100%;
}
.chk__wrap.type-col1 > * {
  width: calc((100% - 6px * 0) / 1);
  min-width: calc((100% - 6px * 0) / 1);
}
.chk__wrap.type-col2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px 6px;
  width: 100%;
}
.chk__wrap.type-col2 > * {
  width: calc((100% - 6px * 1) / 2);
  min-width: calc((100% - 6px * 1) / 2);
}
.chk__wrap.type-col3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px 6px;
  width: 100%;
}
.chk__wrap.type-col3 > * {
  width: calc((100% - 6px * 2) / 3);
  min-width: calc((100% - 6px * 2) / 3);
}

.chk-btn {
  margin-right: 0;
}
.chk-btn__display {
  height: 40px;
  padding-inline: 10px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  font-weight: 600;
  font-size: 14px;
  color: #999;
  word-break: keep-all;
  background: #f3f4f7;
  border: 1px solid #f3f4f7;
  border-radius: 50px;
  cursor: pointer;
  line-height: initial;
  width: 100%;
  gap: 5px;
}
.chk-btn__display:before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/chk.png);
  width: 18px;
  min-width: 18px;
  height: 18px;
}
.chk-btn input {
  display: none;
}
.chk-btn input:checked + .chk-btn__display {
  border: 1.5px dashed #4294f2;
  background: #e6f1ff;
  color: #4294f2;
}
.chk-btn input:checked + .chk-btn__display:before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/chk-on.png);
  width: 18px;
  min-width: 18px;
  height: 18px;
}
.chk-btn.align-left .chk-btn__display {
  justify-content: flex-start;
  padding-inline: 20px;
}
.chk-btn.type-icon .chk-btn__display {
  height: 100%;
  border-radius: 6px;
  padding-block: 11px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 13px;
  font-weight: 400;
  color: #222;
  text-align: center;
}
.chk-btn.type-icon .chk-btn__display img {
  width: 40px;
}
.chk-btn.type-icon .chk-btn__display:before {
  display: none;
}
.chk-btn.type-icon input:checked + .chk-btn__display {
  color: #222;
}
.chk-btn.type-icon input:checked + .chk-btn__display:before {
  display: none;
}
.chk-btn.type-icon.chk-btn--done {
  position: relative;
}
.chk-btn.type-icon.chk-btn--done:before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon-done.png);
  width: 18px;
  min-width: 18px;
  height: 18px;
  position: absolute;
  right: -2px;
  top: 0;
}

.icon-menu {
  word-break: keep-all;
  padding: 14px 17px;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 4px 10px 0 #f4f4f4;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  align-items: center;
  gap: 10px;
}
.icon-menu__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  margin-top: 15px;
}
.icon-menu__wrap--col1 {
  grid-template-columns: 1fr;
}
.icon-menu__wrap--col1 .icon-menu {
  flex-direction: row;
}
.icon-menu__wrap--col1 p {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
}
.icon-menu__wrap--col1 b {
  margin-left: 5px;
}
.icon-menu__icon {
  width: 40px;
}
.icon-menu b {
  display: block;
}
.icon-menu p {
  font-size: 14px;
  line-height: 1.4;
}

.sns-link {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding: 25px 17px;
}
.sns-link__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
  font-size: 12px;
  line-height: 1.3;
  color: #222;
  word-break: keep-all;
}
.sns-link__item img {
  width: 40px;
  display: block;
}

.btn-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  position: relative;
  min-height: 60px;
  padding: 10px 55px 10px 25px;
  border-radius: 15px;
  background: #4294f2;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  gap: 10px;
}
.btn-menu .icon {
  width: 40px;
}
.btn-menu .icon img {
  display: block;
  width: 100%;
}
.btn-menu::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background: url("../img/icon-arrow.png") no-repeat center/contain;
}

.pet-select {
  position: fixed;
  top: 8px;
  right: 53px;
  z-index: 10;
}
.pet-select__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 4px;
  max-width: 100%;
}
.pet-select__item {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  min-width: 35px;
  aspect-ratio: auto;
}
.pet-select__item > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.pet-select__item > img, .pet-select__item > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
.pet-select__item {
  flex: 0 0 auto;
  border-radius: 50%;
  box-sizing: border-box;
  background: #fff;
  -webkit-user-drag: none;
  user-select: none;
}
.pet-select__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  -webkit-user-drag: none;
  pointer-events: none;
}
.pet-select__item.active {
  border: 4px solid #4c98ff;
}
.pet-select.is-scroll .pet-select__list {
  height: 44px;
  max-width: 135px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: auto;
  overscroll-behavior-x: contain;
  touch-action: pan-x;
  scrollbar-width: none;
  cursor: grab;
}
.pet-select.is-scroll .pet-select__list::-webkit-scrollbar {
  display: none;
}
.pet-select.is-scroll .pet-select__list.fade-right:not(.fade-left) {
  -webkit-mask-image: linear-gradient(to right, #000 0%, #000 calc(100% - 28px), transparent 100%);
  mask-image: linear-gradient(to right, #000 0%, #000 calc(100% - 28px), transparent 100%);
}
.pet-select.is-scroll .pet-select__list.fade-left:not(.fade-right) {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 28px, #000 100%);
  mask-image: linear-gradient(to right, transparent 0%, #000 28px, #000 100%);
}
.pet-select.is-scroll .pet-select__list.fade-left.fade-right {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 28px, #000 calc(100% - 28px), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, #000 28px, #000 calc(100% - 28px), transparent 100%);
}
.pet-select.is-scroll .pet-select__list.is-dragging {
  cursor: grabbing;
  user-select: none;
  scroll-snap-type: none;
}
@media (hover: none) and (pointer: coarse) {
  .pet-select.is-scroll .pet-select__list {
    -webkit-overflow-scrolling: touch;
  }
}

/************************
뱃지
*************************/
.badge {
  border-radius: 50px;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 12px;
}
.badge--gray {
  background: #f3f4f7;
}
.badge--blue {
  background: #e6f1ff;
  color: #4294f2;
}

/************************
펫 등록 배너
*************************/
.my-pet {
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 4px 10px 0 #f4f4f4;
  padding: 17px 15px;
}
.my-pet__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: 15px;
}
.my-pet__inner > * {
  width: 100%;
}
.my-pet__title {
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 15px;
}
.my-pet__profiles {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.my-pet__profiles.is-swiper .my-pet__profiles__nav {
  display: block;
}
.my-pet__profiles.is-static .my-pet__profiles__slider .swiper-wrapper {
  gap: 10px;
}
.my-pet__profiles__slider {
  flex: 1;
  min-width: 0;
  padding: 2px;
}
.my-pet__profiles__slider .swiper-wrapper {
  align-items: center;
}
.my-pet__profiles__slider .swiper-slide {
  width: auto;
}
.my-pet__profiles__nav {
  display: none;
  position: relative;
  width: 20px;
  height: 20px;
  border: 0;
  background: transparent;
  padding: 0;
  flex: 0 0 20px;
}
.my-pet__profiles__nav::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 7px;
  border-top: 2px solid #666;
  border-right: 2px solid #666;
}
.my-pet__profiles__nav--prev::before {
  transform: translate(-35%, -50%) rotate(-135deg);
}
.my-pet__profiles__nav--next::before {
  transform: translate(-65%, -50%) rotate(45deg);
}
.my-pet__profiles__nav.swiper-button-disabled {
  opacity: 0.3;
}
.my-pet__radio {
  flex: 0 0 auto;
}
.my-pet__radio input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.my-pet__radio input:checked + .my-pet__radio__display {
  box-shadow: 0 0 0 2px #4c98ff;
  border: 2px solid transparent;
}
.my-pet__radio__display {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: auto;
}
.my-pet__radio__display > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.my-pet__radio__display > img, .my-pet__radio__display > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
.my-pet__radio__display {
  border-radius: 50%;
  cursor: pointer;
}
.my-pet__add {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  width: 40px;
  height: 40px;
  margin-left: auto;
  border-radius: 50%;
  background: #4c98ff;
  flex: 0 0 40px;
}

.my-pet-notice {
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 4px 10px 0 #f4f4f4;
  padding: 17px 15px;
}
.my-pet-notice.none-box {
  box-shadow: none;
  margin-bottom: 20px;
}
.my-pet-notice__txt {
  font-size: 18px;
  color: #222;
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
}
.my-pet-notice__txt2 {
  color: #666;
  text-align: center;
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
  line-height: 1.4;
  font-size: 14px;
}
.my-pet-notice__txt2 * {
  font-size: 14px;
  line-height: 1.4;
}
.my-pet-notice__btns {
  margin-top: 20px;
}
.my-pet-notice__img {
  text-align: center;
  margin-bottom: 10px;
}
.my-pet-notice__img img {
  width: 100px;
}
.my-pet-notice__img--s img {
  width: 80px;
}
.my-pet-notice.type-mini {
  padding-inline: 17px;
}
.my-pet-notice.type-mini .my-pet-notice__txt {
  text-align: left;
}
.my-pet-notice.type-mini .my-pet-notice__img {
  float: right;
  width: 80px;
}
.my-pet-notice.type-mini .my-pet-notice__btns {
  margin-top: 10px;
}

.pet_list .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  cursor: pointer;
}
.pet_list .profile_field {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 74px;
  height: 74px;
  min-width: 74px;
  aspect-ratio: auto;
}
.pet_list .profile_field > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.pet_list .profile_field > img, .pet_list .profile_field > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
.pet_list .profile_field {
  border-radius: 50%;
}
.pet_list .info_area {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px;
  min-width: 0;
  text-align: left;
}
.pet_list .info_area.type-full > * {
  grid-column: 1/-1;
}
.pet_list .info_area .type-full {
  grid-column: 1/-1;
}
.pet_list .name {
  margin-bottom: 0px;
  font-size: 18px;
}
.pet_list .name .icon_main {
  color: #4294f2;
  font-weight: 600;
  background-color: #c0dbff;
}
.pet_list .name a {
  font-size: 18px;
}
.pet_list .type {
  margin-bottom: 0;
}
.pet_list .age {
  color: #666;
}
.pet_list .btn_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: flex-end;
  gap: 0;
  margin-top: 0;
}
.pet_list .btn_area .btn {
  border-radius: 50px;
}
.pet_list .btn_area .btn--txt {
  font-size: 12px;
}
.pet_list .btn_area .btn--txt:not(:last-child) {
  position: relative;
}
.pet_list .btn_area .btn--txt:not(:last-child)::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 10px;
  margin-inline: 5px;
  background: #e0e0e0;
  cursor: default;
  vertical-align: middle;
}
.pet_list .btn_area .btn--txt + .btn {
  margin-left: 0;
}
.pet_list .btn_area--bottom {
  margin-left: 0;
  justify-content: flex-start;
  margin-top: 8px;
}
.pet_list .switch_field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  align-self: flex-start;
  gap: 5px;
  font-size: 12px;
  color: #666;
  white-space: nowrap;
}
.pet_list .last_date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.pet_list .record_num {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
  margin-top: 0;
}
.pet_list .record_num .point_txt {
  font-size: 20px;
  font-weight: 700;
}

.switch-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}

/************************
호흡수 목록
*************************/
#ui-datepicker-div {
  display: none;
}

.pet-care {
  position: relative;
}
.pet-care__calendar {
  padding: 18px 16px 14px;
  border-radius: 20px;
  background: #f4f5f8;
}
.pet-care__calendar .ui-datepicker {
  width: 100% !important;
  padding: 0;
  background: transparent;
  border: 0;
}
.pet-care__calendar .ui-datepicker-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 0;
  padding: 0;
  margin-bottom: 0;
  background: transparent;
  border: 0;
  position: relative;
}
.pet-care__calendar .ui-datepicker-prev,
.pet-care__calendar .ui-datepicker-next {
  width: 24px !important;
  height: 24px !important;
  margin: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  border-radius: 0;
  background: transparent !important;
  display: block !important;
}
.pet-care__calendar .ui-datepicker-prev span,
.pet-care__calendar .ui-datepicker-next span {
  display: none;
}
.pet-care__calendar .ui-datepicker-prev::before,
.pet-care__calendar .ui-datepicker-next::before {
  content: "";
  display: block;
  width: 10px !important;
  height: 10px !important;
  margin: 7px auto 0 !important;
  border-top: 2px solid #444;
  border-right: 2px solid #444;
  background: transparent !important;
}
.pet-care__calendar .ui-datepicker-prev {
  left: 15%;
}
.pet-care__calendar .ui-datepicker-next {
  right: 15%;
}
.pet-care__calendar .ui-datepicker-prev::before {
  transform: rotate(-135deg);
}
.pet-care__calendar .ui-datepicker-next::before {
  transform: rotate(45deg);
}
.pet-care__calendar .ui-datepicker-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #222;
}
.pet-care__calendar .ui-datepicker-calendar {
  width: 100%;
  table-layout: fixed;
}
.pet-care__calendar .ui-datepicker-calendar th {
  padding-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #666;
}
.pet-care__calendar .ui-datepicker-calendar th * {
  font-size: 13px;
  font-weight: 600 !important;
  color: #222 !important;
}
.pet-care__calendar .ui-datepicker-calendar td {
  padding: 0 0 8px;
}
.pet-care__calendar .ui-datepicker-calendar a,
.pet-care__calendar .ui-datepicker-calendar span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0 auto;
  border-radius: 50%;
  font-size: 13px;
  color: #222;
  font-weight: 400;
}
.pet-care__calendar .ui-datepicker-calendar .ui-state-default {
  border: 0;
  background: transparent;
}
.pet-care__calendar .ui-datepicker-calendar .ui-state-default.ui-state-active {
  background-color: #d9e9ff;
  color: #4294f2;
}
.pet-care__calendar .ui-datepicker-calendar .ui-state-highlight {
  background: #4294f2;
  color: #fff;
}
.pet-care__calendar .ui-datepicker-calendar td.is-done a,
.pet-care__calendar .ui-datepicker-calendar td.is-done span {
  background: #66c63d;
  color: #fff !important;
}
.pet-care__calendar .ui-datepicker-calendar .ui-state-disabled span,
.pet-care__calendar .ui-datepicker-calendar .ui-datepicker-other-month span {
  color: #cecece;
}
.pet-care__calendar .ui-datepicker-calendar .ui-priority-secondary {
  color: #cecece !important;
}
.pet-care__calendar.type-white {
  background-color: #fff;
  padding: 0;
}
.pet-care__calendar.type-white + .pet-care__legend {
  position: absolute;
  z-index: 2;
  top: 5px;
  right: 17px;
  margin-top: 0;
}
.pet-care__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  margin-top: 12px;
  gap: 8px;
}
.pet-care__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  gap: 12px;
  padding: 13px 15px;
  border: 1px dashed #e0e0e0;
  border-radius: 10px;
  background: #fff;
  align-items: stretch;
}
.pet-care__item__cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
}
.pet-care__item.no-data {
  text-align: center;
  font-size: 13px;
  color: #666;
  justify-content: center;
}
.pet-care__name {
  font-size: 13px;
  color: #666;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.pet-care__time {
  margin-top: 6px;
  font-size: 14px;
  font-weight: 700;
}
.pet-care__time em {
  margin-left: 6px;
  font-style: normal;
  font-weight: 400;
  color: #666;
  font-size: 13px;
}
.pet-care__badge {
  display: inline-block;
}
.pet-care__badge input {
  display: none;
}
.pet-care__badge__display {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  justify-content: center;
  gap: 3px;
  width: 50px;
  min-width: 50px;
  min-height: 50px;
  border-radius: 12px;
  background-color: #f3f4f7;
  color: #aaa;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
  cursor: pointer;
}
.pet-care__badge__display::before {
  content: "✓";
  font-size: 18px;
  line-height: 1;
  color: #aaa;
}
.pet-care__badge__display::after {
  content: attr(data-off);
}
.pet-care__badge input:checked + .pet-care__badge__display {
  background: #e6f1ff;
  color: #4294f2;
}
.pet-care__badge input:checked + .pet-care__badge__display::before {
  color: #4294f2;
}
.pet-care__badge input:checked + .pet-care__badge__display::after {
  content: attr(data-on);
}
.pet-care__legend {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: flex-end;
  gap: 20px;
  margin-top: 14px;
}
.pet-care__legend-item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #666;
}
.pet-care__legend-dot {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.pet-care__legend-dot.is-today {
  background: #4b9dff;
}
.pet-care__legend-dot.is-done {
  background: #66c63d;
}

/************************
호흡수 등록
*************************/
.breath-log {
  padding: 20px 15px;
  border: 1px dashed #e0e0e0;
  border-radius: 10px;
  margin-top: 12px;
}
.breath-log__head, .breath-log__row {
  display: grid;
  grid-template-columns: 1.3fr 1.3fr 0.7fr 22px;
  gap: 5px;
  align-items: center;
}
.breath-log__head {
  margin-bottom: 10px;
}
.breath-log__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 8px;
}
.breath-log__title {
  font-size: 13px;
  font-weight: 400;
  color: #666;
  text-align: center;
}
.breath-log__input, .breath-log__select, .breath-log__count {
  width: 100%;
  height: 40px;
  min-height: 40px !important;
  padding-inline: 5px;
  border: 1px solid #bbb;
  border-radius: 6px;
  background-color: #f3f4f7;
  color: #222;
  font-size: 13px;
  margin-left: 0 !important;
}
.breath-log__count, .breath-log__select {
  background-position: right center;
}
.breath-log__remove {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  width: 22px;
  height: 22px;
  border: 1px solid #bbb;
  border-radius: 50%;
  background: #f3f4f7;
}
.breath-log__remove .svg-icon {
  width: 12px;
  min-width: 12px;
  height: 12px;
}
.breath-log__note {
  margin-top: 12px;
  font-size: 13px;
  color: #222;
}
.breath-log__time-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.breath-log__time-wrap .breath-log__select {
  min-width: 45px;
  flex: 1;
}

/************************
배너형 링크
*************************/
.quick-banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  gap: 12px;
  align-items: center;
}
.quick-banner__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1;
}
.quick-banner__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  color: #222;
}
.quick-banner__txt {
  font-size: 12px;
  line-height: 1.5;
  color: #666;
}
.quick-banner__thumb {
  flex: 0 0 80px;
}
.quick-banner__thumb img {
  display: block;
  width: 100%;
}

.daily-quiz {
  margin-bottom: 12px;
}
.daily-quiz__q {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #222;
}
.daily-quiz__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
  margin-top: 12px;
  padding: 18px 20px;
  border-radius: 16px;
  background: #f3f4f7;
}
.daily-quiz__list li {
  font-size: 14px;
  color: #222;
  position: relative;
}
.daily-quiz__list li::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 4px;
  min-width: 4px;
  height: 4px;
  margin-inline: 0 8px 0 0;
  background: #4294f2;
  border-radius: 4px;
  vertical-align: middle;
  cursor: default;
}
.daily-quiz__list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  gap: 5px;
}
.daily-quiz__list li:before {
  margin-top: 6px;
}

.help-links__title {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
  margin-bottom: 15px;
  font-size: 17px;
  font-weight: 500;
  color: #222;
}
.help-links__title::before {
  content: "!";
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #e0e0e0;
  color: #6e6e6f;
  font-size: 12px;
  font-weight: 700;
}
.help-links__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.help-links__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 0;
  padding: 15px;
  border-radius: 15px;
  background: #f3f4f7;
}
.help-links__item .tit_field {
  flex: 1;
  font-size: 14px;
}

.login-banner {
  overflow: hidden;
  margin: 2px 12px 15px 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.login-banner__tit {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #222;
}
.login-banner__txt {
  font-size: 14px;
  line-height: 1.4;
  color: #666;
}
.login-banner__btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 5px;
}

/************************
진료 기록 > 상단 요약내용
*************************/
.before-view-card {
  padding: 10px 17px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 12px;
}
.before-view-card__thumb {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: auto;
}
.before-view-card__thumb > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.before-view-card__thumb > img, .before-view-card__thumb > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
.before-view-card__thumb {
  border-radius: 50%;
}
.before-view-card__cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}
.before-view-card__name {
  width: 100%;
  font-size: 16px;
  font-weight: 700;
}
.before-view-card__meta {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  gap: 6px;
  font-size: 13px;
  line-height: 1.4;
  opacity: 0.8;
}
.before-view-card__meta:not(:last-child)::after {
  content: "/";
  color: #666;
}
.before-view-card__label {
  color: #666;
  margin-right: 0;
  white-space: nowrap;
}

.com_breath_notice {
  height: 70px;
  border: 1px dashed #e0e0e0;
}