body {
    margin:0;
    padding:0;
    display:flex;
    overflow: auto;
    flex-direction: row;
    height:100%;
    width:100%;
    border:none;
    font-family: 함초롬돋움;
}

a{
    text-decoration: none;
}
a:visited {
    color:white;
}

::-webkit-scrollbar {
		width: 5px;
		background: none;
	}
::-webkit-scrollbar-thumb {
	    background: #0A4C1D;
	    opacity: .4;
	}
::-webkit-scrollbar-track {
  background-color: lightgreen;
}

.layout{
    display: flex;
}
#sidebar {
    background-color: #308448;
    width:20%;
    height:100%;
    display: flex;
    flex-direction: column;

}

#stageArea {
    width:80%;
    height:100%;    
}

iframe {
    width:100%;
    height:100%;
    border:none;
}

.sides {
}

#head {
    height:20%;
}

#jibongNav {
    height:80%;
    margin:0;
    padding:0;
    overflow: auto;
}

#jibongNav a{
    text-decoration: none;
    color: black;
}
#jibongNav li{
    list-style: none;
    padding: 2px 0;
}

#title {
    margin-top:15px;
    font-size:30px;
    text-align: center;
    cursor:default;
}

#subtitle {
    text-align: center;
    color:whitesmoke;
    margin-top:10px;
    cursor:default;
}
.sublist a{
    padding:1px;
}

.sublist a:hover{
    background-color: lightgreen;
}
#jibongNav ul{
    width:50%;
    margin:0 auto;
    padding:0;
}
.mainlist{
    margin:5px 0 10px;
}
.mainlist a{
    padding:0 20px;
    margin-left:20px;
    border-bottom:5px #0A4C1D solid;
    font-weight: bold;
    font-size:20px;
    
}
.mainlist:last-child{
    margin-bottom:2rem;
}
#searching {

    padding:10px;
}
#stext{
    width:50%;
    height:30px;
    margin-left:10%;
}

#sbtn{
    border:none;
    background-color: white;
    color: #0A4C1D;
    font-weight: bold;
    height:30px;
}

#main {
    width:100%;
    display:flex;
    align-items: center;
    background-color: #6d9c7a;
    flex-direction: column;
}

#inner {
    background-color: white;
    width:98%;
    height:91%;
    margin:auto;
    overflow-y: 0 auto auto;
    box-sizing: border-box;
}

.title {
    width:95%;
    height:5%;
    margin:auto auto 0;
    color:#0A4C1D;
    font-size:30px;
    font-family: fantasy;
}

.exp {
    width:95%;
    color:darkslategray;
    margin:20px 2.5%;
}

.subtitle {
    font-weight: bold;
    color:#0A4C1D;
    text-shadow: 1px 1px lightgray;
    width:95%;
    margin:20px auto;
}

.statbl {
    width:90%;
    margin:15px auto;
    text-align: center;
}

.statbl th{
    background-color: #6d9c7a;
    padding:5px;
    font-weight: 500;
}

.statbl td{
    background-color: antiquewhite;
    padding:5px;
}
