@charset "utf-8";

/* 리스트 */
.board--card--list, .board--card--list .obj{overflow:visible;}
.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: 361px;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:-2px; top:-2px; content:''; width:100%; height:100%; border:2px solid #003f70; -webkit-transition:all 0.3s;transition:all 0.3s;}
.board--card--list.type2 .obj .link:hover,
.board--card--list.type2 .obj .link:focus {box-shadow:5px 5px 15px rgba(0,0,0,.2);}
.board--card--list.type2 .obj .link:hover:after,
.board--card--list.type2 .obj .link:focus:after { opacity:1;}
.board--card--list.type2 .obj .thm--box {padding-top: 280px;}
.board--card--list.type2 .obj .thm--box .inner img {width: 100%;height: auto;min-height: 100%;}
.board--card--list.type2 .obj .card--body {padding:10px 10px 0;} 
.board--card--list.type2 .obj .card--body .tit {overflow:hidden;margin:0 0 15px;color:#000;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;}
.board--card--list.type2 .obj .card--body ul {}
.board--card--list.type2 .obj .card--body ul li {overflow:hidden;position:relative;margin:8px 0;padding-left: 110px;font-size:15px;color:#000;text-overflow: ellipsis;white-space: nowrap;}
.board--card--list.type2 .obj .card--body ul li em {display:inline-block;position:absolute;left:0;top:0;font-size: 15px;font-weight: 700;color:#000;}
.board--card--list.type2 .obj .card--body ul li em span {margin-right:5px;}
.board--card--list.type2 .obj .card--body ul li em i {margin-right:3px;}

.board--card--list.type2 .obj .card--body ul li.datelist {}
.board--card--list.type2 .obj .card--body ul li.datelist {display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 52px; min-height: auto;text-overflow: ellipsis;white-space: normal;}
.board--card--list.type2 .obj .card--body ul li.datelist .dd {display:inline-block;}

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

/* 뷰페이지  */

.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:360px;border: 1px solid #f3f3f3;text-align:center;}
.photoslidewrap .thumb span {}
.photoslidewrap .thumb span img {}
.photoslidewrap .thumb span {}
.photoslidewrap .info_box {float:right;position:relative;z-index: 1;width:calc(100% - 360px);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;}

.photoslidewrap {}
.photoslidewrap .photoslide {position:relative;z-index:1;}
.photoslidewrap .picture {display:block;overflow:hidden;width:100%; height:250px;}
.photoslidewrap .picture span {display:block; position:relative;width:100%; height:100%;}
.photoslidewrap .picture span img {position: absolute; top: 50%; left: 50%; width:auto; max-width:1000%; height:100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.photoslidewrap .control {display: inline-block;position:absolute;z-index:2;right: 0;bottom:0;width: auto;height: 40px;text-align: right;}
.photoslidewrap .control .paging {display:inline-block;float: left;padding:0 15px;background:rgba(0,0,0,.5);}
.photoslidewrap .control .paging span {display:inline-block; line-height:40px; color:#fff; font-weight:700;}
.photoslidewrap .control button {display:inline-block;float: left;position: relative;width:40px;height:40px;margin: 0;border-right: 1px solid #fff;background:rgba(0,0,0,.5);font-size:0;vertical-align: top;}
.photoslidewrap .control button[data-control="prev"]:before,
.photoslidewrap .control button[data-control="next"]:before{width:6px;height:6px;border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.photoslidewrap .control button[data-control="prev"]:before{right: -4px;border-width: 0 0 2px 2px;}
.photoslidewrap .control button[data-control="next"]:before{left: -4px;border-width: 2px 2px 0 0;}
.photoslidewrap .control button[data-control="stop"]:before{width: 2px;height:9px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
.photoslidewrap .control button[data-control="play"]:before{right: -4px;width: 0;height: 0;border-width: 5px 0 5px 8px;border-style: solid;border-color: transparent transparent transparent #fff;}

.icon-list > li {padding-left:130px;}

@media(max-width:1023px){
    .photoslidewrap .thumb {float:none; width:100%; margin:0 0 20px;}
    .photoslidewrap .info_box {float:none; width:100%; padding:0;}

}

@media(max-width:767px){
    .photoslidewrap {padding: 30px 25px;}
    .icon-list > li em {position:static;}
    .icon-list > li {padding:0;}
  
}