@charset "utf-8";
*{max-height:100000px;padding:0;margin:0;border:0;outline:none;border-collapse:collapse;box-sizing:border-box;line-height:1;list-style:none;text-decoration:none;border-spacing:0;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none;font-size:14px;font-family:굴림;color:#fff}

html,
body{overflow:hidden;height:100%;min-width:320px}
body{overflow-y:scroll;background:#2a2a2a;color:#fff}
body::-webkit-scrollbar{width:0;background:transparent}

#bugo{position:relative;max-width:700px;padding:10px;margin:0 auto;min-height:500px}


#search_box{position:relative;overflow:hidden;border-radius:4px}
#search{display:block;width:100%;height:38px;padding:10px;color:#000}
#search_start{position:absolute;top:0;right:0;width:100px;height:100%;padding:12px 14px 0 45px;background:url(/img/search.svg) 16px center no-repeat #009688;background-size:20px;font-size:16px}

.list_box{display:block;padding:10px;margin:7px 0;border:1px #ccc solid;border-radius:4px}
.list_box.on{border:1px #ff9800 solid;background:rgb(82 63 34)}

.list_box.off .plus_box{display:none}
.list_box.on .plus_box{display:block;padding:10px 0 0;clear:both}

.bugo_button{float:left;width: 33%;height:38px;padding:1px}
.bugo_button span{display:block;padding:10px 0;background:rgb(0 0 0 / 30%);text-align:center;border-radius:4px;border:1px rgb(255 255 255 / 50%) solid}
.title{line-height:1.3;font-size:16px}
.titles{margin:0 0 5px;text-align:center}
.titless,
.des{margin:0 0 10px;font-size:11px;text-align:center;line-height:1.3}
.plus{float:right}


.cle{clear:both}

#bugo_send{position: fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / 90%);z-index:3;padding:30px 30px 100px}
#bugo_send.off{display:none}
#bugo_send.on{display:block;overflow:hidden;overflow-y:scroll}

#send_end{position:fixed;bottom:0;left:0;height:50px;width:100%;text-align:center;padding:20px;background:#5a3d32}

h3{margin:0 0 20px;font-size:22px;text-align:center}

.mlist{position:relative;padding:10px 0;margin:0 0 10px;border-bottom:1px #ccc solid}


.mship{float:left;padding:1px;width:110px;text-align:right;height:40px;line-height:1.37}
.mname{float:left;padding:5px;width:70px;font-size:16px}
.mtel{float:left;padding:5px;width:100px}
.mms{float:right;height:34px;padding:8px;margin:1px 20px 0 0;border:1px #ccc solid}
.web{float:right;height:34px;padding:8px 10px;margin:1px 0 0;color:#ffeb00;border:1px #ffeb00 solid}


.footer{text-align: center;
    padding: 20px;
    background: #111;
    line-height: 1.3;}