@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; background:#fff; width:90px;*/
 border:0px; 
 line-height: normal;
 position: absolute;
 z-index:10000;
 height:0px;
 text-align:center;
 right:20px;
 top:35px;
}
#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:rgba(0,0,0,0.7);
    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:#000; border-bottom:1px solid #fff; line-height:30px; padding:30px 10px 20px; 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:10px 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:5px 10px;}
.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;}

.ssbox{margin:20px auto;}
#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:linear-gradient(90deg,rgba(0, 134, 209, 1) 0%, rgba(132, 180, 44, 1) 100%); color:#fff; /*background:#5b91cc; */}
#ss  h3:hover, #ss  h3:focus {background:#fff; color:#0086d1; }
#ss  h4:hover, #ss  h4:focus {background:#29153c; color:#fff; }
#ss h2,#ss h3,#ss h4 { width:100%; height:auto; font-weight:normal; box-sizing:border-box;}
#ss h2 { font-weight:bold; color:#fff; font-size:18px; margin:0; padding:20px 0px; font-weight:500 !important; font-family: 'S-Core';}
#ss h3 { font-weight:bold; color:#eee; background:rgba(0, 134, 209, 0.5); font-size:15px; margin:0;; padding:8px 0px; 
	border-top:1px solid #B3B9B9; border-bottom:1px solid #B3B9B9; font-weight:500 !important; font-family: 'S-Core';}
#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; }

#ss h3.tp1{width:50% !important; float:left; box-sizing:border-box; border:1px solid #B3B9B9;}

#ss h3.tit{color:#a482dd; background:#29153c;}
#ss h3.more{background:rgba(255,255,255,0.1); padding:5px 0px; color:#fff; }
#ss h3.more .morebt{border-radius:20px; border:1px solid #fff; padding:3px 10px; color:#fff; display:inline-block;}
#ss h3.more:hover{/*background:#8f83ff; padding:5px 0px;*/ color:#fff;}
#ss h3.more:hover .morebt{background:#7742cc; }

#ss09{min-height:1600px;}
#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;}*/

.ss_bbox{padding:20px 0px; margin:30px 0px 0px; border-top:1px dotted #bcbcbc;}

/* 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;}*/
}

/* Desktop Device : 769 이상 프린트 사이즈 */
@media screen and (min-width:769px), only print{
	
	.scrollDiv .sidebar_butt{display:none;}
}