@charset "utf-8";

#design_view_r{position:fixed;top:50%;right:0;margin-right:-190px;z-index:9999;margin-top:-320px;transition: all .6s}
#design_view_r .dv_btn_area{position:absolute;left:-44px;bottom:0;cursor:pointer}
#design_view_r .dv_btn_area .btn{position:relative;width:44px;height:44px;line-height:44px;text-align:center;background-color:#f48206}
#design_view_r .dv_btn_area .btn img{position:absolute;left:19px;bottom:16px}
#design_view_r .dv_btn_area .btn img.dv_btn_off{display:none}
#design_view_r .dv_btn_area .tit{position:relative;width:44px;height:134px;font-size:14px;color:#fff;text-align:center;letter-spacing:-0.3px;background-color:#32353a;font-family:'notokr-medium'}
#design_view_r .dv_btn_area .tit span{display:block;position:absolute;left:-18px;bottom:56px;width:85px;-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
#design_view_r .thum_img_area{position:relative;width:190px;height:620px;padding:15px;background-color:#32353a}
#design_view_r .thum_img_area li{position:relative;width:100%;height:98px;margin-bottom:20px;overflow:hidden}
#design_view_r .thum_img_area li img{width:100%}
#design_view_r .thum_img_area li p{position:absolute;left:0;bottom:0;width:100%;font-size:13px;line-height:25px;color:#fff;text-align:center;background-color:rgba(0,0,0,.5);-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-medium'}
#design_view_r .thum_img_area li:hover p{background-color:rgba(0,0,0,.9)}
#design_view_r .thum_img_area .empty{position:absolute;width:160px;height:98px;padding-top:30px;border:1px solid #56575d;font-size:13px;text-align:center;color:#8e8f91;background-color:#3f4146;font-family:'notokr-medium'}