@charset "utf-8";
.btn-more{
	display: none; 
}

.comment-list--empty{
	padding-top:127px; 
}

.wrap-notice .pagination{
	margin-top: 40px;
}

@media (max-width:1159px) and (min-width: 769px) {
	.wrap-notice{
		padding-left:20px;
		padding-right:20px;
		box-sizing: border-box;
	}
	
	.wrap-notice-detail {
		padding-left:20px;
		padding-right:20px;
		box-sizing: border-box;
	}
	
	.wrap-notice .page-title {
		font-size: 4.8vw;
		margin-bottom:40px;
	}
}

.wrap-notice {
	width:960px;
	margin: 60px auto 140px;
	box-sizing: border-box;
	min-height: calc(100vh - 370px);
}

.wrap-notice .page-title {
	font-size: 36px;
	font-weight: 700;
	margin-bottom:40px;
}

.wrap-notice .notice-list {
	margin-top: 40px;
	border-top: 2px solid #000;
}

.wrap-notice .notice-list .notice-anchor {
	display: block !important;
}

.wrap-notice .notice-list li {
	padding: 28px 0;
	border-bottom: 1px solid #ecedf0;
}

.wrap-notice .notice-list li .title {
	font-size: 18px;
	letter-spacing: -0.9px;
	line-height: 22px;
	font-weight: 500;
}

.wrap-notice .notice-list li .created-date {
	margin-top: 9px;
	color: #babcc2;
	font-size: 14px;
	font-weight: 500;
}

.wrap-notice .notice-list li .sub-text {
	display:inline-block;
	font-family: Pretendard;
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.7px;
	text-align: left;
	margin-top:22px;
	color: #363638;
}

.wrap-notice-detail {
	width:960px;
	padding: 0 20px;
	margin: 60px auto 140px;
	min-height: calc(100vh - 370px);
}

.wrap-notice-detail .page-title {
	font-size: 36px;
	font-weight: 800;
	letter-spacing: -1.5px;
}

.wrap-notice-detail .header {
	margin-top: 42px;
	border-top: 2px solid #000;
	border-bottom: 1px solid #ecedf0;
	padding: 28px 0;
}

.wrap-notice-detail .header .title {
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
}

.wrap-notice-detail .header .date {
	font-size: 14px;
	margin-top: 10px;
	color: #babcc2;
	font-weight: 500;
	letter-spacing: -0.7px;
}

.wrap-notice-detail .contents {
	padding: 40px 0 56px;
}

.wrap-notice-detail .contents .description {
	font-size: 15px;
	line-height: 26px;
	letter-spacing: -1.7px;
	white-space: pre-line;
}

.wrap-notice-detail .contents p {
	font-family: Pretendard;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.73;
	letter-spacing: -0.75px;
	text-align: left;
	color: #000;
}

.wrap-notice-detail .btn-list {
	margin-top: 34px;
	width: 180px;
	height: 50px;
	text-align: center;
	border: 1px solid #000;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 500;
}

.wrap-notice-detail .contents p{
	font-family: Pretendard;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.73;
	letter-spacing: -0.75px;
	text-align: left;
	color: #000;
}

.wrap-notice-detail .contents .description {
	font-size: 15px;
	line-height: 26px;
	letter-spacing: -1.7px;
}

.wrap-notice-detail .article-buttons {
	border-top: 1px solid #ecedf0;
}

.wrap-notice-detail .article-buttons button {
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid #ecedf0;
	padding: 28px 0;
	width: 100%;
	align-items: center;
}

.wrap-notice-detail .article-buttons button .label {
	color: #babcc2;
	font-size: 14px;
	margin-right: 14px;
	letter-spacing: -0.5px;
}

.wrap-notice-detail .article-buttons button .title {
	font-size: 18px;
}

.wrap-notice-detail .btn-list {
	margin-top: 34px;
	width: 180px;
	height: 50px;
	text-align: center;
	border: 1px solid #000;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 500;
}

@media (max-width:1159px) and (min-width: 769px) {
	.wrap-notice{
		width:100%;
		padding-left:20px;
		padding-right:20px;
		box-sizing: border-box;
	}

  .wrap-notice-detail {
		width:100%;
		padding-left:20px;
		padding-right:20px;
		box-sizing: border-box;
	}

  .wrap-notice .page-title {
		font-size: 4.8vw;
  }
}

@media (max-width: 768px) {
	.btn-more{ 
		display: block; 
	}

  .comment-list--empty{
		padding-top:114px; 
	}

	.wrap-notice {
		width:100%;
		margin:0;
		padding-left:20px;
		padding-right:20px;
		padding-top:27px;
		box-sizing: border-box;
		min-height: calc(100vh - 370px);
	}
	
	.wrap-notice-detail {
		width:100%;
		margin:0;
		padding-left:20px;
		padding-right:20px;
		padding-top:27px;
		box-sizing: border-box;
	}
	
	.wrap-notice .notice-list li .title{
		font-family: Pretendard;
		font-size: 15px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.75px;
		text-align: left;
		color: #000;
	}
	
	.wrap-notice .notice-list li .created-date{
		font-family: Pretendard;
		font-size: 12px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.6px;
		text-align: left;
		color: #babcc2;
	}

	.wrap-notice-detail .header{
		margin-top:22px;
		padding:24px 0;
	}

	.wrap-notice .notice-list{
		margin-top: 12px;
	}

	.wrap-notice-detail .contents{
		padding-top: 24px;
	}

	.wrap-notice .page-title {
		font-size: 4.8vw;
		margin-bottom:22px;
		  font-weight: 600;
		  font-stretch: normal;
		  font-style: normal;
		  line-height: normal;
		  letter-spacing: -0.9px;
		  text-align: left;
		  color: #000;
	}

	.wrap-notice-detail .page-title{
		font-size: 4.8vw;
		font-weight: 600;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.9px;
		text-align: left;
		color: #000;
	}

	.wrap-notice-detail .article-buttons button .title{
		font-size: 14px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.7px;
		text-align: left;
		color: #000;
	}
	
	.wrap-notice .notice-list li{
		padding:22px 0;
		position: relative;
	}
	
	.btn-more{
		width: 18px;
		height: 18px;
		position: absolute;
		right: 0px;
		top: 22px;
		background: url(../img/common/icn_right.png) no-repeat; background-position: center; background-size: contain;
	}
	
	.wrap-notice .notice-list li .sub-text {
		display: none;
	}
}