/* 가로길이 */
.w50 {width: 50% !important;}
.w60 {width: 60% !important;}
.w70 {width: 70% !important;}
.w80 {width: 80% !important;}
.w_full {width: 100% !important;}
.w_half {width: 50% !important;}
.w_quarter {width: 25% !important;}
.w_20 {width: 20px !important;}
.w_30 {width: 30px !important;}
.w_40 {width: 40px !important;}
.w_50 {width: 50px !important;}
.w_60 {width: 60px !important;}
.w_80 {width: 80px !important;}
.w_100 {width: 100px !important;}
.w_110 {width: 110px !important;}
.w_130 {width: 130px !important;}
.w_150 {width: 150px !important;}
.w_200 {width: 200px !important;}
.w_250 {width: 250px !important;}
.w_300 {width: 300px !important;}
.w_350 {width: 350px !important;}
.w_500 {width: 500px !important;}
.w_1300 {width: 1300px !important;}

.h_30 {height: 30px !important;}
.h_80 {height: 80px !important;}
.h_200 {height: 200px !important;}
.h_400 {height: 400px !important;}


/* 여백 */
.mt0 {margin-top: 0 !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt40 {margin-top: 40px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb40 {margin-bottom: 40px !important;}
.pb10 {padding-bottom: 10px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}

.pt20 {padding-top: 20px !important;}


.f_md{
	font-size: var(--krds-fz-title-md) !important;
}

.f_sm{
	font-size: var(--krds-fz-title-sm) !important;
}

.intro_sub_txt{
	color: var(--krds-gray-70); 
	padding-left: var(--krds-spacer-3); 
	font-size: 16px;
}

.intro_sub_txt2{
	color: var(--krds-gray-70); 
	padding-left: var(--krds-spacer-4); 
	font-size: 15px;
}

/*이미지 위 우수*/
.best {
    top: 0;
    left: 0;
    display: block;
    color: #fff;
    text-align: center;
    padding-top: 5px;
    width: 66px;
    height: 35px;
    background: linear-gradient(180deg, #EE3967 0%, #B6173F 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px 0px;
    font-weight: bold;
    font-size: 16px;
}

.fileDel{
	background-color: var(--krds-gray-30);
    border-color: var(--krds-gray-40);
    color: #000;
}


.user-layout{
	display: flex; 
	justify-content : flex-end; 
	align-items: center;
}

.admin-layout{
	display: flex; 
	justify-content : space-between; 
	align-items: center;
}


.h-tit {
	font-size:23px !important;
}

.srch-area{
	height:45px;
	font-size:15px;
}

.tbl-center{
  text-align: center !important;
  vertical-align: middle !important;	
}


.downSect{
	 cursor: pointer;
}

.downSect:hover{
	 background-color: var(--krds-secondary-5);
}



@media (max-width: 599px) {
	.best {
	    width: 45px !important;
	    height: 27px !important;
	    font-size: 13px !important;
	}
}
	

	/* 기본: 웹에서 숨김 */
	.responsive-grid {
	  display: none !important;
	}

	/* 모바일(최대 599px)에서는 grid로 보이게 */
	@media (max-width: 599px) {
	  .responsive-grid {
	    display: grid !important;
	  }
	}
	
	
	/* 기본: 웹에서 숨김 */
	.m-filter {
	  display: none !important;
	}
	
	/* 모바일(최대 599px)에서만 보이게 */
	@media (max-width: 599px) {
	  .m-filter {
	    display: flex !important;
	  }
	}
	
	/* 데이터가 없을경우 */
	.no-data-custom {
	  text-align: center;
	  color: #777;
	  border: 1px solid #ddd;
	  padding: 60px 25px;
	  margin: 20px 0;
	  font-size: 1.1rem;
	  border-radius: 8px;
	  font-weight: 500;
	}
	
	/* 필수값 체크 별표시 */
	.form-tit em{
		font-style: normal;
	    color: #F54C4C;
	    font-weight: 700;
	    font-size: 22px;
	    margin-left: 5px;
	    margin-bottom :2px;
	}
	
	/*다문화,도서건립 구분값 추가위해 크기 늘림(공지사항/자료실 등등)*/
	.input-group.new-input-group {
	 width: 55rem !important;
	}
	
	
	.krds-gnb-mobile .gnb-body .gnb-menu .submenu-wrap .gnb-sub-trigger.active{
		font-weight:700;
		color: var(--krds-secondary);
	}
	
	/*글이 신규일경우 N표시*/
	.new-icon {
	  	display: inline-block;
	    width: 18px;
	    height: 18px;
	    font-size: 12px;
	    font-weight: bold;
	    color: #fff;
	    background-color: #e60023;
	    border-radius: 50%;
	    margin-left: 4px;
	    line-height: 18px;
	    text-align: center;
	    vertical-align: middle;
	    transform: translateY(-2px); /* 위로 2px 이동 */
	}

	
	
	.page-title-wrap{
		margin-bottom: 20px;
	}
	
	
	.go-top {
	  align-self: flex-end;
	  position: sticky;
	  bottom: 4rem;
	  right: 0;
	  visibility: hidden;
	  z-index: -1;
	  width: auto;
	  height: auto !important;
	  padding-top: var(--krds-spacer-6) !important;
	  padding-bottom: var(--krds-spacer-2) !important;
	  opacity: 0;
	  float: right;
	  
	}
	.go-top.active {
	  visibility: visible; 
	  z-index: auto;
	  opacity: 0.75;
	}
	
	.go-top::after {
	  position: absolute;
	  top: var(--krds-spacer-1);
	  left: 50%;
	  content: "";
	  width: 2rem;
	  height: 2rem;
	  background: url(/img/guide/common/arr_lnb.svg) no-repeat;
	  background-size: contain;
	  transform: translateX(-50%) rotate(180deg);
	}
	
	
	.inner.top_wrap{
		min-height: auto !important;
		padding : var(--krds-spacer-3) var(--krds-spacer-6) !important;
		position: relative;
	}