.sns_top{padding: 20px 1rem;background: #f5f5f5;margin-bottom:50px;}

.nav-tabs.sns_tab{margin:0.5rem 0 1.25rem 0; justify-content:center;border-bottom:0;}
.nav-tabs.sns_tab li.nav-item{padding:0.5rem 1rem;}
.nav-tabs.sns_tab li.nav-item a.nav-link{color:#a7a7a7!important;padding:0; border:0;}
.nav-tabs.sns_tab li.nav-item a.nav-link:hover, .nav-tabs.sns_tab li.nav-item a.nav-link:focus{border:0; isolation: auto; color:#15c179!important;}
.nav-tabs.sns_tab li.nav-item a.nav-link.active{color:var(--uou-green)!important; font-weight:500; border:0; border-bottom:1px solid var(--uou-green); display:block; background-color:transparent;}
.nav-tabs.sns_tab li.nav-item a.nav-link.disabled{color:#cdcdcd!important;}

.sns_search {display:flex; justify-content: center; margin-bottom: 0.75rem;}
.sns_search input{display:block; width:50%; padding: 10px;border: 1px solid #ccc !important;color: #777;outline: none;}
.sns_search input:focus{border: 1px solid var(--uou-green) !important;}
.sns_search a{width: 80px; text-align: center;padding: 10px;background:url(/images/front/sub_cont/photogallery-img2.png) no-repeat 50% 50%;background-color: var(--uou-green);}

.sns_search .sns_total{display:flex; justify-content: flex-end; align-items: flex-end; margin-left:0.5rem}
.sns_search .sns_total p{color:#999!important;font-size:0.9rem;}
.sns_search .sns_total p span{color:#444; font-weight:bold; font-size:1.1rem;}

/*SNS 리스트 컨테이너*/
.sns_listCont{border-top:2px solid var(--uou-green); padding-top:1.5rem;}
.sns_listCont .snsBox{margin-bottom:1.5rem;}
.sns_listCont .snsBox .imgBox{width:100%; position: relative;background:#f5f5f5;}
.sns_listCont .snsBox .imgBox:after{content:""; display:block; padding-bottom:100%;}
.sns_listCont .snsBox .imgBox img{width:100%; height:100%; object-fit: contain; position:absolute;}
.sns_listCont .snsBox .imgBox .snsCircle{width:34px; height:34px;bottom:0.7rem;right:0.7rem;box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.6);}

.sns_listCont .snsBox .txtBox{}
.sns_listCont .snsBox .txtBox li.sns_title{color:#222!important;margin-bottom:0.6rem; display:-webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;height:52px;}
.sns_listCont .snsBox .txtBox li.sns_date{font-size:0.8rem; color:#afafaf!important;}

.sns_listCont .snsBox.instagBox .snsCircle{background:url(/images/front/sub_cont/list_insta.png) no-repeat; background-size:cover; background-position: center center;}
.sns_listCont .snsBox.youtubBox .snsCircle{background:url(/images/front/sub_cont/list_utub.png) no-repeat; background-size:cover; background-position: center center;}
.sns_listCont .snsBox.facebBox .snsCircle{background:url(/images/front/sub_cont/list_fabok.png) no-repeat; background-size:cover; background-position: center center;}

.sns_listCont .snsBox.instagBox .border-bg{background:radial-gradient(circle at 10% 230%, #fdf497 10%, #fd5949 30%,#d6249f 60%,#285AEB 120%)!important;width:100%; height:3px; display: block;margin-top: -1px;}
.sns_listCont .snsBox.youtubBox .border-bg{background-color:#CF2021; width:100%; height:3px; display: block;margin-top:-1px;}
.sns_listCont .snsBox.facebBox .border-bg{background-color:#3B579D; width:100%; height:3px; display: block;margin-top:-1px;}



/********************************sns_게시물없음****************************/
/***********************************************************************/
/***********************************************************************/
.sns_nodata_cont{padding-top:3rem; padding-bottom:3rem;}
.sns_nodata_cont img{width:70px;}
.sns_nodata_cont p{color:#555; font-weight: 500;}


/*페이지 넘기기*/
/* .pagination{
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.page-link{
    margin: 0 20px;
}
.page-link span{color: #aaa; font-size: 50px;}
.pagination .page-link{
    border: none;
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
    margin: 0 10px !important;
}
.pagination .page-link:hover{background-color: #fff !important;}
.pagination .num:focus{background: none; box-shadow: none;}
.pagination a[class*="introduction"]{box-shadow: none;}
.pagination .num{
    width: 30px;
    height: 35px;
    border: 0px solid #ccc !important;
    text-align: center;
    color: #555 !important;
    margin: 0 !important;
}
.pagination .num:hover{
    color: #159e61 !important;
    opacity: 0.7;
    font-weight: 600;
}
.pagination .linkchoice{color: #159e61 !important; font-weight: 600;}

.dropdown-toggle::before{content: ''; position: absolute; width: 12px; height: 12px; background: url(/images/front/images/sub_cont/bottomarrow.png) no-repeat; top: 45%; right:5%;}
.dropdown-toggle::after{display: none;}

.first.control{background: url(/images/front/sub_cont/firstcontrol.png) 100% 100% no-repeat;background-size:100%;}
.prev.control{background: url(/images/front/sub_cont/prevcontrol.png) 100% 100% no-repeat;background-size:100%;}
.next.control{background: url(/images/front/sub_cont/nextcontrol.png) 100% 100% no-repeat;background-size:100%;}
.last.control{background: url(/images/front/sub_cont/lastcontrol.png) 100% 100% no-repeat;background-size:100%;}
 */
/*페이지 넘기기*/




@media(max-width:1024px){}
@media(max-width:991px){
    .sns_listCont .snsBox .txtBox li.sns_title{font-size:0.9rem; height:48px;}
}
@media(max-width:767px){}

@media(max-width:575px){
    .nav-tabs.sns_tab{margin:0 0 0.5rem 0; }
    .nav-tabs.sns_tab li.nav-item{padding:0.5rem 0.5rem;}
    .nav-tabs.sns_tab li.nav-item a.nav-link{font-size:0.9rem;}
    
    .sns_top{position: relative;}
    .sns_search input{width:100%;}
    .sns_search a{width:60px;background-size:40%;}
    .sns_search .sns_total{position:absolute;bottom:-50px; right:0;}
    
    /* .pagination{justify-content: space-evenly;} */
    .pagination .page-link{width: 25px;height: 25px;margin: 0 3px !important;padding: 0.175rem 0;}
    .pagination .num{width: 15px;font-size: 0.8rem !important;}    
}

@media(max-width:345px){
    .nav-tabs.sns_tab{margin:0 0 0.5rem 0; justify-content:space-between;}
    .nav-tabs.sns_tab li.nav-item{padding:0.5rem 0;}
    .nav-tabs.sns_tab li.nav-item:first-child{width:100%;margin: 0 auto;text-align: center;}
    .nav-tabs.sns_tab li.nav-item:first-child a.active{display:inline-block;}
}
