/*=================================================
                리스트
=================================================*/
/*이미지 탭*/
.default-jg-tab{
    margin-bottom:40px;
}
@media screen and (min-width:992px){
    .default-jg-tab{
        position:absolute;
        top:-69px;
        right:0;
        margin-bottom:35px;
    }
}
.default-jg-tab .tab-ul{
    text-align: left;
}
.default-jg-tab .tab-ul .nav-item{
    width:auto;
    border: none;
    background-color:transparent;
    margin-right:22px;
}
@media screen and (min-width:992px) {
    .default-jg-tab .tab-ul .nav-item{
        margin-left:22px;
        margin-right:0;
    }
}
.default-jg-tab .tab-ul .nav-item.on{
    background-color:transparent;
}
.default-jg-tab .tab-ul a{
    font-size:12px;
    font-weight: 400;
    color:#ababab;
    letter-spacing:0;
}
.default-jg-tab .tab-ul .nav-item.on a {
    color:#151515;
}
.default-jg-tab .tab-ul a .text{
    position:relative
}
.default-jg-tab .tab-ul .nav-item .text:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-5px;
    display: block;
    width:100%;
    height: 1px;
    background-color: #151515;
    transition:transform .5s;
    -webkit-transition:transform .5s;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
}
.default-jg-tab .tab-ul .nav-item.on .text:after,
.default-jg-tab .tab-ul .nav-item:hover .text:after{
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
}

/*이미지 리스트*/
.default-img-list2{
    margin-left: -7.5px;
    margin-right: -7.5px;
    display: none;
}
.default-img-list2 [class*='col-']{
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 0;
}
.default-img-list2 .masonry-grid-item{
    display: none;
}
.default-img-list2 .masonry-grid-item.on{
    display: block;
}
.default-img-list2 .image-wrap{
    position: relative;
}
.default-img-list2 .image-wrap:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color: rgba(0,0,0,.1);
    opacity: 0;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
}
.default-img-list2 .image-wrap .rectangle{
    transition: transform .6s;
    -webkit-transition: transform .6s;
    padding-top:66.29%;
}
.default-img-list2 [class*='col-']:hover .image-wrap:after{
    opacity: 1;
}
.default-img-list2 [class*='col-']:hover .image-wrap .img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
[class*="col-"].non-list{
    height: 150px;
    line-height: 150px;
    margin-bottom: 0;
    color:#999;
}
.default-img-list2 .text-wrap{
    padding:10px 0 15px 0;
    font-family: Dotum, sans-serif;
    font-size: 11px;
}
.default-img-list2 .text-wrap .title{
    padding: 0;
    padding-bottom:5px;
    color:#555
}
.default-img-list2 .text-wrap .sub-title{
    color:#a7a7a7;
}

@media screen and (min-width:1200px){
    .default-img-list2{
        margin-left: -15px;
        margin-right: -15px;
    }
    .default-img-list2 [class*='col-']{
        padding-left: 15px;
        padding-right: 15px;
    }
    .default-img-list2 .text-wrap{
        padding:18px 0 18px 0;
    }
}
/*=================================================
                상세
=================================================*/
.portfolio-title-wrap{
    padding:15px 0;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
.portfolio-description-wrap{
    margin-top: 25px;
}

.portfolio-list-wrap{
    margin: 0 -5px;
    padding:40px 0;
}
@media screen and (min-width:992px) {
    .portfolio-list-wrap{
        padding:50px 0;
    }
}
.portfolio-ul{
    margin-bottom: 5px;
}
.portfolio-ul:last-child{
    margin-bottom: 0;
}
.portfolio-list{
    padding: 0 5px;
}
.portfolio-list img{
    width:98%;
}
.portfolio-list.no-img{
    height: 0;
}
/*페이지 버튼*/
.portfolio-paging-wrap{
    position:absolute;
    right:0;
    top:-12px;
    max-width: 165px;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 300;
    color:#b0b0b0;
}
.portfolio-paging-wrap.paging-bottom{
    top:30px;
}
@media screen and (min-width:544px) {
    .portfolio-paging-wrap.paging-bottom{
        top:-20px;
    }
}
.portfolio-paging-wrap:after{
    content: "";
    display: inline-block;
    width:100%;
}
.portfolio-paging-wrap > .page-item{
    display: inline-block;
    margin-left:24px;
}
.portfolio-paging-wrap > .page-item .page-item-link .text{
    position:relative;
}
.portfolio-paging-wrap > .page-item .page-item-link:hover{
    color:#363636;
}
.portfolio-paging-wrap > .page-item .page-item-link .text:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    display: block;
    width:100%;
    height: 1px;
    background-color: #6a6a6a;
    transition:transform .5s;
    -webkit-transition:transform .5s;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
}
.portfolio-paging-wrap > .page-item .page-item-link:hover .text:after{
    transform: scale(1);
    -webkit-transform: scale(1);
}
.portfolio-paging-wrap > .page-item.none{
    pointer-events: none;
    color:#ddd;
}
.portfolio-paging-wrap > .page-item.none .text:after{
    content:none;
}