/*
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
html, body, div, span, td, th {font-size:14px;FONT-FAMILY: 'Nanum Gothic';line-height:18px;}
*/

@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
html, body, div, span, td, th {font-size:14px;FONT-FAMILY: 'Noto Sans KR';line-height:18px;}

A:link {text-decoration: none;color:#5B5B5B}
A:visited {text-decoration: none;color:#5B5B5B}
A:hover {text-decoration: none;color:#5B5B5B}
A:active {text-decoration: none;color:#5B5B5B}


body {
    padding-top: 3.5rem;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.btn-orange{
    background-color:#F05A28 !important;
    color:#ffffff;
}

#bookList{
    display:flex;
    align-content:flex-start;
    flex-wrap:wrap;
    overflow:auto;
}

.logoTool{
    color:#DC3545;
    font-size: 1em;
    margin-right:-10px;
}

.flagRed{
    color:red;
}

.menuButton{
    font-size:0.9em;
    color:#ffffff !important;
    border:1px solid #5a5a5a;
    border-radius: 5% 5%
}





.my-sidebar {
  -ms-flex: 0 0 300px;
  flex: 0 0 300px;
} 



/* 트리 이동 */
.listTree{
    padding:5px; 
    min-width: 120px; 
    border:1px solid #cecece;
    margin:5px;
    float:left;
    border-radius: 10px;
} 


.listTree li{
    padding:0px;
    display: inline-block;
    list-style-type: none;
    margin: 5px;
    clear:both;
}

.treeTitle{
    padding-left:8px;
    cursor:move;
}

#drop-area {
    border: 2px dashed #ccc;
    border-radius: 20px;
    width: 96%;
    font-family: sans-serif;
    margin: 10px auto;
    padding: 20px;
  }
  #drop-area.highlight {
    border-color: purple;
  }
  p {
    margin-top: 0;
  }
  .my-form {
    margin-bottom: 10px;
  }
  #gallery {
    margin-top: 10px;
  }
  #gallery img {
    width: 150px;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: middle;
  }
  .button {
    display: inline-block;
    padding: 10px;
    background: #ccc;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #ccc;
  }
  .button:hover {
    background: #ddd;
  }
  #fileElem {
    display: none;
  }