@charset "utf-8";

/* 리스트 */
.board--card--list, .board--card--list .obj{overflow:visible;}
.board--card--list.type2 .tag:after {border-color: #faa831 transparent transparent transparent;}
.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:400px;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 #fca834; -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 .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 {overflow:hidden;position:relative;line-height: 26px;margin:8px 0;padding-left: 100px;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-weight:500;color: #000;}
.board--card--list.type2 .obj .card--body ul li em i {width: 26px;height: 26px;margin-right:3px;border-radius: 50%;background: #faa831;text-align: center;vertical-align: top;line-height: 26px;color: #fff;}

/* 뷰페이지  */
.icon-list li {min-height:26px;}
.icon-list li em .ico {border:1px solid #faa831; background-color:#faa831;}

.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: 500px;height: 350px;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% - 500px);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;}

.photoslidewrap {}
.photoslidewrap .photoslide {position:relative;z-index:1;}
.photoslidewrap .picture {display:block;width:100%; height:350px;}
.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;}

@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;}
    .photoslidewrap .thumb  {height:250px;}
    .photoslidewrap .picture {height:250px;}
}