@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 {
 color:#FFF; float: left; /*padding: 5px 3px;*/ /*text-shadow:0 0 1px #000;*/
 border:0px; /*margin-left:-10px;*/ line-height: normal;

 background:url(/img/ui/butt_back.png) no-repeat 100% 100%;
 /*background-image: radial-gradient(farthest-corner at 10px 10px , #f25c5c 0%, #d62323 100%);
 background-image: -webkit-radial-gradient(farthest-corner at 10px 10px , #f25c5c 0%, #d62323 100%);*/
 position: absolute;
 z-index:100;
}
#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: 10px; 
	cursor:pointer;
	background:rgba(0,0,0,0.0);
	border:0px;
}


.panel_show{ -webkit-animation:pannel_show 0.5s; left:0px; display:inline-block; box-shadow:0px 0px 10px rgba(0,0,0,0.5); }
.panel_hide{ -webkit-animation:pannel_hide 0.5s; left:-300px; display:none; box-shadow:0px 0px 0px rgba(0,0,0,1); }
.scrollDiv { position:fixed;
	z-index:30000; 
	/*background:rgba(155,155,155,0.95);*/
	background-size:cover;
    overflow-y: none;
    display: inline-block;
    float: none; /* Very important */
	width:300px;
	min-height:960px;
	height:auto;
	top:0;
	background:url(../images/common_2019/panel_bg.png) top center;
}
.scrollDiv .scrollDiv_top {height:auto; width:100%; /*background:#ffffff; text-shadow:1 1 2px #000000;*/ line-height:30px; padding:20px 0 20px 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 .sidebar_butt { text-align:center; padding:0; }
.scrollDiv .sidebar_butt span { font-size:13px; line-height:160%; color:#666; margin-left:10px; /*font-weight:bold;*/ }
.scrollDiv .sidebar_butt p { font-size:13px; line-height:160%; color:#fff; /*font-weight:bold;*/ }
.scrollDiv .sidebar_butt i { line-height:100%; color:#FFF; }
.scrollDiv .sidebar_butt div {/*border-right:1px #dddddd solid; border-bottom:1px #dddddd solid; border-top:1px #dddddd solid; background-color:#ececec;*/ padding: 20px 0 20px 0; width:49.8%; float:left;}
.scrollDiv .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:#5E95CB; color:#fff; }
#ss  h3:hover, #ss  h3:focus { background:#b1d5ef; color:#005b99; }
#ss  h4:hover, #ss  h4:focus { background:#999; color:#F90; }
#ss h2,#ss h3,#ss h4 { width:100%; height:auto; font-weight:normal; letter-spacing:-0.5px;}
#ss h2 { /*font-weight:bold;*/ color:#333;  font-size:16px; margin:0; padding:15px 0px 15px 10px; border-bottom:1px dotted #666; }
#ss h3 { /*font-weight:bold;*/ color:#141414; background:rgba(190,210,214,0.5); font-size:14px; margin:0;; padding:8px 8px 8px 10px; /*border-bottom:1px dotted #fff;*/ margin-bottom:2px;}
#ss h4 { /*font-weight:bold;*/ color:#333; background: #999; font-size:14px; margin:0;; padding:8px 8px 8px 20px; border-top:1px #fff solid; border-bottom:1px #fff solid; text-indent:-1px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; }

#ss h2.dt{ font-weight:bold; color:#e64a56; font-size:17px; margin:0; padding:10px 8px 10px 5px; border-bottom:1px solid #dddddd; }
#ss h3.dt{ font-weight:bold; color:#e64a56; background: #dddddd; font-size:14px; margin:0;; padding:8px 8px 8px 20px; border-bottom:1px solid #B3B9B9; }

#ss  h2.dt:hover, #ss  h2.dt:focus {background:#eb6382; color:#fff; }
#ss  h3.dt:hover, #ss  h3.dt:focus {background:#f7d7d8; color:#000; }

#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;}