@charset "UTF-8";


.headerImg img {height: 111px;}
#header {height: 220px!important;}
/*썸네일 이미지와 리스트 버튼 */
.typeBtn { width: 100px; float: right; text-align: right;}
a.btn2 {padding: 5px 7px;margin-left: 2px;line-height: 18px;background: #93c266;border: 1px solid #d5d5d5;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 4px;color: #fff;display: inline-block;zoom: 1;vertical-align: middle;}
.btn2 .fa {font-size: 18px;vertical-align: middle;}
a.btn2:hover {background: #88b260;}
.op_wrap .smain a.table-title {font-size: 15px!important;font-weight: normal!important;}
.op_wrap .smain li.galleryType {width: 22%;display: inline-block;height: 320px;padding: 1% 1%;vertical-align: top;margin-bottom: 40px;text-align: center;}
.op_wrap .smain li.galleryType span {width: 100%;display: block;}
.op_wrap .smain li.galleryType span.span-title {text-align:left; height: 56px;font-size: 14px;overflow: hidden;}
.op_wrap .smain li.galleryType span.span-date {text-align:left; font-size: 12px;margin-top: 3px;}
.op_wrap .smain li.galleryType:hover {text-decoration: underline;}
.smain .item .galleryType img { width: 180px; height: 252px;}
.smain .item .galleryType p {text-align: center;}
/*독서문화프로그램에서 위치변경*/
form#teach .typeBtn {width: 100%; float: none;}

@media (max-width: 1000px) {
	#header{border-bottom: 1px solid #c9e2f8; height: 88px!important; overflow: hidden; background: #fff;}
	.op_wrap .smain li.galleryType{width:47%;height: auto;overflow: hidden;}
}

@media (max-width: 765px) {
}