:root{
	--main-color:#26288e;
	--gray: #e5e5e5;
}
#main {
    height: 100%;        /* 기존 height:100% 제거 */
}

.allMn-open {
    height: 100%;
}

.main-color{color: var(--main-color);}
.bg-gray{background-color: var(--gray);}

.flexBox{display: flex; flex-wrap: wrap;}
.it-center{
	align-items: center;
}

.dp-block {
	display:block;
}
.dp-none {
	display:none;
}

.fl{float: left;}
.fr{float: right;}

.ta-c{text-align: center !important;}
.ta-l{text-align: left !important;}
.ta-r{text-align: right !important;}

.position-r{position: relative;}

.pa-center {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.of-hidden {
	overflow:hidden;
}
.fw-100 {
	font-weight:100;
}
.fw-200 {
	font-weight:200;
}
.fw-300 {
	font-weight:300;
}
.fw-400 {
	font-weight:400;
}
.fw-500 {
	font-weight:500;
}
.fw-600 {
	font-weight:600;
}
.fw-800 {
	font-weight:800;
}
.tc {
	text-align:center;
}
.tl {
	text-align:left;
}
.tr {
	text-align:right;
}

.fs-i{font-style: italic;}

.fc-w {
	color:#fff
}

.fc-p-1{color: #3d41c2;}
.fc-p-2{color: #333582;}
.fc-p-3{color: #2f3237;}

.fs-20{font-size: 20px;}
.fs-30{font-size: 30px;}
.fs-40{font-size: 40px;}
.fs-50{font-size: 50px;}

.pd-0{padding: 0;}

.pt-10 {
	padding-top:10px;
}
.pt-20 {
	padding-top:20px;
}
.pt-30 {
	padding-top:30px;
}
.pt-40 {
	padding-top:40px;
}
.pt-50 {
	padding-top:50px;
}
.pt-100 {
	padding-top:100px;
}
.pl-10 {
	padding-left:10px;
}
.pl-20 {
	padding-left:20px;
}
.pl30 {
	padding-left:30px;
}
.pl-40 {
	padding-left:40px;
}
.pl-50 {
	padding-left:50px;
}
.pb-10 {
	padding-bottom:10px;
}
.pb-15 {
	padding-bottom:15px;
}
.pb-20 {
	padding-bottom:20px;
}
.pb-25 {
	padding-bottom:25px;
}
.pb-30 {
	padding-bottom:30px;
}
.pb-40 {
	padding-bottom:40px;
}
.pb-50 {
	padding-bottom:50px;
}

.pb-80 {
	padding-bottom:80px;
}

.pb-100 {
	padding-bottom:100px;
}
.pr-10 {
	padding-right:10px;
}
.pr-20 {
	padding-right:20px;
}
.pr-30 {
	padding-right:30px;
}
.pr-40 {
	padding-right:40px;
}
.pr-50 {
	padding-right:50px;
}

.mt-5 {
	margin-top:5px !important;
}

.mt-10 {
	margin-top:10px;
}
.mt-20 {
	margin-top:20px !important;
}
.mt-30 {
	margin-top:30px;
}
.mt-40 {
	margin-top:40px;
}
.mt-50 {
	margin-top:50px;
}
.mt-100 {
	margin-top:100px;
}
.mb-10 {
	margin-bottom:10px;
}
.mb-20 {
	margin-bottom:20px;
}
.mb-30 {
	margin-bottom:30px;
}
.mb-40 {
	margin-bottom:40px;
}
.mb-50 {
	margin-bottom:50px;
}
.mb-100 {
	margin-bottom:100px;
}
.ml-10 {
	margin-left:10px;
}
.ml-20 {
	margin-left:20px;
}
.ml-30 {
	margin-left:30px;
}
.ml-40 {
	margin-left:40px;
}
.ml-50 {
	margin-left:50px;
}
.mr-0 {
	margin-right:0px !important;
}
.mr-5{
	margin-right: 5px;
}
.mr-10 {
	margin-right:10px;
}
.mr-20 {
	margin-right:20px;
}
.mr-30 {
	margin-right:30px;
}
.mr-40 {
	margin-right:40px;
}
.mr-50 {
	margin-right:50px;
}

.m0auto{margin:0 auto;}

.br-n{
	border-right: 0 !important;
}

.wd-95{
	width: 95% !important;
}

.wd-100{
	width: 100% !important;
}

.bd-r-n{border-right: 0 !important;}
.bd-r{border-right:1px solid #f4f4f4;}

.btn-st {
	position:relative;
	display:block;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	padding: 0 20px;
	border-radius: 5px;
	text-align: center;
}

.bg-c-1{
	background: var(--main-color);
}


.bg-c-2{
	background: #231f20;
}

.bg-c-3{
	background: #60bcda;
}

.bg-c-4{
	background: #111;
}

.bd-line{
	background-color: #fff;
	border: 1px solid #eaeaea;
}

.bd-line span{
	color: #111 !important;
}

.clearfix::after{
	display: block;
	content: "";
	clear: both;
}

.bd-box{
	box-shadow: 1px 1px 5px rgba(0 0 0 / 10%);
	background: #fff;
	padding: 20px;
	border-radius: 10px;
}

.swiper-button-next,
.swiper-button-prev{
	border:1px solid rgba( 255 255 255 / 100%)
}

.swiper-button-next:after,
.swiper-button-prev:after{
	text-indent: 9999px;
	width: 100%;
}

.swiper-button-next:after{
	background: url("../images/common/arr-nxt.png") center / 10px no-repeat;
}

.swiper-button-prev:after{
	background: url("../images/common/arr-pre.png") center / 10px no-repeat;
}
/*=====================================*/

/*타이틀공통*/
h2.title{
	text-align: center;
	margin-bottom: 30px;
	word-break: keep-all;
}

.material-symbols-outlined {
	font-size: 1.3em !important;
	vertical-align: middle;
}

.btn-wrap{
	display: flex;
	flex-wrap: wrap;
	gap: 0 10px;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}


.btn-st span{
	font-weight: 400;
	color: #fff;
	background-repeat: no-repeat ;
	background-position: left center;
	background-size: 12px;
}

.btn-st.del{
	background: #e1514d;
}

.btn-st.del span{
	background-image: url("../images/common/del.png");
	padding-left: 15px;
}

.btn-st.mod{
	background: #325dc9;
}

.btn-st.mod span{
	background-image: url("../images/common/mod.png");
	padding-left: 15px;
}

.btn-st.appr{
	background: #5FC96A;
}

.btn-st.appr span{
	background-image: url("../images/common/appr.png");
}


.btn-st.list{
	background: #1f232f;
}

.btn-st.list span{
	background-image: url("../images/common/list.png");
	padding-left: 20px;
}


.tabs{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 20px;
}

.tabs li a{
	cursor: pointer;
	border-radius: 50px;
	background-color: #f1f3f8;
	padding: 3px 20px;
}

.tabs li a.active{
	background-color: #07439a;
	color: #fff;
}


.star{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.star li{
	width: 15px;
	height: 13px;
	background-size: contain;
	background: url("../images/common/star-emt.png");
}

.star li.full{
	background: url("../images/common/star-full.png");
}
.star li.half{
	background: url("../images/common/star-half.png");
}

/*상태*/
.nochange::after{
	display: inline-block;
	content: "-";
	margin-left: 10px;
}

.up::after{
	display: inline-block;
	content: "";
	margin-left: 10px;
	width: 5px;
	height: 5px;
	background: url("../images/common/up.png") center / contain no-repeat;
	transform: translateY(-5px);
}

.down::after{
	display: inline-block;
	content: "";
	margin-left: 10px;
	width: 5px;
	height: 5px;
	background: url("../images/common/down.png") center / contain no-repeat;
	transform: translateY(-5px);
}

.good{
	padding-top: 25px;
	background: url("../images/common/good.png") top center / auto no-repeat;

}


.table-st {
	width: 100%;
	background-color: #e6e6e6;
	border-collapse: collapse;
	border-radius: 10px;
	border-style: hidden;
	border: 1px solid #eaeaea;
	overflow: hidden;
}

.table-st th {
	background-color: #f5f5f5;
}


.table-st th,
.table-st td{
	border-right: 1px solid #e6e6e6;
}

.table-st thead,
.table-st tbody{
	border-collapse: collapse;
	overflow: hidden;
}

.table-st th,
.table-st td{
	padding: 10px;
	text-align: center;
}

.table-st tr{
	background-color: #fff;
}

.table-st thead{
	background: #f5f5f5;
}

.table-st.gallery{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	background-color: transparent;
	border: none;
	border-radius: 0;
}

.table-st.gallery .item{
	position: relative;
	border: 1px solid #eaeaea;
	width: calc((100% - 40px ) / 3);
	border-radius: 5px;
	overflow: hidden;
}

.table-st.gallery .item .img{
	height: 240px;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #00a0e9;
}

.table-st.gallery .item .tbox{
	padding: 20px;
}



/**/
.table-st.type-2{
	background: #fff;
	border-radius: 0;
	border: 0;
	border-top: 1px solid #111;
}


.table-st.type-2 .row{
	border-bottom: 1px solid #eaeaea;
}

.table-st.type-2 .row,
.table-st.type-2 .item{
	display: flex;
}


.table-st.type-2 .tit,
.table-st.type-2 .con{
	display: flex;
	flex-wrap: wrap;
	padding: 20px;
	align-items: center;
}

.table-st.type-2 .tit{
	flex-wrap:wrap;
	width: 200px;
	background: #f4f4f4;
	word-break: break-all;
}

.table-st.type-2 .tit > p{
	font-weight: 600;
	word-break: keep-all;
}

.table-st.type-2 .con{
	width: calc(100% - 200px);
	gap: 5px;
}

.table-st.type-2 input{
	padding: 0 20px;
}

.table-st.type-2 input,
.table-st.type-2 select,
.table-st.type-2 textarea{
	width: 100%;
	height: 50px;
	border-radius: 5px;
	border:1px solid #eae9e9;
}

.table-st.type-2 textarea{
	height: 200px;
	padding: 20px;
	resize: none;
}

.table-st.type-2 .item{
	width: 100%;
}


.table-st.type-2 .row.type-2 .item{
	width: 50%;
}


.table-st.type-2 .row.type-3{
	padding: 20px 0;
}
/**/


.board-view .list{
	background-color: #fff;
	border-top: 2px solid #111;
}

.board-view .list .item {
	cursor: pointer;
	padding: 20px 100px 20px 20px;
	border-bottom: 1px solid #eaeaea;
	background-repeat: no-repeat;
	background-position: 97% center;
	background-size: auto;
	background-image: url(../images/common/arr-nxt.png);
}

.board-view .list .item b.tit{
	font-weight: 600;
	display: block;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
}


.board-view .list .item .date{
	color: #999;
}




.pagenation{
	margin-top: 40px;
}

.pagenation,
.pagenation .num{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.pagenation button{
	padding: 15px;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
}

.pagenation button.pre-1{
	background-image: url("../images/common/pre-1.png");
}

.pagenation button.pre-2{
	background-image: url("../images/common/pre-2.png");
}

.pagenation button.nxt-1{
	background-image: url("../images/common/nxt-1.png");
}

.pagenation button.nxt-2{
	background-image: url("../images/common/nxt-2.png");
}

.pagenation a{
	padding: 10px;
}

.mtable-ntc{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
}

.mtable-ntc img{
	margin: 0 auto;
	width: 20px;
}

.mtable-ntc > div{
	z-index: 9;
	position: absolute;
	width: 80%;
	top: 15%;
	left: 50%;
	transform: translateX(-50%);
	padding: 20px;
	background-color: #fff;
	box-shadow: 1px 1px 30px rgba(0 0 0 / 10%);
	border-radius: 20px;
}

.mtable-ntc > div::after{
	display: block;
	content: "";
	width: 15px;
	height: 15px;
	background: url("../images/common/close.png") center no-repeat;
	background-size: 15px;
	position: absolute;
	top: 20px;
	right: 20px;
}

.mtable-ntc img{
	animation:drg 3s ease-out infinite;
}

.mtable-ntc p{
	text-align: center;
	font-size: 13px;
	margin-top: 10px;
}

@keyframes drg {
	0%,100%{transform:translateX(0)}
	50%{transform:translateX(15px)}
}

.mtable-ntc.close{
	display: none;
}


.swiper-button-next,
.swiper-button-prev{
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: #fff;

}

.swiper-button-next:after,
.swiper-button-prev:after{
	color: #111;
	font-size: 14px;
	font-weight: 600;
}

.txt-line{
	position: relative;
	padding-left: 20px;
}

.txt-line::after{
	display: block;
	content: "";
	width: 1px;
	height: 12px;
	background-color: #e9e9e9;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.bt-pd{
	padding-top: 20px;
	padding-bottom: 100px;
}

.material-symbols-outlined {
	font-size: 1.5em;
	vertical-align: middle;
}

.table-st.sm-table th,
.table-st.sm-table td{
	padding: 7px 10px;
}

.table-st.sm-table tr{
	border-bottom: 1px solid #eaeaea;
}


@media all and (max-width: 1280px){

	h2.title{
		margin-bottom: 20px;
	}

}

@media all and (max-width: 768px){

	.table-st.gallery .item {
		width: calc((100% - 20px ) / 2);
	}

	.table-st.type-2 .row{
		flex-wrap: wrap;
	}

	.table-st.type-2 .row.type-2 .item{
		width: 100%;
	}

	.table-st.type-2 .row.type-2 .item:first-child{
		border-bottom: 1px solid #eaeaea;
	}

	.table-st.type-2 .tit{
		width: 100px;
	}

	.table-st.type-2 .con {
		width: calc(100% - 100px);
		margin-left: auto;
		word-break: break-all;
	}


}




@media all and (max-width: 640px){
	.btn-st span{
		font-size: 14px;
	}

	.table-st .num{
		width: 15%;
	}

	.table-st th, .table-st td{
		font-size: 14px;
	}

	.m-scr-wrap{
		position: relative;
		overflow-x: scroll;
		padding-bottom: 20px;
	}

	.mtable-ntc{
		display: block;
	}

	.m-scr-wrap .table-st{
		width: 700px;
	}


	.swiper-button-next, .swiper-button-prev {
		width: 30px;
		height: 30px;
		border-radius: 30px;
	}

	.swiper-button-prev:after,
	.swiper-button-next:after {
		background-size: 6px !important;
	}

	.bt-pd{
		padding-top: 20px;
		padding-bottom: 50px;
	}

	.board-view .list .item {
		padding: 20px 60px 20px 20px;
		background-position: 92% center;
	}


	.table-st.gallery .item .img{
		height: 160px;
	}

	.table-st th, .table-st td{
		font-size: 14px;
	}

	.m-scr-wrap .table-st{
		width: 700px;
	}


}


@media all and (max-width: 480px){
	.table-st.gallery .item .img{
		height: 140px;
	}

	.table-st.gallery.eqp-list .img .badge{
		width: 50px;
		height: 50px;
	}

	.table-st.gallery.eqp-list .img .badge span{
		font-size: 12px;
	}

	.table-st.gallery .item .tbox b,
	.table-st.gallery .item .tbox span,
	.table-st.gallery .item .tbox p{
		font-size: 14px;
	}

	.table-st.gallery.eqp-list .tbox > div span{
		width: 100%;
	}

	.table-st.gallery.eqp-list .tbox > div p.txt-line{
		padding-left: 0;
	}
	.table-st.gallery.eqp-list .tbox > div p.txt-line::after{
		display: none;
	}

	.table-st.gallery .item .tbox {
		padding: 15px;
	}
}