.sidebar .sidebar_wrap{z-index: 9999;position:fixed; right:20px; top:50%; transform: translateY(-50%);}


.sidebar .sidebar_wrap .close_bar{transform: rotate(90deg); transition: transform 0.5s;}
.sidebar .sidebar_wrap .close_bar.on{transform: rotate(-90deg);}
.sidebar .sidebar_wrap li{box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);padding:12px;background-color: #fff; border-radius: 50px; margin:10px 0 ;}
.sidebar .sidebar_wrap li a{width:22px; height:22px;display: block;text-align: center;color:#888}
.sidebar .tak_side .top_btn {font-size:12px;position:relative; width:52px; height:52px;border:1px solid #ddd; background-color: #fff; border-radius: 50%;margin-right:10px;;}

.sidebar .naver { width:52px; height:52px;}
.sidebar .kakao{ width:52px; height:52px;}

.sidebar .tak_side .top_btn p{padding-top:8px;text-align: center;margin-top:11px; color:#888}
.sidebar .tak_side .top_btn span{width:8px; height:8px; border-top:1px solid #888;border-right:1px solid #888;position:absolute; top:14px; left:50%; transform: translateX(-50%) rotate(-45deg); }


.sidebar .tak_side{position:fixed; bottom:30px;right:30px; display: flex;z-index: 99999999;    align-items: flex-end;    height: 52px;    align-content: flex-end;}
.sidebar .naver{margin-right:10px;}

.sidebar .tak_side a{display: block;width: 100%;height: 100%;}

.smart-side-list{position:fixed;top:0; right:-170px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);;height:100%;background-color: #fff;padding:20px 20px 100px;z-index: 99999999; width:200px;}
.smart-side-list .tit{font-size:1.125rem; color:#888;padding-bottom:10px;}
.smart-side-list .side_con{border-top:1px solid #ddd;border-bottom:1px solid #ddd;min-height:500px;padding-top:10px;overflow-y: scroll;  height: 500px;padding-bottom:10px;}
.smart-side-list .side_con::-webkit-scrollbar{width:10px; background-color: #fff;}
.smart-side-list .side_con::-webkit-scrollbar-thumb{background-color: #ddd;z-index: 999; border-radius: 20px; opacity: 0.5;background-clip: padding-box;
    border: 2px solid transparent;}


.smart-side-list .no-list{font-size:13px; color:#888}

.smart-side-list .list-wrap{/* overflow-y:scroll ; */height:100%;}
.smart-side-list .list-wrap .pd-img-con{background-color: #f5f5f5; padding-bottom:0; margin-bottom:10px;border-radius: 20px;}
/* .smart-side-list .list-wrap .img-bg{background-size: 80% ;} */


.smart-side-list .bottom{font-size:13px;margin-top:15px;}
.smart-side-list .bottom > div:last-child{margin-top:10px}

.smart-side-list .top_tit{font-size:1rem; font-weight: 500;}
.smart-side-list .cal{font-size:1rem;}
.smart-side-list .con{opacity: 0.8;margin-top:3px;}




 /* ********************************************* *
 * 960px max
 * ********************************************* */
 @media screen and (max-width: 960px){
.sidebar .sidebar_wrap{display: none;}
 }


 /* ********************************************* *
 * 500px max
 * ********************************************* */
 @media screen and (max-width: 500px){
    .sidebar .tak_side {
        position: fixed;
        bottom: 10px;
        right: 20px;}
 }