@charset "utf-8";
/**************************************************

	SUPERBOARD :: BOARD SKIN :: gallery

**************************************************/
#sb-gallery{margin: -10px;margin-top: 20px;}
#sb-gallery > li{position: relative;display: inline-block;vertical-align: top;width: calc(25% - 20px);margin: 10px;}
#sb-gallery > li > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -999em;z-index: 2;}
#sb-gallery > li .tmb{position: relative;padding-bottom: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;}
#sb-gallery > li .tmb:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.05);}
#sb-gallery > li .infobox{padding: 18px 5px;}
#sb-gallery > li .infobox .sbj{display: block;font-size: 16px;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#sb-gallery > li .infobox .info{margin-top: 10px;}
#sb-gallery > li .infobox .info li{display: inline-block;position: relative;padding: 0 10px;}
#sb-gallery > li .infobox .info li:before{content: '';display: block;position: absolute;top: 50%;left: 0;width: 1px;height: 12px;background: #ddd;transform: translate(0, calc(-50% - 2px));}
#sb-gallery > li .infobox .info li:first-child{padding-left: 0;}
#sb-gallery > li .infobox .info li:first-child:before{display: none;}




/* /company/library_list?viewMode=view&ca=추천자료&sel_search=&txt_search=&page=&idx=4 */
#sb-wrap:has(#sb-form) {position: relative;padding-right: 400px;min-height: 850px;}
#sb-wrap:has(#sb-form) #sb-form {position: absolute;top: 0;right: 0;width: 350px;}
#sb-wrap:has(#sb-form) .form_wrap {margin: -10px -5px;}
#sb-wrap:has(#sb-form) .form_wrap > dl {width: calc(100% - 10px);margin: 10px 5px !important;}
#sb-wrap:has(#sb-form) .form_wrap > dl > dd {margin-top: 8px !important;}
#sb-wrap:has(#sb-form) .form_wrap input[type=text],
#sb-wrap:has(#sb-form) .form_wrap input[type=password],
#sb-wrap:has(#sb-form) .form_wrap input[type=search],
#sb-wrap:has(#sb-form) .form_wrap input[type=email],
#sb-wrap:has(#sb-form) .form_wrap input[type=url],
#sb-wrap:has(#sb-form) .form_wrap input[type=number],
#sb-wrap:has(#sb-form) .form_wrap select {height: 45px;padding: 0 10px;font-size: 15px;}
#sb-wrap:has(#sb-form) .form_wrap textarea{height: 90px;font-size: 14px;line-height: 1.6;padding: 8px 10px;}