html, body{ margin:0; padding:0; width:100%; height:100%; } /* ¹ö¶¯Ìõ */ ::-webkit-scrollbar { width: 12px;} ::-moz-scr ::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px;} ::-webkit-scrollbar-thumb { border-radius:10px; background: rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);} ::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4);} .tree_dept_box{ width:349px; height:100%; display:inline-block; float:left; overflow:auto; border-right:1px dashed #055655; } .zmap_img_box{ width:549px; height:100%; display:inline-block; float:left; background:#ddd; } .maptile_box{ width:270px; height:235px; display:inline-block; float:left; } .glass_box{ width:230px; height:200px; margin:15px auto; background: rgba(255, 255, 255, 0.87); border-radius:5px; box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.35); position: relative;} .glass_box img{ width:230px; height:160px; } .hasimg{ width:230px; height:200px; } .descmap{ width:100%; height:40px; position:absolute; bottom:0; left:0; border-top:1px solid #ddd; } .descmap:hover{ background:rgba(0, 144, 226, .5); } .glass_box h3{ position:absolute; bottom:5px; left: 5px; } .file { position:absolute; right:5px; bottom:5px; display: inline-block; border:none; width: 50px; padding: 4px; height:20px; background-color: rgba(0, 0, 0, 0.03); text-align:center; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.6); border-radius:20px; overflow: hidden; color:#0090e2; text-decoration: none; text-indent: 0; line-height: 20px; } .file input { position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; } .file:hover, .btn-crop:hover { color: #ffffff; text-decoration: none; background:#0090e2; } .file-container{ top:-30px; }