@charset "UTF-8";

/* 사이드바 */
@-webkit-keyframes pannel_show {
	from {right: -260px;}
	to {right: 0px;}
}
@-webkit-keyframes pannel_hide {
	from {right: 0px;}
	to {right: -260px;}
}
.panel_show { -webkit-animation:pannel_show 0.5s; display:inline-block; right:0px; box-shadow:0px 0px 10px rgba(0,0,0,1); }
.panel_hide { -webkit-animation:pannel_hide 0.5s; display:none; right:-260px; box-shadow:0px 0px 0px rgba(0,0,0,1); }
.scrollDiv { display: none; z-index: 30000; position: fixed; /*!!*/float: none;/*!! Very important */ width: 200px; height: auto; background: #ececec; }
/* //사이드바 */

/* 사이드바 탑 */
.scrollDiv .scrollDiv_top { width: 100%; height: 80px; padding: 0px; overflow: hidden; background: #fff; text-shadow: 1px 1px 5px #000; border-bottom: 2px solid #ccc; }

.scrollDiv .side_logo { float: left; width: 50px; height: 50px; margin: 15px 10px; background: url(/image/logo.png) no-repeat 0px 0px; background-size: 260px; text-indent: -200000px; }

.scrollDiv .scrollDiv_top .panel_remove { float: right; margin: 25px 20px; padding: 2px; cursor: pointer }
.scrollDiv .scrollDiv_top .panel_remove img { width: 25px; }
.scrollDiv .scrollDiv_top .panel_remove:active { border: 2px solid #ccc; border-radius: 5px; }
/* //사이드바 탑 */

/* 사이드바 메뉴 */
#ss { overflow:hidden; width: 100%; z-index:1000;  }

#ss .aco { padding: 6px 8px; font-size: 1.2em; font-weight: bold; color: #000; user-select: none; cursor: pointer; border-bottom: 1px solid #dddddd; clear: both; overflow: hidden; }
#ss .aco:hover, #ss .aco:focus { background:#249d97; color:#fff; }

#ss .aco img { float: right; margin: 5px 15px 0px 0px; }

#ss .aco_list { background: #dddddd; }
#ss .aco_list .aco_item1:hover, #ss .aco_list .aco_item1:focus { background:#9adcda; color:#000; }
#ss .aco_list .aco_item2:hover, #ss .aco_list .aco_item2:focus { background:#249d97; color:#fff; }
#ss .aco_list .aco_item3:hover, #ss .aco_list .aco_item3:focus { background:#acacac; color:#d8f1f0; }

#ss .aco_item1 { display: block; padding: 4px 4px 4px 20px; font-size: 1em; font-weight: bold; color: #000; border-bottom: 1px solid #B9B9B9; }
#ss .aco_item2 { display: block; padding: 4px 4px 4px 20px; font-size: 1em; font-weight: bold; color: #000; border-bottom: 1px solid #B9B9B9; }
#ss .aco_item3 { display: block; padding: 4px 4px 4px 25px; font-size: 0.9em; font-weight: bold; color: #000; border-bottom: 1px solid #B9B9B9; text-indent: -1px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
/* //사이드바 메뉴 */