@charset "utf-8";

/* 리스트 */
.board--card--list, .board--card--list .obj{overflow:visible;}
.board--card--list.type2 .category {position:absolute;right: 0;top: 0;z-index: 2;width: 50px;height: 50px;line-height: 50px;font-size: 14px;font-weight: 500;color:#fff;text-align:center;}
.board--card--list.type2 .category.category-x1 {background: #faa831;/* color: #000; */}
.board--card--list.type2 .category.category-x2 {background: #003f70;}
.board--card--list.type2 .category.category-x3 {background:#777;}
.board--card--list .obj .thm--box {border-bottom:1px solid #ddd;}
.board--card--list .obj .thm--box .inner img {width: 100%;height: auto;min-height: 100%;max-height: 1000%;}
.board--card--list.type2 .obj .item {min-height: 395px;border:none;}
.board--card--list.type2 .col .inner-box {box-shadow:none;}
.board--card--list.type2 .obj .link {position:relative;border:1px solid #dedede;}
.board--card--list .obj .link:after {opacity:0; position:absolute; left:-3px; top:-3px; content:''; width:100%; height:100%; border:3px solid #3a67b9; -webkit-transition:all 0.3s;transition:all 0.3s;}
.board--card--list.type2 .obj .link:hover,
.board--card--list.type2 .obj .link:focus {border:1px solid #3a67b9;}
/* .board--card--list.type2 .obj .link:hover:after,
.board--card--list.type2 .obj .link:focus:after { opacity:1;} */
.board--card--list.type2 .obj .card--body {}
.board--card--list.type2 .obj .card--body .tit {overflow:hidden; margin:0 0 15px;color:#000;text-overflow: ellipsis;white-space: nowrap;}
.board--card--list.type2 .obj .card--body ul {}
.board--card--list.type2 .obj .card--body ul li {display: block;overflow:hidden;position:relative;margin:8px 0;padding-left: 105px;font-size:15px;color: #777;text-overflow: ellipsis;white-space: nowrap;}
.board--card--list.type2 .obj .card--body ul li:first-child {display:block; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;white-space: normal;}
.board--card--list.type2 .obj .card--body ul li em {display: inline-block;position: absolute;left: 0;top: 0;margin: 0 0 1px;font-weight: 500;color:#000;}
.board--card--list.type2 .obj .card--body ul li em i {margin-right:3px;}

@media screen and (max-width:1319px){ 
    .board--card--list .obj.col3 .col {width:50%;}
}
@media screen and (max-width:767px){ 
    .board--card--list .obj.col3 .col {width:100%;}
}


/* 뷰페이지  */
.icon-list li {padding-left: 135px;min-height:26px;}
.icon-list li em .ico {border:1px solid #3a67b9; background-color:#3a67b9;}
.icon-list li table a {padding: 0 45px 0 0;border:none;background:#fff;vertical-align:top;text-decoration:underline;}
.icon-list li table a:hover,
.icon-list li table a:focus {background:#fff; color:#000;text-decoration:underline;}
.icon-list li table a i {display:none;}

.photoslidewrap {overflow:hidden; margin:0 0 30px;padding:40px; border:1px solid #ddd;}
.photoslidewrap .inner {position:relative}
.photoslidewrap .inner:after {display:block; clear:both; visibility:hidden; content:'';}
.photoslidewrap .thumb {float:left;overflow: hidden;position:relative;z-index: 1;width:45%;height:280px;border: 1px solid #f3f3f3;text-align:center;}
.photoslidewrap .thumb span {display:block; position:relative;width:100%; height:100%;}
.photoslidewrap .thumb span img {position: absolute;top: 50%;left: 50%;width:auto;min-width: 100%;max-width:1000%;height:100%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

.photoslidewrap .info_box {float:right;position:relative;z-index: 1;width: calc(100% - 45%);margin: 10px 0 0;padding-left:30px;}
.photoslidewrap .info_box > strong {display:inline-block; margin:0 10px 15px 0; line-height:1.4;font-size:22px; font-weight:700; color:#121212;}
.photoslidewrap .info_box > strong span {display:inline-block; font-size:16px; font-weight:normal; color:#333;}
.photoslidewrap .info_box > p {margin:0 0 30px;}
.photoslidewrap .info_box p,
.photoslidewrap .info_box2 p {font-size:16px; color:#666;}
.photoslidewrap .text_box {padding:10px 20px 20px; background:#f7f7f8;}


@media(max-width:1023px){
    .photoslidewrap .thumb {float:none;width:100%;max-width: 550px;height: auto;margin: 0 auto 20px;}
    .photoslidewrap .thumb span img  {position:static;width: 100%;height:auto;transform: translate(0,0);-webkit-transform: translate(0,0);}
    .photoslidewrap .info_box {float:none; width:100%; padding:0;}
}
@media(max-width:767px){
    .photoslidewrap {padding: 30px 25px;}
    .photoslidewrap .picture {height:250px;}
}
@media(max-width:580px){
    .icon-list li {padding:0;}
    .icon-list li em {display:block;position:static;margin: 0 0 3px;}
}