@charset "euc-kr";
@-webkit-keyframes pannel_show
{
from {right:-100%;}
to {right:0px;}
}
@-webkit-keyframes pannel_hide
{
from {right:0px;}
to {right:-100%;}
}
#panel_butt {
 /*right:0px;*/
 border:0px; 
 line-height: normal;
 /*background:#fff;*/
 position: absolute;
 z-index:10000;
 /*width:90px;*/
 height:0px;
 text-align:center;
 left:20px;
}
#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:25px;*/
	top:15px;
	cursor:pointer;
	background:transparent;
}


.panel_show{ -webkit-animation:pannel_show 0.5s; right:0px; display:inline-block;box-shadow:0px 0px 15px rgba(0,0,0,1); }
.panel_hide{ -webkit-animation:pannel_hide 0.5s; right:-100%; display:none;box-shadow:0px 0px 0px rgba(0,0,0,1); }
.scrollDiv { position:fixed;
	z-index:30000; 
	/*background: #ececec;*/
	background:rgba(0,0,0,0.65);
    overflow-y: none;
    display: inline-block;
    float: none; /* Very important */
	width:100%;
	min-height:1500px;
	height:auto;
	top:0;
}
.scrollDiv .scrollDiv_top {height:auto; width:100%; background:#fff; line-height:30px; padding:10px 0px 10px; text-align:left;}
.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; margin:0px auto; padding:20px 0px;}
.scrollDiv .sidebar_butt p { font-size:15px; line-height:160%; color:#fff; margin:0px;}
.scrollDiv .sidebar_butt i { line-height:100%; color:#FFF; }
.scrollDiv .sidebar_butt div {display:inline-block; /*width:100px;*/ padding:0px 2%;}
.scrollDiv .sidebar_butt div:last-child { border-right:0px #fff solid; }
.scrollDiv .sidebar_butt a:hover,active,focus{text-decoration:none;}
.scrollDiv .sidebar_butt a:visited{text-decoration:none;}

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

#ss  h2:hover, #ss  h2:focus { background:#00bdf2; color:#fff; }
#ss  h3:hover, #ss  h3:focus { background:#fff; color:#00bdf2; }
#ss  h4:hover, #ss  h4:focus { background:#0b4caa; color:#fff; }
#ss h2,#ss h3,#ss h4 { width:100%; height:auto; font-weight:normal; }
#ss h2 { font-weight:bold; color:#fff; font-size:16px; margin:0;; padding:15px 0px; }
#ss h3 { font-weight:bold; color:#eee; background:rgba(0,0,0,0.6); font-size:14px; margin:0;; padding:10px 0px; border-bottom:1px solid #B3B9B9; }
#ss h4 { font-weight:bold; color:#333; background:#aaa; font-size:14px; margin:0;; padding:8px 0px 8px 0px; border-top:1px solid #fff ; border-bottom:1px solid #fff ; 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; }

#slink {overflow:hidden; width:100%; z-index:1000; margin:10px auto; text-align:center; padding-top:5px;}
#slink a{padding:5px; display:inline-block;}
#slink img{display:inline-block;}
#slink p{font-weight:600; color:#000; font-size:1em;}
#slink div.height20{height:20px;}
#slink div.height5{height:5px;}

img.ar1{float:right; /*margin-right:20px;*/ position:relative; right:20px;}
/*img.menu_icon{margin-right:10px;}*/

/* Desktop Device : 480 이하 */
@media screen and (max-width:480px){

	/*#panel_butt {width:60px;}*/

}

/* Desktop Device : 481 이상 768 이하 */
@media screen and (min-width:481px) and (max-width:768px){
	
	/*#panel_butt {width:60px;}*/
}