@charset "utf-8";

/* List */
.list-item .tack-check { right: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item .tack-check-left { left: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item h2 { display:block; font-size:16px; line-height:22px; margin:10px 5px; text-align:center; }
.list-item .list-img { position:relative; overflow:hidden; }
.list-item .list-img img { width:100%; height:auto; }
.list-item .list-date { position:absolute; bottom:10px; padding:0px 10px; font-size:12px; line-height:23px; }
.list-item .list-date.left { left:0px; }
.list-item .list-date.right { right:0px; }
.list-item .list-details { padding:0 3%; }
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }
.list-row.clearfix { float:none !important; padding:0 !important; margin:0 !important; width:100% !important }

/* Responsive */
@media all and (max-width:767px) {
	.responsive .list-row { width:50% !important }
}
@media all and (max-width:420px) {
	.responsive .list-row { width:100% !important }
}


/*추가*/ 
.list-gallery{ padding-top:45px; border-top:2px solid #333; }
.list-gallery > li{ position:relative; float:left; width:31.33333333333333%; margin-right:3%; margin-top:50px; }
.list-gallery > li > input{ position:absolute; top:20px; left:20px; z-index:11; }
.list-gallery > li:nth-child(3n+3){ margin-right:0%;}
.list-gallery > li:nth-child(-n+3){ margin-top:0%; }
.list-gallery > li .img_box{ overflow:hidden; padding-top:100%; position:relative; border:1px solid #ddd; }
.list-gallery > li .img_box img{ position:absolute; top:0; left:0; width:100.5%; }
.list-gallery > li .img_box:after{ opacity:0; content:""; position:absolute; width:100%; height:100%;  top:0; left:0; background-color:rgba(0,0,0,0.7); background-image:url('/thema/Basic/img/education_apply_plus.png'); background-position:center; background-repeat:no-repeat; border:5px solid #007cc3;  
	transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;
}
.list-gallery > li:hover .img_box:after{ opacity:1;}

.list-gallery > li .txt_box{ margin-top:30px; }
.list-gallery > li .txt_box .cate{display:block;font-size:0;margin-bottom:10px;}
.list-gallery > li .txt_box .cate b{ display:inline-block; font-size:14px; color:#fff; padding:0 5px; height:25px; line-height:25px; background:#bbb; font-weight:500; margin-right:10px;}
.list-gallery > li .txt_box .cate b:last-child{margin-right:0;}
.list-gallery > li .txt_box .cate b.bg01{background:linear-gradient(90deg, rgba(0,124,195,1) 0%, rgba(0,197,177,1) 100%);}
.list-gallery > li .txt_box .cate b.bg02{background-color:#ff6666;}
.list-gallery > li .txt_box strong{ display: block; font-size: 22px; font-weight: 700; color: #333; line-height: 160%; height: 70px; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.list-gallery > li .txt_box li{ position:relative; padding-left:70px; font-size:16px; line-height:160%; margin-bottom:3px; }
.list-gallery > li .txt_box li:last-child{ margin-bottom:0px; }
.list-gallery > li .txt_box li b{ position:absolute; top:0; left:0; color:#007cc3; }

.as_lock{ z-index:11; position:absolute; top:20px; right:20px; background:#555; color:#fff; height:30px; line-height:30px; padding:0 10px; font-size:12px; }
.as_lock0{background-color:#007cc3; }

/*상단 공지사항 추가*/
.panel { border:none; margin-bottom:50px; }
.panel .panel-heading { padding:15px 0; border:none; background:none; }
.panel-title { font-size:18px; font-weight:700; line-height:140%; }
.panel>.list-group { border-top:2px solid #333;}
.panel>.list-group .list-group-item { padding:20px 15px; }
.panel>.list-group .list-group-item:hover { background-color:#f8f8f8; }
.panel>.list-group:last-child .list-group-item:last-child { border-bottom:1px solid #ddd; }
.panel .fa-clock-o { display:none; }
.list-group-item > span { font-size:16px; }
.list-group-item strong.black { font-size:16px; font-weight:normal; line-height:140%; }

@media all and (max-width:1024px){
	.list-gallery > li{ width:48.5%; margin-right:3%; margin-top:40px; }
	.list-gallery > li:nth-child(3n+3){ margin-right:3%;}
	.list-gallery > li:nth-child(-n+3){ margin-top:40px; }
	.list-gallery > li:nth-child(2n+2){ margin-right:0%;}
	.list-gallery > li:nth-child(-n+2){ margin-top:0%; }

	.list-gallery > li .txt_box{ margin-top:20px; }
	.list-gallery > li .txt_box .cate b{ font-size:13px; margin-right:5px; }
	.list-gallery > li .txt_box strong{ font-size: 18px; height: 55px; }
	.list-gallery > li .txt_box li{ padding-left:60px; font-size:14px; }

	/*상단 공지사항 추가*/
	.panel>.list-group .list-group-item { padding:15px; } 
	.panel-title { font-size:16px; }
	.list-group-item strong.black { font-size:14px; }
	.list-group-item > span { font-size:14px; }


}
@media all and (max-width:768px){
	.list-gallery > li .txt_box strong{ font-size: 14px; height: 45px; margin-bottom:10px; }
	/*상단 공지사항 추가*/
	.panel>.list-group .list-group-item { padding:10px 15px; } 
	.panel .hidden-xs { display:block !important;float:none !important; font-size:12px; line-height:120%; color:#777; }
	.panel .fa-clock-o { display:inline-block; }

}
@media all and (max-width:320px){
	.list-gallery > li{ width:100%; margin-right:0%; margin-top:20px; }
	.list-gallery > li:nth-child(3n+3){ margin-right:0%;}
	.list-gallery > li:nth-child(-n+3){ margin-top:20px; }
	.list-gallery > li:nth-child(-n+2){ margin-top:0%; }
	.list-gallery > li:nth-child(-n+2){ margin-top:20px; }
	.list-gallery > li:nth-child(-n+1){ margin-top:0px; }
}