<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* 새글 스킨 (latest) */
.column_bx{width:100%;}

.btn_more{position:absolute;right:0;top:4px;font-weight:normal;font-size:12px;line-height:18px;color:#999;background:url(./img/arr.png) no-repeat 100% 7px; letter-spacing:-0.05em;padding-right:8px}
.btn_slide{
	display:flex;
	overflow:hidden;
	justify-content: flex-end;
	margin:0 0 10px 0;
}
.btn_slide .img_btn{display:inline-block;overflow:hidden;font-size:0;line-height:0;background:url(./img/bg_btn2.gif) no-repeat;text-indent:-9999px;vertical-align:top;border:0;cursor:pointer}
.btn_slide .btn_prev{float:left;background-position:0 0;width:21px;height:21px}
.btn_slide .btn_next{position:static;background-position:-21px 0;width:20px;height:21px}

.column_bx .cl_list{
	display:flex;
	width:100%;
	
	
	flex-wrap: wrap;
}

.column_bx .cl_list ul{
	width:100%;
	gap:20px;
	display:flex;
}

.column_bx .cl_list ul li {
	width:100%;
	font-family:malgun;
	font-size:13px;
	color:#666;
	letter-spacing:-1px;
	line-height:24px;
	border:1px solid #e7e7e7;
	-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.07);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.07);
	border-radius:10px;
	padding:20px 30px 20px 30px;
}

.column_bx .cl_list ul li span::after {
	content:'/';
	color:#e7e7e7;
	margin:0 15px 0 15px;
}

.column_bx .cl_list ul li span:first-child::after {
    content: '';
    margin: 0;
}

.column_bx .cl_list ul li span:last-child::after {
    content: '';
    margin: 0;
}

.column_bx .cl_list ul li .text {
	font-size:16px;
	margin:5px 0 15px 0;
}

.column_bx .cl_list ul li ul {
	display:flex;
	gap:20px;
}

.column_bx .cl_list ul li ul li {
	padding:0px;
	border:0;
	-webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,.07);
    box-shadow: 0 0px 0px 0 rgba(0,0,0,.07);
}

.column_bx .cl_list ul li ul li:last-child {
	width:180px;
}



.column_bx .cl_list .fa-heart {color:#ff0000}

.column_bx .cl_list .fa-caret-right {color:#bbb}
.column_bx .cl_list .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.column_bx .cl_list .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}
.column_bx .cl_list .thumb{width:105px;height:84px;margin:0;}
.column_bx .cl_list .text_wrap{overflow:hidden;float:left;width:125px;height:64px}
.column_bx .cl_list .text_wrap .tit{display:block;max-height:62px;font-weight:normal;font-size:14px;line-height:19px;letter-spacing:-0.05em;overflow:hidden;margin-top:-1px}
.column_bx .cl_list .text_wrap strong{font-weight:normal;font-size:13px;line-height:23px;letter-spacing:-0.05em;color:#088bef}
.column_bx .cl_list .text_wrap a{color:#333}


/* Mobile */
@media screen and (max-width: 768px) {
	.column_bx .cl_list{
		display:flex;
		width:100%;
		margin:0 auto;
		flex-wrap: wrap;
	}

	.column_bx .cl_list ul {
		width: 100%;
		gap: 20px;
		display: flex;
		flex-wrap: wrap;
	}

	.column_bx .cl_list ul li .text {
		font-size:14px;
		margin:5px 0 15px 0;
	}

	.column_bx .cl_list ul li ul {
		display:flex;
		gap:20px;
	}

	.column_bx .cl_list ul li {
		width:100%;
		font-family:malgun;
		font-size:13px;
		color:#666;
		letter-spacing:-1px;
		line-height:24px;
		border:1px solid #e7e7e7;
		-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.07);
		box-shadow: 0 5px 5px 0 rgba(0,0,0,.07);
		border-radius:10px;
		padding:15px 15px 15px 15px;
	}
}</pre></body></html>