@charset "utf-8";
/*
***********************
widget.css 파일은 변수 설정이 불가하기 때문에 이곳에 설정한 css는
widget.rows.php 에도 id와 class를 동일하게 지정해줘야합니다.
id 및 class가 겹치지 않도록 적절한 고유 코드를 삽입해주시기 바랍니다.
***********************
*/

.sub_item_intro01 { overflow:hidden; position:relative; width:100%; line-height:20px; }
.sub_item_intro01 .txt-normal { letter-spacing:0; }
.sub_item_intro01 .txt-short { letter-spacing:-1px; padding-right:1px; }
.sub_item_intro01 .post-vicon { position:absolute; left:6px; top:6px; color: #fff; font-size:20px; z-index:1; text-shadow: 1px 1px 1px #000; }
.sub_item_intro01 .post-none { padding:50px 10px; text-align:center; color:#888; }
.sub_item_intro01 .post-image { position:relative; overflow:hidden; }
.sub_item_intro01 .post-content { padding-top:10px; margin:-2px 0px; overflow:hidden;word-break:break-all; }
.sub_item_intro01 .post-subject { overflow:hidden; letter-spacing:-1px; padding-right:1px; }
.sub_item_intro01 .post-text { }
.sub_item_intro01 .post-sp { color:#ccc; margin:0px 4px; }
.sub_item_intro01 .no-img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 10%; margin: auto; vertical-align:middle; text-align:center; }
.sub_item_intro01 .no-img span { color:#888; }
.sub_item_intro01 .board-title h2 {display:inline-block;padding:3px 0;margin-bottom: 25px;}
.sub_item_intro01 .board-title a {text-decoration:none;color: #303237;font-weight:500;}
.sub_item_intro01 .title-line {
	width:100%;
	height:1px;
	background:#eee;
	text-align:center;
	display:inline-block;
}



.is-pc .ko .sub_item_intro01 .post-ko { font-size:11px; }

.sub_item_intro01 {
	padding:40px 0 0 0;
}

.sub_item_intro01 .board-title {
	padding:0 0 20px 0;
}

.sub_item_intro01 .board-title .big-subj {
	padding:40px 0 0 0;
	font-weight:800;
	font-size:2.0em;
	color:#4b4b4b;
}
.sub_item_intro01 .board-title .small-subj {
	padding:15px 0 30px 0;
	font-weight:400;
	font-size:1.5em;
	color:#4b4b4b;
}
.sub_item_intro01 .gallery_wrap {
	text-align:center;
}
@media (max-width:1199px) { 
}
@media (max-width:991px) { 
	.sub_item_intro01 {
		padding:30px 0 50px 0;
	}

	.sub_item_intro01 .board-title {
		padding:0 0 15px 0;
	}

	.sub_item_intro01 .board-title .big-subj {
		padding:15px 0 0 0;
		font-size:1.7em;
	}
	.sub_item_intro01 .board-title .small-subj {
		padding:10px 0 15px 0;
		font-size:1.15em;
	}
}
@media(max-width:767px){
	.sub_item_intro01 {
		padding:20px 0 40px 0;
	}

	.sub_item_intro01 .board-title {
		padding:0 0 10px 0;
	}
	.sub_item_intro01 .board-title .big-subj {
		padding:10px 0 0 0;
		font-size:1.5em;
	}
	.sub_item_intro01 .board-title .small-subj {
		padding:8px 0 13px 0;
		font-size:1.05em;
	}
}

@media (max-width:480px) { 
	.sub_item_intro01 {
		padding:20px 0 0 0;
	}
	.sub_item_intro01 .board-title {
		padding:0 0 0 0;
	}
}