ul.dash li {
	position: relative;
	padding-left: 15px;
	color:#515151;
	line-height: 1.4;
	margin-bottom: 5px;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.2px;
}
ul.dash li:last-child {
	margin-bottom: 0;
}
ul.dash li::before {
	position: absolute;
	content: '-';
	left: 0;
	top: 0px;
}
ul.dot li {
	position: relative;
	padding-left: 15px;
	margin-bottom: 10px;
	line-height: 1.2;
	font-size: 18px;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.2px;
}
ul.dot li:last-child {
	margin-bottom: 0;
}
ul.dot li::before {
	position: absolute;
	left: 0;
	top: 9px;
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background: #99aed4;
	border-radius: 50%;
}
ul.dot li p {
	margin-top: 10px;
	color:rgba(51,51,51,0.8);
	font-size: 16px;
}

/*접수진행도*/
.stepType1 {
	margin-bottom: 40px;
}
.stepType1::after {
	display: block;
	content: '';
	clear: both;
}
.stepType1 li {
	position: relative;
	float: left;
	width: 16.25%;
	height: 60px;
	line-height: 60px;
	margin-right: 0.5%;
	padding: 0 1% 0 2%;
	background: #e9e9e9;
	text-align: center;
}
.stepType1 li:first-child {
	border-radius: 30px 0 0 30px;
}
.stepType1 li:last-child {
	margin-right: 0;
	border-radius: 0 30px 30px 0;
}
.stepType1 li:first-child,
.stepType1 li:last-child {
	padding: 0 1%;
}
.stepType1 li::before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-bottom: 30px solid transparent;
	border-top: 30px solid transparent;
	border-left: 30px solid #fff;
	border-right: 30px solid transparent;
}
.stepType1 li::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 100%;
	width: 0;
	height: 0;
	border-bottom: 30px solid transparent;
	border-top: 30px solid transparent;
	border-left: 30px solid #e9e9e9;
	border-right: 30px solid transparent;
	z-index: 1;
}
.stepType1 li:first-child::before {
	display: none;
}
.stepType1 li:last-child::after {
	display: none;
}
.stepType1 li.on {
	background: #1a4a9b;
	color:#fff;
	font-weight: 500;
}
.stepType1 li.on::after {
	border-left: 30px solid #1a4a9b;
}

.stepType2 {
	margin-bottom: 40px;
	overflow: hidden;
}
.stepType2 li {
	position: relative;
	width: 16.6667%;
	float: left;
	text-align: center;
}
.stepType2 li em {
	display: block;
	width: 75px;
	height: 75px;
	line-height: 77px;
	margin: 0 auto 20px;
	border-radius: 50%;
	background: #f0f0f0;
	color:#a1a1a1;
	font-size: 27px;
}
.stepType2 li span {
	font-size: 16px;
	color:#b1b1b1;
	-ms-word-break: keep-all;
	word-break: keep-all;
	display: inline-block;
	line-height: 1;
}
.stepType2 li.on em {
	background: #1a4a9b;
	color:#fff;
}
.stepType2 li.on span {
	color:#060606;
}


.stepType2 li::before {
	position: absolute;
	left: -25%;
	top: 35px;
	display: block;
	content: '';
	width: 50%;
	height: 4px;
	background: url('/images/sub/stepdot.png');
}
.stepType2 li:first-child::before {display: none;}
.stepType2 li.on::before {
	background: #e1e1e1;
}

.alertBox {
	position: relative;
	display: inline-block;
	width: auto;
	padding: 18px 20px 16px;
	border: 1px solid #f6dddd;
	background: #feeeec;
	border-radius: 10px;
	line-height: 1.5;
}
.alertBox ul li {
	position: relative;
	padding-left: 10px;
}
.alertBox ul li:before {
	position: absolute;
	content:'';
	width: 3px;
	height: 3px;
	left: 0;
	top: 8px;
	background: #2e2e2e;
    border-radius: 50%;
}
.alertBox img {
	position: absolute;
	top: -9px;
}
.alertBox img.rightP {
	right: 30%;
}
.alertBox img.leftP {
	left: 30%;
}
.alertBox.wide {
	padding: 100px 20px;
}

.formWrap {
	display: flex;
}
.formWrap::after {
	display: block;
	content: '';
	clear: both;
}
.formBox {
	
}
.formBox.line {
	padding: 30px;
	box-shadow:0 0 10px #ddd;
	border-radius: 20px;
}
.formBox.w50 {
	display: inline-block;
	float: left;
	width: 49%;
	margin-right: 2%;
}
.formBox.w50.last {
	margin-right: 0;
}
.formBox.join {
	max-width: 768px;
	margin: 0 auto;
}
.formBox .formTitle {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	font-weight: 500;
	color:#1a4a9b;
}

.formBox .formTitle.hasIcon {
	padding-left: 20px;
}
.formBox .formTitle.hasIcon::before {
	position: absolute;
	left: 0;
	top: 3px;
	display: block;
	content: '';
	/*content: "\e658";
	font-family: 'font-icons';*/
	width: 6px;
	height: 6px;
	border-radius: 50%;
	border: 4px solid #1a4a9b;
}
.formTitle label {
	color:#2e2e2e;
	font-size: 1.2rem;
}
.formBox .formTitle span {
	color:#92a9d1;
	font-size: 1.1rem;
}
.formTable {
	width: 100%;
}
.formTable tbody {}
/* .formTable tbody tr {
	border-bottom: 1px solid #ddd;
} */
.formTable tbody tr th,
.formTable tbody tr td {
	padding: 10px 0;
}
.formTable tbody tr th {
	width: 150px;
	padding: 10px 10px 10px 0;
	font-weight: 500;
	text-align: left;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: -0.5px;
}
.formTable tbody tr th span {
	display: block;
	font-family: 'Noto Sans KR';
	color:#b9b9b9;
	font-size: 13px;
}
.formTable tbody tr td {
	font-size: 14px;
}
.formTable tbody tr td::after {
	display: block;
	content: '';
	clear: both;
}
.formTable tbody tr td .select,
.formTable tbody tr td input {float: left;}
.formTable tbody tr td.w150 {width: 150px;}

.formBox .formTable.view tbody tr td {
	font-size: 16px;
	text-align: right;
}
.formBox .formTable.flexTd tbody tr td {
	display: flex;
	gap:10px;
	flex-direction: row;
    flex-wrap: wrap;
	/* align-items: baseline; */
}
.formBox .formTable.flexTd tbody tr td.flex-nowrap {
	flex-wrap: nowrap;
}
.formBox.join tbody tr td p {
	/* width: 100%; */
}

.formTable.topLine {
	border-top: 1px solid #ddd;
}
.formBox .formTable.flexTd tbody tr td input[type="radio"].boxRadio + label {
	margin-right: 0;
}
.formBox .formTable.flexTd tbody tr td.micNum {
	flex-direction: inherit;
    flex-wrap: nowrap;
}
.micNum input {
	float: left;
	width: 18.4%;
	max-width: 100%;
	text-align: center;
}
.micNum span {
	display: inline-block;
	float: left;
	width: 2%;
	line-height: 45px;
	text-align: center;
}



.infoBox {
	width: 100%;
	padding: 30px;
	background: #f6f6f6;
	line-height: 1.4;
	font-size: 1.1rem;
	box-shadow:0px 0px 5px #ddd;
}
.infoBox.small {
	padding: 15px 20px 12px;
	font-size: 14px;
}
.infoBox.wide {
	padding: 100px 20px;
}
.infoBox .scrollBox {
	max-height: 300px;
	overflow-y: auto;
}
.infoBox .agree {
	font-size: 14px;
	opacity: 0.8;
}
.infoBox .agree .infoBox {
	background: none;
	border-radius: 0;
	border: 1px solid #ddd;
	font-size: 14px;
}


.toggleBox {
	width: 100%;
	margin-bottom: 20px;
	border-radius: 20px;
	box-shadow:0 0 10px #ddd;
}
.toggleBox dt {
	padding: 25px 40px 20px;
	font-weight: normal;
	font-size: 18px;
	cursor: pointer;
}
.toggleBox dd {
	display: none;
	padding: 20px;
	line-height: 1.4;
}
.toggleBox dt,
.toggleBox dd  {
	position: relative;
	padding-left: 65px;
}
.toggleBox dt i {
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	right: 20px;
	font-size: 30px;
}
.toggleBox dd::before {
	position: absolute;
	top: 0;
	left: 50%;
	transform:translateX(-50%);
	content: '';
	display: block;
	width: calc(100% - 40px);
	height: 1px;
	background: #ddd;
}
.toggleBox dt > span,
.toggleBox dd > span {
	position: absolute;
	left: 20px;
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	text-align: center;
	font-size: 22px;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
}
.toggleBox dt > span {
	background: #1a4a9b;
	color:#fff;
	line-height: 30px;
	top: 50%;
	transform:translateY(-50%);
}
.toggleBox dd > span {
	color:#92a9d1;
	top: 10px;
}

.tableType1 {
	width: 100%;
	border-radius: 10px;
	border-style: hidden;
	box-shadow: 0 0 5px #ddd;
	font-size: 14px;
	
}
.tableType1 thead th {
	padding: 10px 10px;
	font-weight: 500;
	background: #f2f2f2;
}
.tableType1 tbody td {
	padding: 15px 5px;
	border-bottom: 1px solid #eee;
	text-align: center;
	-ms-word-break: keep-all;
	word-break: keep-all;
}
.tableType1 td span.sub {
	display: block;
	margin-bottom: 3px;
	font-size: 12px;
	opacity: 0.6;
}
.tableType1.board {
	table-layout:fixed;
}
.tableType1.board td.link {

}
.tableType1.board td a {
	position: relative;
	float: left;
	max-width: calc(100% - 50px);
	padding: 5px 0;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap;
}
.tableType1.board td.link a:hover {
	color:#1a4a9b;
}
.tableType1.board td.link span {
	margin-left: 5px;
	margin-top: 5px;
	float: left;
}
.tableType1.board td.link span.file {
	display: inline-block;
	line-height: 1;
	vertical-align: bottom;
}
.tableType1.board td.link span.new {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 18px;
	background: #ff6000;
	color:#fff;
	font-size: 10px;
	border-radius: 3px;
	text-align: center;
}
.tableType1.board thead th.num {width: 90px;}
.tableType1.board thead th.wrtie {width: 100px;}
.tableType1.board thead th.date {width: 100px;}
.tableType1.board thead th.view {width: 100px;}

.tableType1.recep5 thead th.check {width: 50px;}
.tableType1.recep5 thead th.button {width: 100px;}
.tableType1.recep5 input[type="checkbox"] + label::before,
.tableType1.history input[type="checkbox"] + label::before{
	left: 5px;
}


.tabWrap {
	margin-bottom: 40px;
	text-align: center;
}
.tabList {
	display: inline-block;
	overflow: hidden;
	border-radius: 30px;
	border: 1px solid #ddd;
	padding: 5px;
}
.tabList li {
	float: left;
	margin-right: 10px;
}
.tabList li:last-child {
	margin-right: 0;
}

.tabList li a {
	display: block;
	width: 140px;
	height: 40px;
	line-height: 43px;
	border-radius: 30px;
	color:#b1b1b1;
	text-align: center;
}
.tabList li a:hover {
	background: #ddd;
	color:#333;
}
.tabList li.active a {
	color:#fff;
	background: #1a4a9b;
}

.searchBar {
	padding: 5px 0 40px;
	overflow: hidden;
}
.searchBar b {
	float: left;
	line-height: 42px;
}
.searchBar input {
	float: left;
	width: 300px;
	max-width: 100%;
	height: 40px;
	border: none;
	border-radius: 10px;
	box-shadow:0 0 5px #ddd;
}
.searchBar input::placeholder{
	color:#b9b9b9;
}
.searchBar button {
	float: left;
	height: 40px;
}
.paging {
	overflow: hidden;
	margin-top: 100px;
	text-align: center;
}
.paging a {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 2px solid transparent;
	margin-right: 3px;
}
.paging a:last-child {margin-right: 0;}
.paging a.active {
	font-weight: 500;
	background: #e7e7e7;
}
.paging a:hover {
	border-bottom: 1px solid #686868;
}

.viewWrap {
	
}
.viewTitle {
	padding: 20px 0;
	line-height: 1.2;
}
.viewInfo {
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	text-align: right;
}
.viewInfo li {
	display: inline-block;
	padding: 0 20px;
	color:rgba(51,51,51,0.8);
	border-right: 1px solid #ddd;
}
.viewInfo li:first-child {
	padding-left: 0;
}
.viewInfo li:last-child {
	border-right: none;
}
.viewInfo li i {
	float: left;
	margin-right: 10px;
	font-size: 14px;
}
.viewFile {
	padding: 20px 0;
}
.viewFile a {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 10px 20px;
	background: #efefef;
	border-radius: 10px;
	color:#000;
}
.viewFile a:hover {
	background: #ddd;
}
.viewBox {
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
}
.viewNext {
	margin-top: 20px;
	overflow: hidden;
}
.viewNext a:hover {
	opacity: 0.6;
}
.viewNext a i {
	vertical-align: sub;
	line-height: 1;
	font-size: 22px;
}


.iframe_wrap {
  width: 100%;
  max-width: 860px;
  margin: 20px auto;
}
 
.iframe_wrap .iframe_box {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
}
 
.iframe_wrap iframe {
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}



.memberTop {
	text-align: center;
	margin-bottom: 40px;
}
.memberTop h3 {
	font-size: 2rem;
	margin-bottom: 20px;
}
.memberTop p {
	opacity: 0.6;
}
.loginWrap {
	width: 100%;
	max-width: 420px;
	margin: 0 auto;
}
.loginWrap .idInput,
.loginWrap .pwInput {
	position: relative;
	width: 100%;
	padding-top: 30px;
	margin-bottom: 20px;
}
.loginWrap .idInput input,
.loginWrap .pwInput input {
	width: 100%;
	max-width: 100%;
	font-size: 1rem;
}
.loginWrap .idInput label,
.loginWrap .pwInput label {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.7;
}
.loginWrap .nameBox input {
	width: 100%;
	max-width: 100%;
	font-size: 1rem;
}
.loginSub {
	text-align: right;
	margin-bottom: 30px;
}
.loginSub a {
	display: inline-block;
	font-size: 14px;
	opacity: 0.6;
}
.loginSub a:hover {
	opacity: 1;
}
.loginWrap button {
	width: 100%;
	height: 50px;
	line-height: 52px;
	background: #444;
	color:#fff;
	font-size: 1.1rem;
}
.loginWrap button:hover {
	background: #333;
}



.addrBox {
	width: 100%;
}
.addrBox .postcode {
	width: 180px;
}
.addrBox .postBtn {
	margin-left: 10px;
	height: 45px;
	padding: 0 10px;
	border-radius: 5px;
	border: 1px solid #ddd;
	background: #f2f2f2;
	font-size: 12px;
	cursor: pointer;
}
.addrBox .address {
	width: 60%;
	max-width: 100%;
}
.addrBox .detail {
	width: calc(40% - 10px);
	max-width: 100%;
	margin-left: 10px;
}

.addrInfo {
	width: calc(100% - 410px);
	letter-spacing: -1px;
}

.joinBtn {
	height: 45px;
	line-height: 47px;
	background: #555;
	color:#fff;
}
.joinAlert {
	padding-top: 10px;
}
.filebox  {
	width: 100%;
}
.filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.filebox label {
  display: inline-block;
  cursor: pointer;
  margin-left: 10px;
}
/* named upload */
.filebox .upload-name {
  display: inline-block;
  width: calc(100% - 85px);
  max-width: 100%;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}

.telBox.w320 {
	width: 320px;
}
.telBox.w245 {
	width: 245px;
}




/*검사안내*/
.infoTop {
	position: relative;
	padding: 30px;
	padding-left: 260px;
	box-shadow: 0 0 10px #ddd;
	border-radius: 10px;
}
.infoTop img {
	position: absolute;
	left: 30px;
	top:50%;
	transform:translateY(-50%);
}
.infoWrap {
	
}
.infoWrap > h5 {
	margin-bottom: 30px;
	padding-bottom: 10px;
	font-size: 22px;
	border-bottom: 1px solid #ddd;
}
.infoFrame  {
	display: flex;
	margin-bottom: 40px;
	overflow: hidden;
}
.infoFrame .imgBox {
	width: 50%;
	padding: 20px 0;
	text-align: center;
}
.infoFrame .imgBox img {
	
}
.infoFrame .imgBox.radius {
	overflow: hidden;
	border-radius: 20px;
	background: url('/images/sub/sub_info01.png') no-repeat center / cover;
}
.infoFrame .textBox {
	width: 50%;
	padding: 20px;
}
.infoFrame .textBox:first-child {
	padding-left: 0;
}
.infoFrame .textBox h4 {
	font-size: 20px;
	margin-bottom: 40px;
}
.infoFrame .textBox h4 span {
	color:#657b90;
	display: block;
	font-weight: normal;
	font-size: 18px;
	margin-top: 5px;
}
.infoFrame .textBox h6 {
	font-weight: normal;
	margin-bottom: 30px;
	font-size: 20px;
}
.infoFrame .textBox h6 + h6 {
	margin-top: 45px;
}
.infoFrame .textBox h6 em {
	display: inline-block;
	margin-bottom: 10px;
	padding: 6px 12px;
	background: #ebf4ff;
	color:#016ff2;
	font-size: 14px;
	border-radius: 5px;
}
.infoFrame .textBox h6 span {
	color:#657b90;
	display: block;
}

.downloadBtn {
	display: inline-block;
	padding: 4px 10px 2px;
	background: #e7e7e7;
	color:#555;
	border-radius: 2px;
	font-family:'GmarketSansMedium' ;
}
.downloadBtn i {
	vertical-align: middle;
}
.downloadBtn:hover {
	background: #2389e9;
	color:#fff;
}
.infoPrice {
	display: flex;
}
.priceBox {
	width: calc(100% - 300px);
	padding: 20px;
	border-radius: 20px;
	box-shadow:0 0 5px #ddd;
	overflow: hidden;
}
.priceBox > b {
	display: inline-block;
	float: left;
	padding: 20px 20px 0;
	font-size: 20px;
}
.priceBox > span {
	display: inline-block;
	float: left;
	padding: 18px 20px 0;
	font-size: 12px;
}
.priceBox > span em {
	font-weight: bold;
	font-size: 22px;
	margin-right: 5px;
}
.priceBox p {
	float: left;
	display: inline-block;
	height: 100%;
	border-left: 1px solid #ddd;
	padding-left: 20px;
	padding-top: 10px;
	font-size: 17px;
}
.infoPrice button {
	width: 140px;
	margin-left: 10px;
	padding: 15px 0;
	border-radius: 10px;
	font-size: 18px;
}
.infoPrice button:first-child {
	background: #f1f1f1;
}
.infoPrice button:last-child {
	background: #ffdb8a;
}
.infoPrice button:hover {
	background: #333;
	color:#fff;
}
.infoPrice button img {
	display: block;
	margin: 0 auto 10px;
}
.infoRadio input[type="radio"].boxRadio + label {
	height: 50px;
	line-height: 52px;
}

.filebox  {
	width: 100%;
}
.filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.filebox label {
  display: inline-block;
  cursor: pointer;
  margin-left: 10px;
}
/* named upload */
.filebox .upload-name {
  display: inline-block;
  width: calc(100% - 85px);
  max-width: 100%;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}


.state {
	display: inline-block;
	padding: 5px 5px 3px;
	font-size: 14px;
	background: #f2f2f2;
	border-radius: 3px;
	letter-spacing: -0.5px;
	color:#fff;
	background: #555;
	margin-bottom: 5px;
}
.state.white {background: #fff; color:#686868; border: 1px solid #ddd;}
.state.red {background: #ff6256;}
.state.green {background: #32bd5c;}
.state.blue100 {background: #bbd8f8;}
.state.blue200 {background: #2381e7;}
.state.blue300 {background: #1c67b9;}
.state.blue400 {background: #00068f;}
.state.gray {background: #adadad;}
.state.fail {background: #fff; border: 1px solid #ff6256; color:#ff6256;}

.agreeText {
	line-height: 1.4;
}
.agreeText h5 {
	margin: 30px 0 10px;
}
.agreeText .infoBox {
	margin: 10px 0;
	padding: 20px;
	font-size: 15px;
}

@media (max-width: 1240px) {
	.formWrap {display: block;}
	.formBox.line.w50 {
		width: 100%;
		margin-bottom: 30px;
	}
}
@media (max-width: 1140px) {
	.priceBox p {
		border-left: none;
		-ms-word-break: keep-all;
		word-break: keep-all;
	}
}
@media (max-width: 950px) {
	.stepType2 li::before {
		top: 30px;
		width: 40%;
		left: -20%;
	}
	.stepType2 li em {
		width: 60px;
		height: 60px;
		line-height: 64px;
	}
	.stepType2 li span {
		padding: 0 5px;
		font-size: 14px;
		letter-spacing: -1px;
	}

	.addrInfo  {
		width: 100%;
	}


	.tableType1.recep5 thead th:nth-child(2) span { display:none; }
	.tableType1.recep5 thead th:nth-child(2)::before {content: '내용';}
	.tableType1.recep5 thead th:nth-child(3),
	.tableType1.recep5 thead th:nth-child(4),
	.tableType1.recep5 thead th:nth-child(5),
	.tableType1.recep5 thead th:nth-child(6){ display:none; }
	.tableType1.recep5 tbody td:nth-child(3) { clear:both }
	
	.tableType1.recep5 thead th.num {width: 50px;}
	.tableType1.recep5 tbody td {
		display:block;
		padding: 10px;
		text-align: left;
		overflow: hidden;
	}
	.tableType1.recep5 tbody td:first-child {
		display:table-cell;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #ccc;
	}
	.tableType1.recep5 tbody td:last-child {
		border-bottom: 1px solid #ccc;
	}
	.tableType1.recep5 tbody tr:last-child td:last-child {
		border-bottom: none;
	}
	.tableType1.recep5 tbody td::before {
		font-weight: bold;
		margin-right: 5px;
		letter-spacing: -1px;
	}
	.tableType1.recep5 tbody td:nth-child(2)::before {
		content: '접수날짜/접수번호 : ';
		display: block;
		margin-bottom: 3px;
	}
	.tableType1.recep5 tbody td:nth-child(3)::before {
		content: '마이크로칩번호/동물이름 : ';
		display: block;
		margin-bottom: 3px;
	}
	.tableType1.recep5 tbody td:nth-child(4)::before {
		content: '수령방법 : ';
	}
	.tableType1.recep5 tbody td:nth-child(5)::before {
		content: '수령주소 : ';
	}
	.tableType1.recep5 tbody td:nth-child(6)::before {
		content: '수정 : ';
	}





	.tableType1.history thead th:nth-child(2) span { display:none; }
	.tableType1.history thead th:nth-child(2)::before {content: '내용';}
	.tableType1.history thead th:nth-child(3),
	.tableType1.history thead th:nth-child(4),
	.tableType1.history thead th:nth-child(5),
	.tableType1.history thead th:nth-child(6),
	.tableType1.history thead th:nth-child(7),
	.tableType1.history thead th:nth-child(8){ display:none; }
	.tableType1.history tbody td:nth-child(3) { clear:both }

	.tableType1.history tbody td {
		display:block;
		padding: 10px;
		text-align: left;
		overflow: hidden;
	}
	.tableType1.history tbody td:first-child {
		display:table-cell;
		width: 50px;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #ccc;
	}
	.tableType1.history tbody td:last-child {
		border-bottom: 1px solid #ccc;
	}
	.tableType1.history tbody tr:last-child td:last-child {
		border-bottom: none;
	}
	.tableType1.history tbody td::before {
		font-weight: bold;
		margin-right: 5px;
		letter-spacing: -1px;
	}
	.tableType1.history tbody td:nth-child(2)::before {
		content: '구분 : ';
	}
	.tableType1.history tbody td:nth-child(3)::before {
		content: '접수날짜/접수번호 : ';
		display: block;
		margin-bottom: 3px;
	}
	.tableType1.history tbody td:nth-child(4)::before {
		content: '마이크로칩번호/동물이름 : ';
		display: block;
		margin-bottom: 3px;
	}
	.tableType1.history tbody td:nth-child(5)::before {
		content: '병원이름 : ';
	}
	.tableType1.history tbody td:nth-child(6)::before {
		content: '결제금액 : ';
	}
	.tableType1.history tbody td:nth-child(7)::before {
		content: '접수상태 : ';
	}
	.tableType1.history tbody td:nth-child(8)::before {
		content: '수정 : ';
	}



	.tableType1.pay thead th:nth-child(2) span { display:none; }
	.tableType1.pay thead th:nth-child(2)::before {content: '내용';}
	.tableType1.pay thead th:nth-child(3),
	.tableType1.pay thead th:nth-child(4),
	.tableType1.pay thead th:nth-child(5),
	.tableType1.pay thead th:nth-child(6),
	.tableType1.pay thead th:nth-child(7){ display:none; }
	.tableType1.pay tbody td:nth-child(3) { clear:both }
	
	.tableType1.pay tbody td {
		display:block;
		padding: 10px;
		text-align: left;
		overflow: hidden;
	}
	.tableType1.pay tbody td:first-child {
		display:table-cell;
		width: 55px;
		text-align: center;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #ccc;
	}
	.tableType1.pay tbody td:last-child {
		border-bottom: 1px solid #ccc;
	}
	.tableType1.pay tbody tr:last-child td:last-child {
		border-bottom: none;
	}
	.tableType1.pay tbody td::before {
		font-weight: bold;
		margin-right: 5px;
		letter-spacing: -1px;
	}
	.tableType1.pay tbody td:nth-child(2)::before {
		content: '접수날짜/접수번호 : ';
		display: block;
		margin-bottom: 3px;
	}
	.tableType1.pay tbody td:nth-child(3)::before {
		content: '마이크로칩번호/동물이름 : ';
		display: block;
		margin-bottom: 3px;
	}
	.tableType1.pay tbody td:nth-child(4)::before {
		content: '병원이름 : ';
	}
	.tableType1.pay tbody td:nth-child(5)::before {
		content: '결제금액 : ';
	}
	.tableType1.pay tbody td:nth-child(6)::before {
		content: '입금확인날짜 : ';
	}
	.tableType1.pay tbody td:nth-child(7)::before {
		content: '결제상태 : ';
	}

	
}
@media (max-width: 768px) {
	ul.dot li {
		font-size: 16px;
	}
	ul.dash li {
		font-size: 14px;
	}
	.tabList li {
		margin-right: 5px;
	}
	.tabList li a {
		width: auto;
		padding: 0 10px;
		font-size: 14px;
		letter-spacing: -1px;
	}
	.memberTop h3 {
		font-size: 1.5rem;
		margin-bottom: 10px;
	}
	.memberTop p {
		font-size: 14px;
	}

	.infoBox {
		padding: 20px;
		font-size: 16px;
	}
	.agreeText h5 {font-size: 16px;}

	

	/*안내사항*/
	.infoTop {
		padding: 100px 20px 20px;
	}
	.infoTop img {
		top: 40px;
		left: 50%;
		transform:none;
		transform:translateX(-50%);
	}
	.infoWrap > h5 {
		font-size: 18px;
		font-weight: normal;
	}
	.infoFrame {
		display: block;
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid #ddd;
	}
	.infoFrame:last-child {border-bottom: none;}
	.infoFrame .imgBox {
		width: 100%;
	}
	.infoFrame .imgBox.radius {
		height: 200px;
		margin-top: 20px;
	}
	.infoFrame .textBox {
		width: 100%;
		padding: 0;
		
	}
	.infoFrame .textBox:first-child {
		padding: 0px;
	}
	.infoFrame .textBox h4 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.infoFrame .textBox h4 span {
		font-size: 16px;
	}
	.infoFrame .textBox h6 {
		font-size: 18px;
	}
	.infoFrame .textBox h6 em {
		font-size: 12px;
		padding: 3px 10px;
	}
	.infoFrame .textBox h6 span {
		font-size: 16px;
	}

	/*공지사항 테이블*/
	.tableType1.board thead th:nth-child(2) span { display:none; }
	.tableType1.board thead th:nth-child(2)::before {content: '내용';}
	.tableType1.board thead th:nth-child(3),
	.tableType1.board thead th:nth-child(4),
	.tableType1.board thead th:nth-child(5){ display:none; }
	.tableType1.board tbody td:nth-child(3) { clear:both }
	
	.tableType1.board thead th.num {width: 50px;}
	.tableType1.board tbody td {
		display:block;
		padding: 10px;
		text-align: left;
		overflow: hidden;
	}
	.tableType1.board tbody td:first-child {
		display:table-cell;
		text-align: center;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #ccc;
	}
	.tableType1.board tbody td:last-child {
		border-bottom: 1px solid #ccc;
	}
	.tableType1.board tbody tr:last-child td:last-child {
		border-bottom: none;
	}
	.tableType1.board tbody td::before {
		font-weight: bold;
		margin-right: 5px;
		letter-spacing: -1px;
	}
	.tableType1.board tbody td:nth-child(2)::before {
		content: '제목 : ';
		float: left;
		padding-top: 6px;
	}
	.tableType1.board tbody td:nth-child(3)::before {
		content: '작성자 : ';
	}
	.tableType1.board tbody td:nth-child(4)::before {
		content: '작성일 : ';
	}
	.tableType1.board tbody td:nth-child(5)::before {
		content: '조회 : ';
	}
	.tableType1.board tbody td.link a {
		width: calc(100% - 80px);
	}
	/*뷰페이지*/
	.viewTitle {
		font-size: 20px;
	}
	.viewInfo li {
		font-size: 14px;
		padding: 0 10px;
		letter-spacing: -1px;
	}
	.viewInfo li i {
		margin-right: 5px;
		font-size: 12px;
	}
	.viewFile a {
		font-size: 14px;
		letter-spacing: -1px;
		padding: 10px;
	}

	/*faq*/
	.toggleBox dt {
		padding: 20px 40px 15px;
		font-size: 16px;
	}
	.toggleBox dt i {
		font-size: 24px;
	}
	.toggleBox dd {
		font-size: 14px;
	}
	.toggleBox dd > span {
		top: 15px;
	}
	.toggleBox dt, .toggleBox dd {
		padding-left: 50px;
	}
	.toggleBox dt > span, .toggleBox dd > span {
		left: 10px;
		width: 30px;
		height: 30px;
		line-height: 25px;
		font-size: 18px;
	}

	/*접수*/
	.formTitle label {font-size: 16px;}
	.formBox .formTitle {
		font-size: 18px;
	}
	.formBox .formTitle span {display: block; font-size: 16px;}

	
	
}
@media (max-width: 650px) {
	.stepType2 li::before {
		top: 25px;
		width: 30%;
		left: -15%;
	}
	.stepType2 li em {
		width: 50px;
		height: 50px;
		line-height: 54px;
		font-size: 18px;
	}
	.infoPrice {
		display: block;
	}
	.infoPrice::after {
		display: block;
		content: '';
		clear: both;
	}
	.priceBox {
		width: 100%;
		margin-bottom: 10px;
	}
	.priceBox > b {
		padding: 0;
		font-size: 18px;
	}
	.priceBox > span {
		padding-top: 0;
	}
	.priceBox > span em {
		font-size: 20px;
	}
	.priceBox p {
		width: 100%;
		float: none;
		margin-top: 10px;
		border-top: 1px solid #ddd;
		font-size: 15px;
		padding-left: 0;
	}
	.infoPrice button {
		width: 48%;
		float: left;
		margin-left: 4%;
		font-size: 16px;
	}
	.infoPrice button:nth-child(2) {
		margin-left: 0;
	}
	.infoPrice button img {
		display: inline;
		margin: 0;
		margin-right: 10px;
		height: 25px;
		vertical-align: middle;
	}

	.formBox.line {
		padding: 20px;
	}

	input[type='text'].unitInput {
		max-width: calc(100% - 283px);
	}
}

@media (max-width: 560px) {
	.formTable tbody tr th {
		display: block;
		width: 100%;
		padding: 10px 0 0;
		border-top: 1px solid #ddd;
	}
	.formTable tbody tr:first-child th {
		border-top: none;
	}
	.formTable tbody tr td {
		display: block;
		width: 100%;
		padding: 10px 0;
	}
	.formBox .formTable.flexTd tbody tr td.flex-nowrap {
		flex-wrap: wrap;
	}
	.formBox .formTable.flexTd tbody tr td {
		gap: 5px;
	}
	.formBox .formTable.flexTd tbody tr td > input[type='text'],
	.formBox .formTable.flexTd tbody tr td > input[type='date'],
	.formBox .formTable.flexTd tbody tr td > input[type='password'],
	.formBox .formTable.flexTd tbody tr td > input[type='email'],
	.formBox .formTable.flexTd tbody tr td > .select {
		width: 100%;
		max-width: 100%;
	}
	.telBox p {
		margin-left: 0 !important;
		width: 100%;
		display: block;
	}
	.telBox input {
		max-width: calc(100% - 125px);
		width: 100%;
	}


	.petbirth {
		width: 100%;
	}
	.petbirth .mr-10{
		margin-right: 0 !important;
	}
	.petbirth .select {
		width: 100%;
		margin-bottom: 5px;
	}
	.petbirth input {
		width: 100%;
		max-width: 100%;
	}
	
}

@media(max-width: 500px) {
	input[type='text'].unitInput {
		max-width: 100%;
		margin-top: 5px;
	}
}

@media (max-width: 460px) {
	.stepType2 {
		margin-bottom: 20px;
	}
	.stepType2 li {
		width: 33%;
	}
	.stepType2 li::before {
		top: 20px;
	}
	.stepType2 li em {
		width: 40px;
		height: 40px;
		line-height: 44px;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.stepType2 li span {
		height: 30px;
	}
	.state {
		font-size: 13px;
		letter-spacing: -0.5px;
	}
	.search label {
		display: block;
	}

	.addrBox .postcode {
		width: calc(100% - 110px);
	}
	.addrBox .postBtn {
		width: 100px;
		margin-left: 10px;
		height: 45px;
		padding: 0 10px;
		border-radius: 5px;
		border: 1px solid #ddd;
		background: #f2f2f2;
		font-size: 12px;
	}
	.addrBox .address {
		width: 100%;
		max-width: 100%;
		margin-bottom: 5px;
	}
	.addrBox .detail {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
	}
	


}

@media (max-width: 380px) {
	.paging {
		margin-top: 50px;
	}
	.paging a {
		width: 25px;
		height: 25px;
		line-height: 25px;
		font-size: 15px;
		margin-right: 2px;
	}
	.paging a.def {
		width: auto;
	}
	.formBox.line {
		padding: 20px 10px;
	}
	input[type='text'].unitInput {
		max-width: 100%;
	}

}

/*밑줄 추가*/
.lineBottom {
	border-bottom: 1px solid #585858;
	text-decoration: unset !important;
	display: inline-block;
}
.petbirth {
	display: flex;
	gap: 10px;
}