@charset "utf-8";

/*포토형게시판*/
#contents .photogallery_list li,
#txt .photogallery_list li{float:left;width:25%;}

/* 버튼 */
/********** 버튼 스타일 **********/
button.btn_ln_bace { display:inline-block; padding:6px 15px 4px; background:#fcfcfe; border-radius:3px; border:1px solid #d2d2d2; vertical-align:middle; color:#121212; }
button.btn_ln_bace span { padding-right:17px; background:url(/images/default/sh_bt_arr_gray.png) no-repeat right; }
button.btn_ln_bace:hover,a.btn_ln_bace:focus,a.btn_ln_bace:active { background:#00693f; border:1px solid #00693f; color:#fff; }
button.btn_ln_bace:hover span,a.btn_ln_bace:focus span,a.btn_ln_bace:active span { background:url(/images/default/sh_bt_arr_on.png) no-repeat right; }
/* 녹색 */
button.btn_ln_gr span { background:url(/images/default/sh_bt_arr_green.png) no-repeat right; }
button.btn_ln_gr:hover,a.btn_ln_gr:focus,a.btn_ln_gr:active { background:#7dc242; border:1px solid #7dc242; }
/* 회색 */
button.btn_ln_gy { background:#fff; }
button.btn_ln_gy:hover,a.btn_ln_gy:focus,a.btn_ln_gy:active { background:#545454; border:1px solid #545454; }
/* 검정 */
button.btn_ln_bk { background:#f0f0f0; }
button.btn_ln_bk:hover,a.btn_ln_bk:focus,a.btn_ln_bk:active { background:#121212; border:1px solid #121212; }
/* 녹색2 */
button.btn_ln_gr2 { background:#00693f; border:1px solid #00693f; color:#fff; }
button.btn_ln_gr2 span { background:url(/images/default/sh_bt_arr_on.png) no-repeat right; }
button.btn_ln_gr2:hover,a.btn_ln_gr2:focus,a.btn_ln_gr2:active { background:#545454; border:1px solid #545454; }
/* 빨강 */
button.btn_ln_re { background:#bf0f30; border:1px solid #bf0f30; color:#fff; }
button.btn_ln_re span { background:url(/images/default/sh_bt_arr_on.png) no-repeat right; }
button.btn_ln_re:hover,a.btn_ln_re:focus,a.btn_ln_re:active { background:#545454; border:1px solid #545454; }
/* 파랑 */
button.btn_ln_bl { background:#22569c; border:1px solid #22569c; color:#fff; }
button.btn_ln_bl span { background:url(/images/default/sh_bt_arr_on.png) no-repeat right; }
button.btn_ln_bl:hover,a.btn_ln_bl:focus,a.btn_ln_bl:active { background:#545454; border:1px solid #545454; }


input[type="text"],input[type="password"],input[type="file"],input[type="search"]{box-sizing: content-box}






/* 산학협력 공용장비 list */
.device-list {}
.device-list  .card-list {}
.device-list  .card-list .card-list-item {width:calc(100% + 32px);height:calc(100% + 42px);margin: -21px -16px;}
.device-list  .card-list .card-list-item:after {content:'';display:block;clear:both;}
.device-list  .card-list .card-list-item .card--article {float:left;width:50%;padding: 21px 16px;}
.device-list  .card-list .card-list-item .card--article .card__link {display: block;width: 100%;height: 100%;position: relative;}

.device-list  .card__link .card__inner {display: block;padding: 0;min-height: 1px;width: 100%;position: relative;min-height: 212px;padding-left: 185px;}
.device-list  .card__link .card__inner .card__thumb {position: absolute;left: 0;top: 0;width: 170px;height: 212px;border: 1px solid #ddd;}
.device-list  .card__link .card__inner .card__thumb .card__img {width: 100%;display: block;height: 100%;overflow: hidden;position: relative;}
.device-list  .card__link .card__inner .card__thumb .card__img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none;max-height: none;height: 101%;width: auto;}

.device-list  .card__link .card__inner .card__head {}
.device-list  .card__link .card__inner .card__head .card__title {color: #222;font-weight: 700;font-size: 22px;margin-bottom: 0px;width: 100%;display: block;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;letter-spacing: -0.7px;line-height: 1;max-height: none;white-space: nowrap;margin-bottom: 9px;}

.device-list  .card__link .card__inner .card__text {}
.device-list  .card__text ul {}
.device-list  .card__text ul li {display: block;width: 100%;position: relative;margin-bottom: 3px;}
.device-list  .card__text ul li .subjact {color: #0c5931;display: block;font-size: 15px;font-weight: 700;line-height: 140%;letter-spacing: -0.6px;position: absolute;left: 0;top: 0;}
.device-list  .card__text ul li .con {color: #444;display: block;font-size: 15px;font-weight: 400;line-height: 120%;letter-spacing: -0.6px;padding-left: 66px;}
.device-list  .card__text ul li.n1 .con {overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: block;width: 100%;white-space: nowrap;}
.card__text ul li.n2 .con {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-all;}
.device-list  .card__text ul li.n3 .con {}
.device-list  .card__text .btn {position: absolute;right: 0;bottom: 0;width: calc(100% - 185px);text-align: center;border: 1px solid #000;font-size: 15px;color: #000;line-height: 1;padding: 0;height: 40px;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.device-list  .card__link:hover .card__text .btn,
.device-list  .card__link:focus .card__text .btn {background-color: #0c5931;color: #fff;border-color: #0c5931;}

.device-list  .card__link .card__inner .card__thumb .no-img {display: block;width: 100%;height: 100%;background-color: #ddd;background-image: url("data:image/svg+xml,%3Csvg width='50' height='24' viewBox='0 0 50 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.1226 0C41.185 0 40.264 0.491005 39.3082 2.20952L36.997 6.35767H36.9275C36.5365 4.73228 35.8327 3.14074 34.764 2.13333C33.1479 0.617989 31.0278 0 28.5254 0H22.0783C26.1621 1.69312 29.5073 6.50159 29.5073 11.8349C29.5073 16.2624 27.2134 19.9958 23.8595 21.7228C25.3714 22.9418 27.1439 23.7291 29.0815 23.7291C34.0428 23.7291 37.4662 20.8931 40.0816 16.3217C48.3881 1.8709 49.5263 0 49.5263 0H43.1313H43.1226Z' fill='white'/%3E%3Cpath d='M17.8034 12.0296C17.8034 7.55132 20.132 3.69101 23.4859 1.94709C21.974 0.719577 20.1668 0 18.2292 0C14.0064 0 10.4092 3.39471 9.11458 8.11005H9.00162V2.61587C9.00162 1.70159 8.99293 1.15132 8.55849 0.736508C8.12405 0.321693 7.5419 0.304762 6.60351 0.304762H0V24H6.6122C7.55059 24 8.13274 23.9915 8.56718 23.5683C9.00162 23.145 9.01031 22.5947 9.01031 21.6804V15.8899H9.12327C10.4179 20.6053 14.0064 24 18.2292 24H25.4148V23.9661C21.2268 22.2561 17.8121 17.4138 17.8121 12.0296H17.8034Z' fill='white'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-position: center;}

@media (max-width:1170px) {
    .device-list .card-list .card-list-item .card--article {width: 100%;}
}
@media (max-width:1023px) {
    .device-list .card-list .card-list-item .card--article {width: 50%;}
}

@media (max-width:880px) {
    .device-list .card-list .card-list-item .card--article {width: 100%;}
}

@media (max-width:460px) {
    .device-list .card__link .card__inner .card__thumb {position: relative;margin: 0 auto 15px;}
    .device-list .card__link .card__inner {padding: 0;}
    .device-list .card__text .btn {position: relative;width: 100%;margin-top: 10px;}
}

/* 산학협력 공용장비 view */
.device-view {}
.device-view .card--article {margin-bottom: 40px;border: 1px solid #ddd;padding: 50px;border-top: 2px solid #00693f;}
.device-view .card__inner {display: block;padding: 0;min-height: 1px;width: 100%;position: relative;min-height: 212px;padding-left: 219px;}
.device-view .card__inner .card__thumb {position: absolute;left: 0;top: 0;width: 170px;height: 212px;border: 1px solid #ddd;}
.device-view .card__inner .card__thumb .card__img {width: 100%;display: block;height: 100%;overflow: hidden;position: relative;}
.device-view .card__inner .card__thumb .card__img img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none;max-height: none;height: 101%;width: auto;}

.device-view .card__inner .card__head {}
.device-view .card__inner .card__head .card__title {color: #222;font-weight: 700;font-size: 26px;width: 100%;display: block;margin-bottom: 14px;line-height: 1.3;border-bottom: 1px dashed #ddd;padding-bottom: 10px;}

.device-view .card__inner .card__text {}
.device-view  .card__text ul {}
.device-view  .card__text ul li {display: block;width: 100%;position: relative;margin-bottom: 10px;}
.device-view  .card__text ul li .subjact {color: #0c5931;display: block;font-size: 16px;font-weight: 700;line-height: 140%;letter-spacing: -0.6px;position: absolute;left: 0;top: 0;}
.device-view  .card__text ul li .con {color: #444;display: block;font-size: 16px;font-weight: 400;line-height: 140%;letter-spacing: -0.6px;padding-left: 66px;}
.device-view  .card__text ul li.n1 .con {}
.card__text ul li.n2 .con {}
.device-view  .card__text ul li.n3 .con {}

@media (max-width:768px) {
    .device-view .card--article {padding:30px;}
    .device-view .card__inner {padding-left: 200px;}
}

@media (max-width:690px) {
    .device-view .card__inner .card__thumb {position:relative;margin: 0 auto 20px;}
    .device-view .card__inner {padding:0; }
}

@media (max-width:500px) {
    .device-list .basic_box .basic_search {display:block;width:100%;float:none;margin-bottom:10px;}
    .device-list .basic_search .searchinput {display: block;padding: 0;width: 100%;height: auto;}
    .device-list .basic_search .searchinput input {display: block;width: 100%;min-width: 1px;box-sizing: border-box;height: 28px;}
    .device-list .basic_search .searchinput input[type="text"] {margin-bottom:3px;}
    .device-list .board_total {float: none;display: block;padding: 0;}
    .basic_search label {margin: 0;}
    
}

@media (max-width:490px) {
    .device-view .card__inner .card__head .card__title {font-size: 22px;}
    .device-view  .card__text ul li .subjact,
    .device-view  .card__text ul li .con {font-size: 15px;}
}