@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 

.quick-wrap{display:none;position: fixed;width:100%;max-width:500px;top: 0;bottom: 0;right:-100%;z-index: 9991;height:100vh;background:#fff;overflow:auto;font-family: 'NotoSansKR','Malgun Gothic','¸¼Àº °íµñ',sans-serif;}
.quick-wrap .pops_left_body{padding:30px}
.quick-wrap .close{text-align: right; color: #999;padding:0px;margin:0px}
.quick-wrap .close p{padding:0px;margin:0px}
.quick-wrap .close a{color: #999;}
.pleft_list{padding:0px;font-size:18px;}
.pleft_list > p{color:#333;padding:2px 0px;margin:0px;font-weight:bold}
.pleft_list > ul{padding-left:10px;margin:5px 0px;margin-bottom:20px}
.pleft_list > ul > li{list-style: none;margin-bottom:5px}
.pleft_list > ul > li.liner{color:#000;font-weight:500}
.pleft_list > ul > li a:before{content:'-';position:absolute;left:0px;top:0px;line-height:20px;color:#767676;font-size:16px;}
.pleft_list > ul > li a{padding-left:10px;color:#767676;font-size:16px;display:block;position:relative;line-height:20px;text-decoration: none;outline: none;}
.pleft_list > ul > li a:hover{color:#000;}

.open .quick-wrap{display:block !important;right: 0;}
.open:after {content: "";display: block;background: rgba(0,0,0,.5);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;overflow: hidden;}