@charset "euc-kr";
@-webkit-keyframes pannel_show
{
from {left:-260px;}
to {left:0px;}
}
@-webkit-keyframes pannel_hide
{
from {left:0px;}
to {left:-260px;}
}
#panel_butt {
 float: left;padding: 5px 3px;/*text-shadow:0 0 1px #000;*/
 border:0px; line-height: normal;
 position: absolute; z-index:9999;
}
#panel_butt:hover, #panel_butt:focus {
 background-color: rgba(255,255,255,.5);
}

#panel_butt2 {
/* width: 40px; */
/* margin-top: -5px; */
/* margin-bottom: 0px; */
/* height: 35px; */
float: right;
/* border-color: #FFF; */
/* margin-right: 10px; */
/* padding: 0; */
border:none;
position: absolute;
right: 10px;
top: 5px; 
cursor:pointer;
}


.panel_show{ -webkit-animation:pannel_show 0.5s; left:0px; display:inline-block;box-shadow:0px 0px 15px rgba(0,0,0,1); }
.panel_hide{ -webkit-animation:pannel_hide 0.5s; left:-260px; display:none;box-shadow:0px 0px 0px rgba(0,0,0,1); }
.scrollDiv { position:fixed;
	z-index:30000; 
	background: #ececec;
    overflow-y: none;
    display: inline-block;
    float: none; /* Very important */
	width:260px;
	min-height:1000px;
	height:auto;
	top:0;
}
.scrollDiv .scrollDiv_top { height:auto; width:100%; background:#ffffff; text-shadow:1 1 2px #000000; line-height:30px; padding:5px 0 0px 0px;}
.scrollDiv .scrollDiv_top h1 { font-size: 18px;
font-weight: bold;
border-bottom: 1px #666666 solid;
width: 100%;
padding: 10px;
height: 45px;
margin: 0; }
.scrollDiv .scrollDiv_top h1 .glyphicon { font-size:20px; }
.scrollDiv .scrollDiv_top .sidebar_butt { text-align:center; padding:0; }
.scrollDiv .scrollDiv_top .sidebar_butt p { font-size:13px; line-height:160%; color:#000; font-weight:bold; }
.scrollDiv .scrollDiv_top .sidebar_butt i { line-height:100%; color:#FFF; }
.scrollDiv .scrollDiv_top .sidebar_butt div { border-right:1px #dddddd solid; border-bottom:1px #dddddd solid;border-top:1px #dddddd solid; background-color:#ececec;padding: 15px 0 10px 0; width:49.8%; float:left; }
.scrollDiv .scrollDiv_top .sidebar_butt div:last-child { border-right:0px #fff solid; }



#ss { overflow:hidden; width: 100%; z-index:1000;  }
#ss a { height:auto; line-height:120%; text-decoration:none; }

#ss  h2:hover, #ss  h2:focus { background:#249d97; color:#fff; }
#ss  h3:hover, #ss  h3:focus { background:#9adcda; color:#000; }
#ss  h4:hover, #ss  h4:focus { background:#acacac; color:#d8f1f0; }
#ss h2,#ss h3,#ss h4 { width:100%; height:auto; font-weight:normal; }
#ss h2 { font-weight:bold; color:#000;font-size:16px; margin:0;; padding:6px 8px 6px 5px;border-bottom:1px #dddddd solid; }
#ss h3 { font-weight:bold; color:#141414; background: #dddddd; font-size:14px; margin:0;; padding:4px 8px 4px 20px; border-bottom:1px #B3B9B9 solid; }
#ss h4 { font-weight:bold; color:#333; background: #cacaca; font-size:13px; margin:0;; padding:4px 8px 4px 25px; border-bottom:1px #B3B9B9 solid; text-indent:-1px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; }
#ss ul { list-style:none; margin:0; padding: 0; }
#ss h2 .fa:first-child { width:24px; text-align: center; }

img.ar1{float:right; margin-right:20px;}
img.menu_icon{margin-right:10px;}