/*
본문
*/
body {    background: #f2f2f2;}
article {    background: #f2f2f2;}
    .container-detail {
        width: calc(100% - 0px);
        padding: 0px 0;
		display:flex;
		flex-wrap: wrap;
		max-width: 1024px;
		background: #f2f2f2;
		    justify-content: center;
    }
/* 헤더영역 */
header {
	position: sticky;
	top: 0px;
	z-index: 999;
}
.sagun-num-row {
    display: flex;
    align-items: center;
    height: 55px;
    padding: 15px 15px 15px 10px;
    justify-content: space-between;
    width: 100%;
	border-bottom: solid 1px #cccccc;
	background: #fff;
}
.sagun-num-row .title-h1 {
		font-size: 1.8rem;
		padding: 0;
	}
		.sagun-num-row .title-h1 .sagun-num {
			font-size: 1.6rem;
			color:#7f7f7f;
			padding-left: 7px;
		}
		.sagun-num-row .title-h1 .material-symbols-outlined {font-size:30px; margin:0px 5px;}

		.sagun-num-row .btn_view-alrm {
			display: inline-flex;
			align-items: center;
			cursor: pointer;
			line-height: 1;
		}
		.sagun-num-row .btn_view-alrm .material-symbols-outlined {
			color: #7f7f7f;
			}
.contents-section {}
	.contents-section .title-mulnum-box {
		width: 100%;
		border-radius: 0px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0;
		padding: 0 0px;
		box-sizing: border-box;
		flex-direction: column;
	}
		.title-mulnum-box .title-sagun {
			font-size: 1.6rem;
			font-weight: 400;
			display: inline-flex;
			align-items: center;
			line-height: 1;
			width: 100%;
			padding: 7px 0px;
			background: #f6f6f6;
			max-width: 1024px;
			color:#7f7f7f;
			justify-content: center;
		}
		.title-sagun.width1024 {
			font-size: 1.6rem;
			font-weight: 400;
			display: inline-flex;
			align-items: center;
			line-height: 1;
			padding: 7px 0px;
			color:#7f7f7f;
		}
			.title-sagun .mulnum-selectbox,
			.title-sagun.width1024 .mulnum-selectbox {
				color:#000;
				font-size: 1.4rem;
				padding: 5px;
				border-radius: 5px 5px;
				border: solid 1px #ccc;
				margin: 0 10px;
				background: #fff;
			font-weight: 600;
			}
			.title-sagun .mulnum-selectbox option,
			.title-sagun.width1024 .mulnum-selectbox option {
				font-size: 1.4rem;
			}
	.title-mulnum-box .title-etc-kind {
		font-size: 1.4rem;
		font-weight: 400;
		display: inline-flex;
		align-items: center;
		line-height: 1;
		width: 100%;
		padding: 5px 10px;
		background: #f6f6f6;
		max-width: 1024px;
		color: #000;
		justify-content: flex-start;
			border-bottom: solid 1px #ccc;
	}
	.title-mulnum-box .title-etc-kind .material-symbols-outlined {font-size: 2rem;}
	.title-etc-kind.width1024 {
		font-size: 1.4rem;
		font-weight: 400;
		display: inline-flex;
		align-items: center;
		line-height: 1;
		width: 100%;
		padding: 5px 10px;
		background: #f6f6f6;
		max-width: 1024px;
		color: #000;
		justify-content: flex-start;
			border-top: solid 1px #ccc;
	}
	.title-etc-kind.width1024 .material-symbols-outlined {font-size: 2rem;}

	.title-mulnum-box .fav-memo-box {
		font-size: 1.4rem;
		font-weight: 400;
		display: inline-flex;
		align-items: center;
		line-height: 1;
		width: 100%;
		padding: 10px;
		background: #fff;
		max-width: 1024px;
		color: #000;
		justify-content: flex-start;
			border-top: solid 1px #ccc;
	}
	.fav-memo-box.width1024 {
		font-size: 1.4rem;
		font-weight: 400;
		display: inline-flex;
		align-items: center;
		line-height: 1;
		width: 100%;
		padding: 0px 0 10px 0;
		background: #fff;
		max-width: 1024px;
		color: #000;
		justify-content: flex-start;
			border-top: solid 0px #ccc;
	}
		.title-mulnum-box .fav-memo-box .fav-memo,
		.fav-memo-box.width1024 .fav-memo {
			display: inline-flex;
			align-items: flex-start;
			width: 100%;
			padding: 5px 10px;
			background: #fff3da;
			justify-content: flex-start;
			border-radius: 10px 10px;
			flex-direction: column;
		}
		.fav-memo-box .fav-memo .title-line,
		.fav-memo-box.width1024 .fav-memo .title-line {
			display: inline-flex;
			align-items: center;
			width:100%;
			color:#7f7f7f;
			position: relative;
		}
			.fav-memo-box .fav-memo .title-line .more-set-box,
			.fav-memo-box.width1024 .fav-memo .title-line .more-set-box {
				z-index:99;
				background: #fff;
				position: absolute;
				right:0;
				top:25px;
				display: inline-flex;
				align-items: flex-start;
				flex-direction: column;
				justify-content: flex-start;
				border:solid 1px #ccc;
			}
			.fav-memo-box .fav-memo .title-line .more-set-box button,
			.fav-memo-box.width1024 .fav-memo .title-line .more-set-box button {
				padding:10px 10px;
				width:150px;
				border-bottom:solid 1px #ccc;
				font-size:1.4rem;
			}
			.fav-memo-box .fav-memo .title-line .more-set-box button:last-child,
			.fav-memo-box.width1024 .fav-memo .title-line .more-set-box button:last-child{
				border-bottom:solid 0px #ccc;
			}
		.fav-memo-box .fav-memo .data-box,
		.fav-memo-box.width1024 .fav-memo .data-box {
			font-size:1.4rem;
			position: relative;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2; /* 최대 줄 수 */
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.fav-memo-box .fav-memo .data-box,
		.fav-memo-box.width1024 .fav-memo .data-box,
		.fav-memo-box .fav-memo span,
		.fav-memo-box.width1024 .fav-memo span {
			font-size:1.4rem;
			line-height:1.4;
		}
		.fav-memo-box .fav-memo .data-box.height,
		.fav-memo-box.width1024 .fav-memo .data-box.height {-webkit-line-clamp: unset;}
		.fav-memo-box .fav-memo .data-box .btn-data-more.open,
		.fav-memo-box.width1024 .fav-memo .data-box .btn-data-more.open {display:block}
		.fav-memo-box .fav-memo .data-box .btn-data-more.close,
		.fav-memo-box.width1024 .fav-memo .data-box .btn-data-more.close {display:none}
		.fav-memo-box .fav-memo .data-box.height .btn-data-more.open,
		.fav-memo-box.width1024 .fav-memo .data-box.height .btn-data-more.open {display:none}
		.fav-memo-box .fav-memo .data-box.height .btn-data-more.close,
		.fav-memo-box.width1024 .fav-memo .data-box.height .btn-data-more.close {display:block}
		.fav-memo-box .fav-memo .material-symbols-outlined,
		.fav-memo-box.width1024 .fav-memo .material-symbols-outlined {font-size:1.8rem; margin-left:auto}
		.fav-memo-box .fav-memo .btn-data-more,
		.fav-memo-box.width1024 .fav-memo .btn-data-more {
			position: absolute;
			right: 0px;
			bottom: 0px;
			border: none;
			color: #0070C0;
			cursor: pointer;
			font-size: 14px;
			padding-left: 2px;
			background: #fff3da;
		}

.img-mulgun-wrap {position: relative;}
.img-mulgun-box {}
	.img-mulgun-box .img-contain {}
		.img-mulgun-box .img-contain .ico-box {
		position: relative;
		width:100%;
		}
			.img-mulgun-box .img-contain .ico-box span,
			.img-mulgun-box .img-contain .ico-box button {
				position: absolute;
			}
		.img-mulgun-box .img-contain .ico-process {
			background: #fff;
			color: #000;
			font-size: 1.6rem;
			border: solid 1px #000;
			border-radius: 5px 5px;
			font-weight: 600;
			left:10px;
			top:10px;
			padding: 8px 13px;
		}
			.img-mulgun-box .img-contain .ico-process.keepgoing {}
		.img-mulgun-box .img-contain .ico-detail-fav {
			background: #ffffff;
			color: #8a8a8a;
			font-size: 2.1rem;
			border-radius: 25px 25px;
			font-weight: 600;
			right:10px;
			top:10px;
			padding: 7px;
			font-variation-settings:
			'FILL' 1,
			'wght' 400,
			'GRAD' 0,
			'opsz' 24
		}
		.img-mulgun-box .img-contain .ico-detail-share {
			background: #ffffff;
			color: #8a8a8a;
			font-size: 2.1rem;
			border-radius: 25px 25px;
			font-weight: 600;
			right:10px;
			top:54px;
			padding: 7px;
			font-variation-settings:
			'FILL' 1,
			'wght' 400,
			'GRAD' 0,
			'opsz' 24
		}
			.img-mulgun-box .img-contain .ico-detail-fav.checked,
			.img-mulgun-box .img-contain .ico-detail-share.checked {color: #ff3300;}
		.img-mulgun-box .img-contain .img-box {}
			.img-mulgun-box .img-contain .img-box img {
			width: 100%;
			height: 230px;
			}
		.img-mulgun-box .img-count-box {
			display: flex;
			justify-content: space-around;
			align-items: center;
			padding: 10px 0;
			gap: 8px;
			background: #f6f6f6;
			color: #e5e5e5;
			height: 44px;
		}

			.img-mulgun-box .img-count-box .img_logo {width:90px;}
			.img-mulgun-box .img-count-box .btn-more-pic {font-size:14px; color:#000;}
			.img-mulgun-box .img-count .material-symbols-outlined {
				font-variation-settings:
				'FILL' 1,
				'wght' 400,
				'GRAD' 0,
				'opsz' 24;
				font-size:12px;
			}
				.img-mulgun-box .img-count .material-symbols-outlined.checked {
					color:#656565;
				}
.basic-info-box {
	background: #fff;
    padding: 10px;
    gap: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.basic-car-box {
    padding: 10px;
    gap: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
	.basic-info-box .basic-address {
    font-size: 1.6rem;
	line-height:1.4;
	}
	.basic-info-box .basic-address .area-name {color:#000000;}
	.basic-info-box .basic-address .address {color:#7f7f7f;}
	.basic-info-box .basic-address span {
		font-size: 1.6rem;
	}
	.basic-info-box .basic-maps {
		display: flex;
		align-items: center;
		gap:5px;
	}
	.basic-info-box .basic-maps .btn {font-size:1.4rem; color:#fff; padding:7px; border-radius:5px 5px}
	.basic-info-box .basic-maps .btn.naver {
	    background: #4ea72e;
		border: solid 1px #2a9503;
	}
	.basic-info-box .basic-maps .btn.kakao {
	    background: #f2b800;
		border: solid 1px #f0ae04;
	}
	.basic-info-box .basic-maps .btn.jijuck {
	    background: #266eb0;
    border: solid 1px #266eb0;
	}
	.basic-info-box .basic-maps .btn.eum {
	    background: #818577;
    border: solid 1px #818577;
	}


	.basic-car-box .basic-car-type {
		display: flex;
		flex-wrap: wrap;
		gap:5px;
		width: 100%;
		margin: 5px auto;
		background: #E7F7FD;
		border: solid 1px #4E95D9;
		padding: 10px;
		border-radius: 10px 10px;
	}
		.basic-car-box .basic-car-type .basic-car-type-li {
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			margin-bottom: 5px;
		}
			.basic-car-box .basic-car-type .basic-car-type-li.half {
				width: 49%;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				margin-bottom: 5px;
			}
			.basic-car-type .basic-car-type-li .txt-sub {
				font-size: 1.4rem;
				color: #0070C0;
				line-height: 1.5;
			}
			.basic-car-type .basic-car-type-li .txt-value {
				font-size:1.6rem;
				font-weight: 500;
				color:#000000;
			}
				.basic-car-type .basic-car-type-li .txt-value-sub {
					font-size:1.4rem;
					color: #0070C0;
					line-height:1.4;
				}
			.basic-car-type-li .txt-value.txt-area-pt { color:#7f7f7f;}
				.basic-car-type-li .txt-value.txt-area-pt .txt-area {
				font-size:17px; font-weight:600; color:#00928B;
				}
				.basic-car-type-li .txt-value.txt-area-pt .txt-area-sub {font-size:14px;}
			.basic-car-type-li .txt-value.txt-area-expt {
				color:#7f7f7f;
			}
				.basic-car-type-li .txt-value.txt-area-expt .txt-area {color:#000000;font-size:17px; font-weight:600; }
				.basic-car-type-li .txt-value.txt-area-expt .txt-area-sub {font-size:14px;}
			.basic-car-type-li .txt-value.txt-date-offer {
				color:#000;
			}
				.basic-car-type-li .txt-value.txt-date-offer .txt-area-sub {font-size:14px;color:#7f7f7f;}

	.detail-more-line {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin: 5px auto;
		    justify-content: space-between;
	}
	.md-btn-line {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-bottom: 20px;
	}
	.md-btn-line .btn-data-more {
		width: 160px;
		height: 43px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 10px 10px;
		color: #000000;
		font-size: 1.4rem;
		background: #ffffff;
		border: solid 1px #e7e7e7;
	}
		.md-btn-line .btn-data-more .material-symbols-outlined {
			color: #aaa;
			margin-left: 5px;
		}

	.basic-info-box .basic-detail {
		display: flex;
		flex-wrap: wrap;
		gap:5px;
		width: 95%;
		margin: 5px auto;
	}
		.basic-info-box .basic-detail .basic-detail-li {
			width: 49%;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			    margin-bottom: 5px;
		}
			.basic-detail .basic-detail-li .txt-sub {
				font-size:14px;
				 color:#7f7f7f;
				 line-height:1.4;
			}
			.basic-detail .basic-detail-li .txt-value {
				font-size:17px;
				color:#000000;
				word-break: break-all;
			}
				.basic-detail .basic-detail-li .txt-value-sub {
					font-size:1.4rem;
					color: #0070C0;
					line-height:1.4;
				}
			.basic-detail-li .txt-value.txt-area-pt { color:#7f7f7f;}
				.basic-detail-li .txt-value.txt-area-pt .txt-area {
				font-size:17px; font-weight:600; color:#00928B;
				}
				.basic-detail-li .txt-value.txt-area-pt .txt-area-sub {font-size:14px;}
			.basic-detail-li .txt-value.txt-area-expt {
				color:#7f7f7f;
			}
				.basic-detail-li .txt-value.txt-area-expt .txt-area {color:#000000;font-size:17px; font-weight:600; }
				.basic-detail-li .txt-value.txt-area-expt .txt-area-sub {font-size:14px;}
			.basic-detail-li .txt-value.txt-date-offer {
				color:#000;
			}
				.basic-detail-li .txt-value.txt-date-offer .txt-area-sub {font-size:14px;color:#7f7f7f;}
	.basic-view-box {
	    display: flex;
		justify-content: space-around;
		background: #f2f2f2;
		color: #7f7f7f;
		width: 100%;
		padding: 10px 10px;
		align-items: center;
		height: 55px;
	}
			.basic-view-box span {
			font-size: 13px;
			}
		.basic-view-box .btn_view-more {
			background: #a6a6a6;
			color: #ffffff;
			display: inline-flex;
			align-items: center;
			padding: 1px 4px;
			border-radius: 3px 3px;
			font-size: 12px;
			cursor: pointer;
			line-height: 1;
		}
			.basic-view-box .btn_view-more .material-symbols-outlined {
				font-family: 'Material Symbols Outlined' !important;
				font-weight: normal;
				font-style: normal;
				letter-spacing: normal;
				text-transform: none;
				display: inline-block;
				white-space: nowrap;
				white-space-collapse: collapse;
				text-wrap: nowrap;
				word-wrap: normal;
				direction: ltr;
				-webkit-font-feature-settings: 'liga';
				-webkit-font-smoothing: antialiased;
				font-size: 20px;
			}

	.basic-price-box {
		background: #fff;
		padding: 20px 10px;
		display: flex;
		flex-direction: column;
		align-items: center;
		width:100%
	}
		.basic-price-box > span {
			width: 85%;
			max-width: 400px;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.basic-price-box .basic-price-li {margin-bottom:10px;}
			.basic-price-box .basic-price-li.gamprice {color:#000000}
				.basic-price-li.gamprice .basic-price-ttl .ico-price { background: #595959;}
				.basic-price-box .basic-price-li.gamprice .txt-area {color:#000000}
			.basic-price-box .basic-price-li.lowprice {color:#0070C0}
				.basic-price-li.lowprice .basic-price-ttl .ico-price {background: #0070C0;}
				.basic-price-li.lowprice .txt-area {color:#0070C0}
				.basic-price-li.lowprice .ico-basic-percent {
				color: #0070C0;
				font-size: 1.5rem;
				margin-left:5px;
				}
			.basic-price-box .basic-price-li.nakprice {color: #FF0000;margin-bottom: 2px;}
				.basic-price-li.nakprice .basic-price-ttl .ico-price {background: #FF0000;}
				.basic-price-li.nakprice .ico-basic-percent {
				color: #FF0000;
				font-size: 1.5rem;
				margin-left:5px;
				}
				.basic-price-box .basic-price-li.nakprice .txt-area {color:#FF0000}
			.basic-price-box .basic-price-li.nakname {
				font-size: 1.4rem;
				color: #FF0000;
				justify-content: flex-end;
				text-align: right;
			}
			.basic-price-box .basic-price-li.secndprice {margin-bottom: 2px;color: #7f7f7f;}
				.basic-price-li.secndprice .basic-price-ttl .ico-price {background: #7f7f7f;}
				.basic-price-li.secndprice .txt-area {color:#7f7f7f}
				.basic-price-li.secndprice .ico-basic-percent {
				color: #7f7f7f;
				font-size: 1.5rem;
				margin-left:5px;
				}
				.basic-price-box .basic-price-li.secndgap {
				font-size: 1.4rem;
				color: #7f7f7f;
				justify-content: flex-end;
			}
			.basic-price-box .basic-price-li.tryprice {color:#a27b00}
				.basic-price-li.tryprice .basic-price-ttl .ico-price {background: #a27b00;}
				.basic-price-li.tryprice .txt-area {color:#a27b00}
				.basic-price-li.tryprice .ico-basic-percent {
				color: #a27b00;
				font-size: 1.5rem;
				margin-left:5px;
				}

	.basic-price-box .basic-price-li .basic-price-ttl {
	    display: flex;
		align-items: center;
	}
		.basic-price-li .basic-price-ttl .ico-price {
			width: 60px;
			height: 23px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 5px 5px;
			color: #fff;
			font-size: 1.4rem;
			font-weight:600;
		}
		.basic-price-box .basic-price-li .basic-price-num {font-size:1.6rem}
			.basic-price-box .basic-price-li .basic-price-num .txt-area {font-size:1.9rem; font-weight:600;}


/* 공통 박스 css */
.detail-info-box {
	background: #fff;
	padding:0px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width:100%;
	margin-top:10px;
}

		.detail-info-box .data-box {
			border-top: solid 1px #e7e7e7;
		    width: 95%;
			padding: 15px 10px;
			margin: 0 10px;
		}
		.detail-info-box .data-box * {
			font-size:1.4rem;
		}

			.detail-info-box .btn-box-3rd {
				display: flex;
				align-items: center;
				border-top:solid 1px #e7e7e7;
				border-bottom:solid 1px #e7e7e7;
				width:100%;
			}
			.detail-info-box .btn-box-3rd.box-6th {
				border-top:solid 0px #e7e7e7;
			}

				.detail-info-box .btn-box-3rd button {
			font-size:1.4rem;
					display: flex;
					align-items: center;
					justify-content: center;
					flex: 1;
					height:40px;
					border-left:solid 1px #e7e7e7;
				}
					.detail-info-box .btn-box-3rd button:first-child {

						border-left:solid 0px #e7e7e7;
					}
				.detail-info-box .btn-box-3rd button .ico-live {
					font-weight:600;
					color: #FF0000;
					font-size:1.4rem;
					margin-left:3px;
				}

/* 입찰정보 info-bid */
	.detail-info-box.info-bid {}

		.detail-info-box .data-box.bid-info {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 10px;
		}
	.detail-info-box .bid-info-title {
	    padding: 10px 10px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height:41px;
	}
		.detail-info-box .bid-info-title .title-txt {font-size:1.4rem;color:#7f7f7f;}
		.detail-info-box .bid-info-title .ico-bid-info {
			padding: 1px 5px;
			background: #7d7d7d;
			color: #fff;
			width: 70px;
			height: 24px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border-radius:3px 3px;
			font-size: 1.4rem;
		}
		.detail-info-box .bid-info-title .ico-bid-info.dday-seven {
			background: #c00000;
		}
		.detail-info-box .data-box.bid-info .mg-date {
			color: #7f7f7f;
		}
			.detail-info-box .data-box.bid-info .mg-date .date {
				color: #000;
				font-weight:600;
				font-size: 1.6rem;
			}

			.data-box.bid-info .bj-price {}
			.data-box.bid-info .bj-price .wn-text {}
			.data-box.bid-info .bj-price .wn20-text {color: #FF0000 !important;}
			.data-box.bid-info .bj-price .price {
				font-weight:600;
			}
			.data-box.bid-info .date-txt {
				display: flex;
				flex-direction: column;
				align-items: center;
			}
				.data-box.bid-info .date-txt span {color: #7f7f7f;
				line-height:1.2;}


/* 대법원공고 daebub_cont*/

.daebub_cont {}
.detail-info-box.daebub_cont {}
	.detail-info-box .daebub_cont-title {
	    padding: 10px 10px;
		display: flex;
		align-items: center;
		width: 100%;
		height:41px;
	}
		.detail-info-box .daebub_cont-title .title-txt {font-size:1.4rem;color:#7f7f7f;}

		.detail-info-box.daebub_cont .data-box {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
		}
		.detail-info-box.daebub_cont .data-box span {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
		line-height:1.4;
		}
		.detail-info-box.daebub_cont .data-box .title-sub-txt {
			font-weight:600;
		}
		.detail-info-box.daebub_cont .data-box .cont-txt {
		margin-bottom:10px;
		}
/* 채권자 제보 chaegwon_cont */

.chaegwon_cont {}
.detail-info-box.chaegwon_cont {}
	.detail-info-box .chaegwon_cont-title {
	    padding: 10px 10px;
		display: flex;
		align-items: center;
		width: 100%;
		height:41px;
	}
		.detail-info-box .chaegwon_cont-title .title-txt {    font-size: 1.4rem;
			color: #0070C0;
			display: flex;
			align-items: center;
		}
		.detail-info-box .chaegwon_cont-title .title-txt .material-symbols-outlined {font-size: 1.8rem; margin-right:5px;}

		.detail-info-box.chaegwon_cont .data-box {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
		}
			.detail-info-box.chaegwon_cont .data-box .cont-ul {
			padding-left:18px;
			}
				.detail-info-box.chaegwon_cont .data-box .cont-ul li {
				line-height:1.4;
				}
		.detail-info-box.chaegwon_cont .data-box span {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			line-height:1.4;
		}

/* 관련사건 connect_cont */

.connect_cont {}
.detail-info-box.connect_cont {}
	.detail-info-box .connect_cont-title {
	    padding: 10px 10px;
		display: flex;
		align-items: center;
		width: 100%;
		height:41px;
	}
		.detail-info-box .connect_cont-title .title-txt {    font-size: 1.4rem;
			color: #7f7f7f;
			display: flex;
			align-items: center;
		}
		.detail-info-box .connect_cont-title .title-txt .material-symbols-outlined {font-size: 1.8rem; margin-right:5px;}

		.detail-info-box.connect_cont .data-box {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
		}
			.detail-info-box.connect_cont .data-box span {

				line-height:1.4;
			}
				.detail-info-box.connect_cont .data-box .title-sub-txt {
					font-weight:600;
				}
				.detail-info-box.connect_cont .data-box .cont-txt {
				margin-bottom:10px;
				}
			.detail-info-box.connect_cont .data-box .cont-ul {
			padding-left:18px;
			}
				.detail-info-box.connect_cont .data-box .cont-ul li {
				line-height:1.4;
					color: #7f7f7f;
				}
				.detail-info-box.connect_cont .data-box .cont-ul li .btn-view-dsearch {
					border: 0px;
					font-size: 1.4rem;
					color: #0070C0;
					background-color: #fff;
				}


/*pdf 버튼*/

	.detail-info-box .deunglok-cont-notice {
		padding: 10px 0;
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 10px;
		flex-wrap: wrap;
		justify-content: center;
	}
		.detail-info-box .deunglok-cont-notice .sub-txt {
			color:#7f7f7f;
			font-size:1.4rem;
		}
			.detail-info-box .deunglok-cont-notice .btn-view-deunggi-pdf {
			    padding: 10px 40px;
				height: 30px;
				background: #f2f2f2;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				border-radius: 5px 5px;
				font-size:1.4rem;
				gap:5px;
			}
				.detail-info-box .deunglok-cont-notice .btn-view-deunggi-pdf .sp-text {
					color:#e52e2e;
					font-size:1.4rem;
				}



/* 사고이력정보 accdnt-cont */
.accdnt-cont {}
	.accdnt-cont-title .btn-mp {
		border-radius: 3px 3px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		text-decoration: none !important;
		letter-spacing: -1px;
		height: 24px;
		border: solid 1px #595959;
		background-color: #ffffff;
		padding: 2px 8px;
		font-size: 14px;
		font-weight: 600;
		color: #000000;
	}
		.accdnt-cont-title .btn-mp .material-symbols-outlined {
			font-family: 'Material Symbols Outlined' !important;
			font-weight: normal;
			font-style: normal;
			letter-spacing: normal;
			text-transform: none;
			display: inline-block;
			white-space: nowrap;
			white-space-collapse: collapse;
			text-wrap: nowrap;
			word-wrap: normal;
			direction: ltr;
			-webkit-font-feature-settings: 'liga';
			-webkit-font-smoothing: antialiased;
			font-size: 18px;
		}
.detail-info-box.accdnt-cont {}
	.detail-info-box .accdnt-cont-title {
	    padding: 10px 10px;
		display: flex;
		align-items: center;
		width: 100%;
		height:41px;
		justify-content: space-between;
		border-top: solid 1px #e0e0e0;
	}
		.detail-info-box .accdnt-cont-title .title-txt {font-size:1.4rem; color:#7f7f7f;}
		.detail-info-box .accdnt-cont-title .title-txt-sub {font-size:1.4rem; color:#000000;}
		.accdnt-cont .building-btn-box {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
			width:100%;
		}
		.accdnt-cont .bdang-noti-box {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
		}

		.detail-info-box.accdnt-cont .data-box {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			padding: 10px;
			border-top: solid 0px #e0e0e0;
			background: #dae4ee;
			border-radius: 5px 5px;
		}
		.detail-info-box.accdnt-cont .data-box span {
			line-height:1.4;
		}
		.detail-info-box .table-box .hori-table {
			border-top: 1px solid #e0e0e0;
		}
			.detail-info-box .table-box .hori-table.accdnt-cont th {
				font-weight:400;
			}

			.detail-info-box .table-box .hori-table.accdnt-cont .cont-ul {
				padding-left:18px;
				width: 100%;
			}
				.detail-info-box .table-box .hori-table.accdnt-cont .cont-ul li {
				line-height:1.4;
				text-align: left;
				}
					.detail-info-box .table-box .hori-table.accdnt-cont .cont-ul li.abl-date {font-weight:600;}
					.detail-info-box .table-box .hori-table.accdnt-cont .cont-ul li.abl-date .abl-prid {font-weight:400; color:#ec8653}
	.detail-info-box .accdnt-cont-notice {
		padding: 10px;
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 10px;
		flex-wrap: wrap;
		justify-content: center;
	}
		.detail-info-box .accdnt-cont-notice .sub-txt {
			color:#7f7f7f;
			font-size:1.4rem;
		}
			.detail-info-box .accdnt-cont-notice .btn-view-building {
			    padding: 2px 10px;
				height: 35px;
				background: #f2f2f2;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				border-radius: 5px 5px;
				font-size:1.4rem;
				gap:5px;
				width: 100%;
			}
.table-box .hori-table.accdnt-cont td span {display:block; width:100%}
.table-box .hori-table.accdnt-cont td span.txtgray {display:contents}


/* 알려드립니다. notice_annon_cont */

.notice_annon_cont {}
.detail-info-box.notice_annon_cont {}
	.detail-info-box .notice_annon_cont-title {
	    padding: 10px 10px;
		display: flex;
		align-items: center;
		width: 100%;
		height:41px;
	}
		.detail-info-box .notice_annon_cont-title .title-txt {    font-size: 1.4rem;
			color: #7f7f7f;
			display: flex;
			align-items: center;
		}
		.detail-info-box .notice_annon_cont-title .title-txt .material-symbols-outlined {font-size: 1.8rem; margin-right:5px;}

		.detail-info-box.notice_annon_cont .data-box {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			    border-top: solid 0px #e7e7e7;
		}
			.detail-info-box.notice_annon_cont .data-box .cont-ul {
			padding-left:18px;
			}
				.detail-info-box.notice_annon_cont .data-box .cont-ul li {
				line-height:1.4;
				}
		.detail-info-box.notice_annon_cont .data-box span {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			line-height:1.4;
		}
		.notice_annon_cont .gotaein-box {
			display: flex;
			flex-direction: column;
			align-items: center;
		    justify-content: center;
			border-radius:10px 10px;
			padding:20px 15px;
			background:#4e95d9;
			color:#ffffff;
			font-size: 1.6rem;
			line-height:1.4;
			text-align:center;
			gap:5px;
			    width: 95%;
		}
		.notice_annon_cont .gotaein-box .focus {
			color:#f8fa07;
			font-size: 1.6rem;
			font-weight:600;
			display:contents;
		}
		.notice_annon_cont .gotaein-box .disp-contents {
			font-size: 1.6rem;
		}
		.notice_annon_cont .gotaein-box .btn-gotaein {
			display: flex;
			align-items: center;
		    justify-content: center;
			width:100%;
			border-radius:10px 10px;
			padding:10px;
			background:#ffffff;
			color:#7f7f7f;
			gap:10px;
			font-size: 1.6rem;
			margin-top:10px;
			}
			.notice_annon_cont .gotaein-box .btn-gotaein img {
				width:100px;
				}



/*하단 안내사항*/
.information-section {
    background: #f2f2f2;
    padding: 20px 10px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    border-bottom: solid 1px #e0e0e0;
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
}
	.information-section .btn-goto-top {
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 25px 25px;
		width: 60%;
		max-width: 200px;
		background: #fff;
		margin: 0 auto;
		padding: 10px 0;
		color:#7f7f7f;
			font-size:1.6rem;
			gap:10px;
	}
	.information-section .information-box {
		width:100%;
		padding: 0 15px 0 25px;
		margin: 0;
	}
		.information-section .information-box li {
			font-size:1.4rem;
			line-height:1.4;
			color:#7f7f7f;
		}
		.information-section .information-box li .btn-tip-off {
			color:#000000;
			font-size:1.4rem;
		}
			.information-section .information-box li.notice {
				color:#c10000;
			}
			.information-section .information-box li .txt-sub {
			color:#000000;
			font-size:1.4rem;
			text-decoration:underline
			}
			.information-section .btn-goto-top .material-symbols-outlined {
				color:#000000;
			}
.gopc-section {
    background: #f2f2f2;
    padding: 20px 10px;
    display: none;
}
	.gopc-section .btn-goto-pc {
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 8px 8px;
		width: 100%;
		height:80px;
		max-width: 340px;
		background: #fff;
		margin: 0 auto;
		padding: 0;
		color:#000000;
		font-weight:600;
		font-size:1.6rem;
		border:solid 2px #000000;
	}




/* 상세 테이블 공통 */
.detail-info-box .table-box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding:0;
	width: 100%;
}
.detail-info-box .table-box > span {
	width: 100%;
	line-height:1.4;
}
.detail-info-box .table-box * {
	font-size:1.4rem;
	line-height:1.4;
}
/* 세로형 테이블 */
	.detail-info-box .table-box .detail-table {
		width: 100%;
		border-collapse: collapse;
	}
		.detail-info-box .table-box .detail-table th {
			background: #f5f5f5;
			border-right: 1px solid #e0e0e0;
			border-bottom: 1px solid #e0e0e0;
			height:35px;
			font-weight:600;
			line-height:1.4;
		}
		.table-box .detail-table td {
			border-right: 1px solid #e0e0e0;
			border-bottom: 1px solid #e0e0e0;
			text-align: left;
			line-height:1.4;
			padding:5px;
		}
			.table-box .detail-table th:last-child {
				border-right: 0px solid #e0e0e0;
			}
			.table-box .detail-table td:last-child {
				border-right: 0px solid #e0e0e0;
			}
			.table-box .detail-table td:first-child {
			}

/* 가로형 테이블 */

	.detail-info-box .table-box .hori-table {
		width: 100%;
		border-collapse: collapse;
	}
		.detail-info-box .table-box .hori-table th {
			background: #f5f5f5;
			border-right: 1px solid #e0e0e0;
			border-bottom: 1px solid #e0e0e0;
			height:35px;
			font-weight:600;
			line-height:1.4;
		}
		.table-box .hori-table td {
			border-right: 1px solid #e0e0e0;
			border-bottom: 1px solid #e0e0e0;
			text-align: center;
			line-height:1.4;
			padding:5px;
		}
			.table-box .hori-table th:last-child {
				border-right: 0px solid #e0e0e0;
			}
			.table-box .hori-table td:last-child {
				border-right: 0px solid #e0e0e0;
			}
			.table-box .hori-table td:first-child {
			}
			.table-box .hori-table td.left {
			text-align:left
			}
/* 알려드립니다 레이어팝업 */

 .popup-notice-wrap {
        max-height: 50vh;
        margin-top: 0px;
        padding: 20px 13px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
		border-radius: 10px;
		width: 90%;
		max-width: 350px;
		min-width: 200px;
	}
	.popup-notice-wrap h3 {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.popup-notice-wrap .title {
		font-size: 1.8rem;
		color: #000000;
		font-weight: 600;
		display: flex;
		align-items: center;
		}
	.popup-notice-wrap .title .material-symbols-outlined {
	  font-variation-settings:
	  'FILL' 0,
	  'wght' 400,
	  'GRAD' 0,
	  'opsz' 48;
	  font-size:20px;
	  margin-right:5px;
		}
    .popup-notice-wrap .notice-cont-box {
		padding: 0px;
		background: #ffffff;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		    gap: 15px;
    }
	    .notice-cont-box .notice-input-box {
			display: flex;
			align-items: flex-start;
			width: 100%;
			border-radius: 20px 20px;
			padding: 8px 5px;
			justify-content: center;
			margin-bottom: 10px;
			flex-direction: column;
			width: 100%;
			font-size:1.4rem;
		}
			.notice-cont-box .notice-input-box .folder-select-line {
				font-weight: 600;
				font-size: 1.6rem;
				color: #000;
				display: flex;
				align-items: center;
				width: 100%;
			}
				.notice-cont-box .notice-input-box .notice-folder-input {
					border: 0;
					background: #fff;
					font-size:1.4rem;
					width: 100%;
					margin:10px 0 0 0 ;
					color: #7f7f7f;
					flex:1;
					min-width: 0;
					max-width: 100%;
					padding:7px 5px;
					border-radius:5px 5px;
				}
	    .notice-cont-box .notice-text-box {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 15px;
			width: 100%;
		}
			.notice-cont-box .notice-text-box .list-title {
				margin:15px 0 5px 0;
				font-size: 1.5rem;
				color: #ff0000;
				text-align: center;
				line-height: 1.4;
				width: 100%;
			}
				.notice-cont-box .notice-text-box .list-title span {
					font-size: 1.6rem;
					color: #0673c1;
					line-height: 1.4;
				}
			.notice-cont-box .notice-text-box .list-title .material-symbols-outlined {
				font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 24;
				color: #E97132;
				font-size: 20px;
				margin-right: 5px;
			}
	    .notice-cont-box .notice-text-box .list-list {
			color: #7f7f7f;
			gap: 0px;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			flex-direction: row;
			text-align: center;
			line-height:1.4;
			font-size:1.4rem;
		}
			.notice-cont-box .notice-text-box .btn-member-login {
				background: #0070c0;
				color: #ffffff;
				border-radius: 5px 5px;
				padding: 15px 15px;
				display: flex;
				align-items: center;
				justify-content: center;
				gap:10px;
				line-height:1.5;
				font-size:1.5rem;
				    width: 100%;
			}
				.notice-cont-box .notice-text-box .btn-member-login img {
					width:105px
				}
	    .notice-cont-box .notice-text-box {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 5px;
			width: 100%;
		}
			.notice-cont-box .notice-text-box .list-list-sub {
				color: #7f7f7f;
				gap: 0px;
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: center;
				flex-direction: row;
				text-align: center;
				line-height:1.4;
				font-size:1.4rem;
			}
				.notice-cont-box .notice-text-box .btn-member-join {
					background: #7f7f7f;
					color: #ffffff;
					border-radius: 5px 5px;
					padding: 15px 15px;
					display: flex;
					align-items: center;
					justify-content: center;
					gap:10px;
					line-height:1.5;
					font-size:1.5rem;
					width: 100%;
				}

/* 1. 애니메이션 */
@keyframes messageUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}




/* sns 공유 팝업 */
.share-wrap {
    display: ;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 0px;
    border-radius: 5px;
    z-index: 1001;
    width: 90%;
    max-width: 900px;
    min-width: 260px;
}
	.share-wrap .share-content {
	    background: #fff;
		width: 100%;
		max-height: 80vh;
		margin-top: 0px;
		border-radius: 8px;
		position: relative;
		overflow-y: auto;
		padding: 13px;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	}
		.share-wrap .share-content h3 {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding-bottom: 15px;
		}
			.share-wrap .share-content h3 span {

				font-size:1.6rem;
			}
			.share-wrap .share-content h3 .close-button {}
			.share-wrap .share-content .share-box {
			    width: 100%;
				border-top: solid 1px #ccc;
				padding-top: 15px;
			}
	.share-box .share-kind {
		width: 95%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
		.share-kind .share-list {
			display: inline-flex;
			flex-direction: column;
			align-items: center;
			width: 25%;
			margin-bottom:15px;
		}
			.share-list .list-img {
				width: 80%;
				height: 80%;
				display: block;
				min-width:46px;
				min-height:46px;
				max-width:86px;
				max-height:86px;
				border: solid 1px #eeeeee;
				border-radius:15px 15px;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.share-list .list-img .material-symbols-outlined {
			font-size: 4.2rem;
			color:#bbbbbb;
			}
			.share-list .list-img img {width:100%;min-width:56px;min-height:56px;}
			.share-list .list-name {
			margin-top:5px;
			font-size:1.2rem;
			color:#7f7f7f;
			}
			.share-wrap .share-content .email-input-box {
				width: 95%;
				margin: 0 auto;
				padding: 10px;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				flex-direction: column;
			}
			.share-content .email-input-box .email-input {

				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
			}
			.share-content .email-input-box .email-input-ttl {
				font-size:1.4rem;
				margin-bottom:5px;
			}
				.email-input-box .email-input .input-email {
					font-size: 1.4rem;
					padding: 5px;
					border-radius: 5px 5px;
					border: solid 1px #ccc;
					width: 78%;
				}
				.email-input-box .email-input .btn-email-submitto {
					font-size: 1.4rem;
					font-weight: 600;
					color: #fff;
					background: #0070c0;
					padding: 5px;
					border-radius: 5px 5px;
					width: 18%;
					display: inline-flex;
					align-items: center;
					justify-content: center;
					line-height: 1;
				}
/*관심물건 팝업*/

 .fav-detail-wrap {
        background: #fff3da;
        max-height: 50vh;
        margin-top: 0px;
        padding: 13px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    }
	.fav-detail-wrap h3 {

		display: flex;
		align-items: center;
	}
	.fav-detail-wrap .title {
		font-size: 1.6rem;
		color: #7f7f7f;
		font-weight: 600;
		display: flex;
		align-items: center;
		}
	.fav-detail-wrap h3 .title .material-symbols-outlined {
		font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 24;
		color: #c10000;
		font-size: 20px;
		margin-right: 5px;
	}
	.fav-detail-wrap h3 .settings-button {    margin-left: auto;}
	.fav-detail-wrap h3 .close-button { margin-left: 5px;}
	.fav-detail-wrap h3 .settings-button .material-symbols-outlined {color: #7f7f7f;
		font-size: 20px;}
	.fav-detail-wrap h3 .close-button .material-symbols-outlined {color: #7f7f7f;
		font-size: 20px;}

    .fav-detail-wrap .fav-cont-box {
		padding: 0px;
		background: #fff3da;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
    }
	    .fav-cont-box .fav-input-box {
			display: flex;
			align-items: flex-start;
			width: 100%;
			border-radius: 20px 20px;
			padding: 8px 5px;
			justify-content: center;
			margin-bottom: 10px;
			flex-direction: column;
			width: 100%;
			font-size:1.4rem;
		}
			.fav-cont-box .fav-input-box .folder-select-line {
				font-weight: 600;
				font-size: 1.6rem;
				color: #000;
				display: flex;
				align-items: center;
				width: 100%;
			}
				.fav-cont-box .fav-input-box .fav-folder-input {
					border: 0;
					background: #fff;
					font-size:1.4rem;
					width: 100%;
					margin:10px 0 0 0 ;
					color: #7f7f7f;
					flex:1;
					min-width: 0;
					max-width: 100%;
					padding:7px 5px;
					border-radius:5px 5px;
				}
				.fav-cont-box .fav-input-box .folder-select-line .fav-folder-select {
					border: 0;
					background: #fff;
					font-size:1.4rem;
					width: 100%;
					margin: 0 0 0 10px;
					color: #7f7f7f;
					flex:1;
					min-width: 0;
					max-width: 100%;
					padding:5px;
					border-radius:5px 5px;
					height:34px;
				}
					.fav-cont-box .fav-input-box .folder-select-line .fav-folder-select option {
						font-size:1.4rem;
					}
	    .fav-cont-box .fav-text-box {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			margin-bottom: 20px;
			width: 100%;
		}
	    .fav-cont-box .fav-text-box .list-title {
			margin-bottom: 10px;
			margin-top: 10px;
			font-size: 1.6rem;
			color: #E97132;
		}
			.fav-cont-box .fav-text-box .list-title .material-symbols-outlined {
				font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 24;
				color: #E97132;
				font-size: 20px;
				margin-right: 5px;
			}
	    .fav-cont-box .fav-text-box .list-list {
			gap: 0px;
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			justify-content: flex-start;
			flex-direction: row;
			width: 100%;
		}
	    .fav-cont-box .fav-text-box .fav-folder-textbox {
			border: 0;
			background: #fff;
			font-size:1.4rem;
			width: 100%;
			margin: 0;
			color: #7f7f7f;
			flex:1;
			min-width: 0;
			max-width: 100%;
			padding:7px 5px;
			border-radius:5px 5px;
			height: 80px;
		}
		.fav-cont-box .fav-button-box {
			width: 100%;
			display: flex;
			align-items: center;
		}

		.fav-cont-box .fav-button-box label {
			width: 70%;
			display: flex;
			flex-wrap: wrap;
			font-size:1.4rem;
		}
		.fav-cont-box .fav-button-box .btn-fav-delete {
			color:#c10000;
			padding:3px 5px;
			width:80px;
			height:32px;
			font-size:1.4rem;
			}
		.fav-cont-box .fav-button-box .btn-fav-modify {
			background:#000;
			color:#fff;
			border-radius:5px 5px;
			padding:3px 5px;
			width:100px;
			height:32px;
			font-size:1.4rem;
		}
/* 공부 pdf full width 레이어팝업 */
.popup-doc-wrap {
	display: none;
    align-items: center;
    padding: 0px;
    justify-content: space-between;
    width: 100%;
    background: #fff;
	border-bottom: solid 1px #e7e7e7;
	flex-direction: column;
}
	.popup-doc-wrap .title-h1 {
		font-size: 1.8rem;
		padding: 15px 15px 15px 10px;
		width: 100%;
		height: 55px;
	}
		.popup-doc-wrap .title-h1 .btn-bd-dunggi,
		.popup-doc-wrap .title-h1 .btn-tj-dunggi {
			font-size: 1.4rem;
			color: #7f7f7f;
			border: solid 1px #e7e7e7;
			border-radius: 3px 3px;
			margin-left: 3px;
			line-height: 1;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 66px;
			height: 25px;
		}
		.popup-doc-wrap .title-h1 .btn-bd-dunggi.focus,
		.popup-doc-wrap .title-h1 .btn-tj-dunggi.focus {
			border: solid 1px #326291;
			background: #326291;
			color:#ffffff;
			position:relative;
		}
			.popup-doc-wrap .title-h1 .btn-bd-dunggi.focus::before,
			.popup-doc-wrap .title-h1 .btn-tj-dunggi.focus::before {
				content:'';
				width: 0;
				height: 0;
				border-left: 10px solid transparent;
				border-right: 10px solid transparent;
				border-top: 10px solid #326291;
				position:absolute;
				left:35%;
				top:23px;
			}
		.popup-doc-wrap .btn_view-alrm .material-symbols-outlined {
			color: #7f7f7f;
			}
	.content-box {
		width: 100%;
		height: calc(100vh - 55px);
	}
/* 우측메뉴 */
.side-close-button {
    margin: 15px 0;
}
.title-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.title-wrap .side-logo-button .img_logo {width:110px;}

.detail-side-section {
    width: 100%;
}

.detail-side-section {
    width: 100%;
}
.detail-side-section .detail-side-wrap {
padding-bottom:20px;
}

.detail-side-wrap .detail-side-top {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-top: 20px;
    border-top: solid 1px #e7e7e7;
}
	.detail-side-wrap .btn-courtlink-box {
		width: 100%;
		font-weight: bold;
		cursor: pointer;
		border: solid 1px #1a1e4f;
		color: #ffffff;
		padding: 5px 4px;
		margin: 0;
		line-height: 16px;
		background: #1a1e4f;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
		.detail-side-wrap .btn-courtlink-box span {
			padding: 5px;
			border-radius: 5px 5px;
			background-color: #ffffff;
			margin-left: 5px;
			margin-right: 15px;
		}
			.detail-side-wrap .btn-courtlink-box span img {
				width: 17px;
			}
	.detail-side-wrap .btn-sagunsearch-box {
		width: 100%;
		font-weight: bold;
		cursor: pointer;
		border: solid 1px #048195;
		color: #ffffff;
		padding: 5px 4px;
		margin: 0;
		line-height: 16px;
		background: #048195;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
		.detail-side-wrap .btn-sagunsearch-box span {
			padding: 5px;
			border-radius: 5px 5px;
			background-color: #ffffff;
			margin-left: 5px;
			margin-right: 15px;
		}
			.detail-side-wrap .btn-sagunsearch-box span img {
				width: 17px;
			}
	.detail-side-wrap .submenu {
		background: #fdefe7;
		width: 100%;
		height: 40px;
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: space-around;
		padding: 5px 5px;
	}
	.detail-side-wrap .submenu .ttl {
		font-size: 1.4rem;
		color:#ff0000;
	}
		.detail-side-wrap .submenu .sub-ttl {
		font-size: 1.4rem;
		}
		.detail-side-wrap .submenu .btn-add-recomm {
			font-size: 1.4rem;
			background: #000;
			border-radius: 5px 5px;
			padding: 3px 8px;
			color: #fff;
			height: 25px;
		}
.detail-side-title {
    padding: 8px 3px;
    display: flex;
    align-items: center;
}
	.detail-side-title .material-symbols-outlined  {
		margin-left: 10px;
	}

	.detail-side-wrap .detail-side-list {
	    display: flex;
		align-items: flex-start;
		flex-direction: column;
		gap:10px;
		padding: 10px;
		background: #f9f9f9;
	}
		.detail-side-wrap .detail-side-list .left-menu {
			display: flex;
			align-items: center;
			width:100%;
		}

			.detail-side-wrap .detail-side-list .left-menu img  {
				width:20px;
				margin-left:2px;
				margin-right: 5px;

			}
			.detail-side-wrap .detail-side-list .material-symbols-outlined {
				color:#000;
				margin-right: 5px;
			}
			.detail-side-wrap .detail-side-list .material-symbols-outlined.arrow {
				color:#aaa;
				margin-left: 5px;
			}

			.detail-side-wrap .detail-side-list .left-menu .out-link {
				color: #cccccc;
				margin-left: auto;
				font-size: 2.2rem;
			}

			.detail-side-wrap .detail-side-list .left-menu .img_naver {
				background: url(/commonV2/images/icon/ico_naver_map_off.png) no-repeat 3px 0; background-size: 20px 20px; width:24px; height:22px;
				display:inline-block; content: ""; margin-right:5px; cursor:pointer;
			}
			.detail-side-wrap .detail-side-list .left-menu.on .img_naver {
				background: url(/commonV2/images/icon/ico_naver_map_on.png) no-repeat 3px 0; background-size: 20px 20px;
			}
			.detail-side-wrap .detail-side-list .left-menu .img_kakao {
				background: url(/commonV2/images/icon/ico_kakao_map_off.png) no-repeat 3px 0; background-size: 20px 20px; width:24px; height:22px;
				display:inline-block; content: ""; margin-right:5px; cursor:pointer;
			}
			.detail-side-wrap .detail-side-list .left-menu.on .img_kakao {
				background: url(/commonV2/images/icon/ico_kakao_map_on.png) no-repeat 3px 0; background-size: 20px 20px;
			}
			.detail-side-wrap .detail-side-list .left-menu .img_seer {
				background: url(/commonV2/images/icon/ico_seer_map_off.png) no-repeat 3px 0; background-size: 20px 20px; width:24px; height:22px;
				display:inline-block; content: ""; margin-right:5px; cursor:pointer;
			}
			.detail-side-wrap .detail-side-list .left-menu.on .img_seer {
				background: url(/commonV2/images/icon/ico_seer_map_on.png) no-repeat 3px 0; background-size: 20px 20px;
			}
			.detail-side-wrap .detail-side-list .left-menu .img_google {
				background: url(/commonV2/images/icon/ico_google_map_off.png) no-repeat 3px 0; background-size: 20px 20px; width:24px; height:22px;
				display:inline-block; content: ""; margin-right:5px; cursor:pointer;
			}
			.detail-side-wrap .detail-side-list .left-menu.on .img_google {
				background: url(/commonV2/images/icon/ico_google_map_on.png) no-repeat 3px 0; background-size: 20px 20px;
			}
			.detail-side-wrap .detail-side-list .left-menu { cursor:pointer;}
			.detail-side-wrap .detail-side-list .left-menu:hover,
			.detail-side-wrap .detail-side-list .left-menu.on span,
			.detail-side-wrap .detail-side-list .left-menu.on .material-symbols-outlined {color:red !important;}


		.detail-side-wrap .detail-side-list .left-menu-sub {
			display: none;
			align-items: flex-start;
			flex-direction: column;
			margin-left: 3px;
			background: #fff;
			padding: 15px;
			width: 220px;
			border-radius: 10px 10px;
		}
			.detail-side-list .left-menu-sub .btn-menu-sub {
				display: flex;
				align-items: center;
				margin-bottom: 10px;
			}
			/* 초기 상태 세팅 */
			.detail-side-wrap .detail-side-list .left-menu-sub.show {
				display: flex;
			}
				/* 메뉴가 열렸을 때 화살표 스위칭 */
				.left-menu.open .arrow.down {
					display: none;
				}
				.left-menu.open .arrow.up {
					display: inline-block;
				}
				.left-menu .arrow.up {
					display: none;
				}
				.left-menu-sub .btn-menu-sub .material-symbols-outlined  {
					font-variation-settings:
					'FILL' 1,
					'wght' 400,
					'GRAD' 0,
					'opsz' 24;
						font-size: 1.2rem;
						color:#000;
				}
		.btn-menu-sub .btn-menu-sub-txt {}
		.fcRed {color:#f83e07;}
		.fcBlue {color:#0035ff;}
		.fcGreen {color:#4b984b;}

.ico-arrow-gray {color:#7f7f7f;font-size:1.4rem;margin-left:5px;}
.ico-arrow-blue {
	color: #61cbf4;
	font-size:1.4rem;
	margin-left:5px;
}
/* full-layer-mode 공부레이어 오픈시 컨트롤 div */

body.full-layer-mode .head-section,
body.full-layer-mode .contents-section,
body.full-layer-mode .foot-section,
body .popup-doc-wrap {display:none !important;}
body.full-layer-mode .popup-doc-wrap {display:flex !important;}

/*공통*/
.txtbold {font-weight:600;}
#footer-section-respn {
    padding-bottom:90px;
}


@media only screen and (max-width : 1023px) {
	.width1024 {
		display: none !important;
	}
}
@media only screen and (min-width : 1024px) {
	.width360 {display:none !important;}
	.sagun-num-row {
		border-bottom: solid 0px #cccccc;
		max-width: 1024px;
        margin: 0 auto;
	}
	.basic-view-box {
		justify-content: space-evenly;
	}
	.detail-info-box .data-box {
		width: 98%;
		gap:10px;
	}
	.detail-info-box .data-box .width124 {}
	.title-box {
		    justify-content: space-between;
	}
	.title-box .title-h1{
	width: 31%
	}
	.container-detail {
		margin: 0 auto;
		    justify-content: space-between;
	}
	.share-kind .share-list {
		max-width:86px;
	}
	.img-mulgun-box,
	.basic-info-box{
	width:49.5%
	}
	.basic-info-box {
	padding:0 10px;
	}
	.img-mulgun-box .img-contain .img-box img {
		width: 100%;
		height: 360px;
	}
	.data-box.bid-info .date-txt {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 10px;
	}
	.accdnt-cont .building-btn-box {
	    justify-content: flex-start;
		gap: 10px;
	}
	.accdnt-cont .building-btn-box select {
		margin-left:auto
	}
	.realprice-cont .realprice-noti-box .cont-txt {
		font-size: 2.6rem;
	}
		.realprice-cont .realprice-stat-box .cont-txt {
			font-size: 1.8rem;
		}
		.realprice-cont .realprice-noti-box .cont-txt-sub,
		.realprice-cont .realprice-noti-box .cont-txt-sub span {
			font-size: 1.8rem;
		}
		.detail-info-box .table-box.realprice-cont {
			padding:0 10px;
		}
		.franchise-contents .franchise-contents-ul {
			flex-direction: row;
		}
	.franchise-contents .franchise-contents-li {
		width: 49.7%;
	}
	    .detail-info-box .data-box {
			gap: 0px;
		}
	.detail-info-box.sedae-cont .data-box.sedae-cont-box {gap:0}
	.detail-info-box .table-box.school-cont,
	.detail-info-box .table-box.franchise-contents,
	.detail-info-box .table-box.develop-cont,
	.detail-info-box .table-box.deunggi_cont {margin-top: 0px;}

	.data-box .gamp_cont-table td .left-box,
	.data-box .gamp_cont-table td .right-box{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		gap:10px;
	}
		.detail-info-box.gamp_cont .data-box span {
			width:unset;
		}
	.data-box .gamp_cont-table .inside-td td {
		padding: 10px 0px 15px 5px;
	}
}