@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */
/* 새글 스킨 (latest) */

/* .basicLat {position:relative; margin-bottom:20px; overflow:hidden; text-align:center; padding:20px; }
.basicLat .basicLatTit {display:block; }
.basicLat .basicLatTit a{color:#333; display:inline-block; position:relative; margin:0 auto 10px; padding:20px; font-size:20px; text-align:center; }
.basicLat .basicLatTit a u{display:block; width:50px; height:1px; background:#ddd; position:absolute; left:50%; bottom:0px; margin-left:-25px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
div:hover.basicLat .basicLatTit a u{width:100px;  margin-left:-50px;  }

.basicLat ul{padding:0px; margin:0; text-align:left; list-style:none; min-height:204px;}
.basicLat li {list-style:none; margin:0px; padding:0px; border-bottom:1px dotted #ddd;  position:relative;}
.basicLat li a {display:block; font-size:13px; color:#666; height:40px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:90px; }
.basicLat li a:hover{color:#000;}
.basicLat li:hover{background:#f6f6f6; }

.basicLat li a span{font-size:11px; }
.basicLat li .fa-heart{color:#ff0000; }
.basicLat li .fa-lock{display: inline-block; font-size:11px; line-height: 14px; width: 16px; color: #999; background: #efefef; text-align: center; border-radius: 2px; font-size: 12px; border:1px solid #ddd}
.basicLat li .new_icon{display:inline-block; font-size:11px; width: 16px; line-height:16px; color:#fff; background:#ff6600; text-align:center; border-radius: 50%; }
.basicLat li .hot_icon{display:inline-block; font-size:11px; width: 16px; line-height:16px ; color:#fff; background:#e52955; text-align:center; border-radius: 50%; }
.basicLat li .fa-caret-right{color:#bbb}
.basicLat .lt_date{position:absolute; top:50%; right:5px; color:#999; height:20px; line-height:20px; margin-top:-10px; font-size:10px; font-family:verdana; }

.basicLat  .empty_li{line-height:204px; min-height:204px; color:#999; text-align:center; padding:0; }
.basicLat  .empty_li:before{background:none; padding:0}
.basicLat .lt_cmt{display:inline-block; background:#b5b5b5; color:#fff; font-size:10px; height:16px; line-height:14px; font-weight:bold; padding:1px 6px; border-radius:20px; vertical-align:middle;}

.basicLat .lt_more {clear:both;  font-size:12px; font-weight:bold; display:inline-block; padding:10px 30px; color:RGBA(255,255,255,0.7); border-radius:50px; text-align:center; margin:20px auto 0; background:#333; border:2px solid #fff; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.basicLat .lt_more:hover{color:#fff; border:2px solid RGBA(0,0,0,0.1);}
.basicLat .lt_more > i{display:inline-block; padding-left:10px; font-size:14px;}

@media all and (max-width:650px)
{
	.basicLat ul{min-height:auto;}
	.basicLat {padding:5px; }
	.basicLat .basicLatTit a{padding:15px; font-size:16px; }
	.basicLat li a {font-size:12px; }
	.basicLat .lt_more{font-size:11px; letter-spacing:-0.05em; padding:10px 15px; }

} */

.basicLat {
	/* position: relative; */
}

.basicLat ul {
	/* display: flex;
	flex-wrap: wrap;
	justify-content: space-between; */
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 72px;
}

.basicLat ul li:first-child {
	width: 100%;
	margin-bottom: 40px;
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;
}

.basicLat ul li:first-child a {
	display: flex;
	flex-direction: row-reverse;
	justify-content: start;
	align-items: center;
	gap: 30px;
}

.basicLat ul li:first-child a .lt_date {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 10px solid #d9e9f1;
	padding: 20px 30px;
	box-sizing: border-box;
}

.basicLat ul li:first-child a .lt_date span {
	color: #0074b7;
}

.basicLat ul li:first-child a .lt_date span:nth-child(1){
	font-size: 65px;
	font-weight: 700;
}

.basicLat ul li:first-child a .lt_date span:nth-child(2){
	font-size: 32px;
}

.basicLat ul li:first-child a > span:not(.lt_date) {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 16px;
}

.basicLat ul li:first-child a .bo_cate_link {
	display: none;
}

.basicLat ul li:first-child a b {
	width: calc(50vw + 180px);
	font-size: 31px;
	font-weight: 700;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}

.basicLat ul li:first-child a .board_contents {
	width: calc(50vw + 180px);
	font-size: 22px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}

.basicLat ul li:not(:first-child) {
	border-top: 1px solid rgba(0,0,0,.3);
}

.basicLat ul li:nth-last-child(1),
.basicLat ul li:nth-last-child(2) {
	border-bottom: 1px solid rgba(0,0,0,.3);
}

.basicLat ul li:nth-child(1) {
	border-bottom: none;
}

.basicLat ul li:not(:first-child) a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 22px;
	padding: 32px 10px 32px 0;
	box-sizing: border-box;
}

.basicLat ul li:not(:first-child) a > span:not(.lt_date) {
	display: flex;
	align-items: center;
	gap: 16px;
}

.basicLat ul li:not(:first-child) a .board_contents {
	display: none;
}

.basicLat ul li:not(:first-child) a .bo_cate_link {
	display: block;
	padding: 10px 20px;
	background: #d9e9f1;
	color: #0074b7;
	height: inherit;
    font-size: inherit;
	font-weight: 700;
}

.basicLat ul li:not(:first-child) a .bo_cate_link::first-letter {
	letter-spacing: 2px;
}

.basicLat ul li:not(:first-child) a b {
	max-width: 320px;
	width: 16vw;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	font-weight: 600;
}

.board_btn {
	position: absolute;
	top: 0;
	right: 0;
	margin-left: auto;
	display: block;
	width: 26px;
	height: 28px;
	background-image: url('../../../img/icon_black.png');
}

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

	.basicLat ul {
		column-gap: 30px;
	}
	
	.basicLat ul li:first-child a .lt_date span:nth-child(1){
		font-size: 54px;
	}
	
	.basicLat ul li:first-child a .lt_date span:nth-child(2){
		font-size: 28px;
	}
	
	.basicLat ul li:first-child a b {
		width: calc(50vw + 180px);
		font-size: 24px;
	}
	
	.basicLat ul li:first-child a .board_contents {
		font-size: 20px;
	}
	
	.basicLat ul li:not(:first-child) a {
		font-size: 16px;
		padding: 24px 10px 24px 0;
		box-sizing: border-box;
	}
	
	.basicLat ul li:not(:first-child) a > span:not(.lt_date) {
		display: flex;
		align-items: center;
		gap: 16px;
	}
	
	.basicLat ul li:not(:first-child) a .bo_cate_link {
		display: block;
		padding: 5px 10px;
	}
	
	.basicLat ul li:not(:first-child) a b {
		max-width: 320px;
		width: 20vw;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		word-break: break-all;
		font-weight: 600;
	}
}

@media all and (max-width:992px){
	.basicLat ul {
		grid-template-columns: 1fr;
		column-gap: 30px;
	}

	.basicLat ul li:first-child {
		width: 100%;
		margin-bottom: 40px;
		grid-column-start: unset;
		grid-column-end: unset;
		grid-row-start: unset;
		grid-row-end: unset;
	}
	
	.basicLat ul li:first-child a .lt_date span:nth-child(1){
		font-size: 36px;
	}
	
	.basicLat ul li:first-child a .lt_date span:nth-child(2){
		font-size: 24px;
	}
	
	.basicLat ul li:first-child a b {
		width: calc(50vw);
		font-size: 20px;
	}
	
	.basicLat ul li:first-child a .board_contents {
		font-size: 16px;
		width: calc(50vw);
	}
	
	.basicLat ul li:not(:first-child) a {
		font-size: 14px;
		padding: 24px 10px 24px 0;
		box-sizing: border-box;
	}
	
	.basicLat ul li:not(:first-child) a > span:not(.lt_date) {
		display: flex;
		align-items: center;
		gap: 16px;
	}
	
	.basicLat ul li:not(:first-child) a .bo_cate_link {
		display: block;
		padding: 5px 10px;
	}
	
	.basicLat ul li:not(:first-child) a b {
		max-width: 320px;
		width: 20vw;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		word-break: break-all;
		font-weight: 600;
	}

	.basicLat ul li:nth-last-child(2) {
		border-bottom: none;
	}
}

@media all and (max-width:520px){
	.basicLat ul li:first-child a b {
		width: calc(40vw);
	}
	
	.basicLat ul li:first-child a .board_contents {
		width: calc(40vw);
	}
}