#sidebar h3.widget-title { font-family: 'Nanum Gothic', "Malgun Gothic", Dotum, gulim, arial, verdana, sans-seif; }

#sidebar .bct_widget_calendar { font-family: arial, tahoma, verdana, sans-seif; }

/*=======================*\
	sidebar
\*=======================*/
#sidebar .xoxo {}
#sidebar a { color: #616161;}
#sidebar a:hover, #sidebar a:active { color: #0095FF; }
#sidebar ul.xoxo li.widget { width: 100%; margin-bottom: 30px; }
#sidebar .widget-header { position: relative; margin-bottom: 12px;}
#sidebar h3.widget-title { font-size: 16px; color: #4a4a4a; line-height: 170%; border-bottom: 1px solid #ADADAD; padding-bottom: 8px; letter-spacing: -1px;}
#sidebar .title, #sidebar .summary {margin-bottom:5px;}
#sidebar .title a, #sidebar .summary a {font-family:'Nanum Gothic'; line-height:150%;}


/*=======================*\
	submenu
\*=======================*/
#sidebar ul.menu { }
#sidebar li.menu-item-depth-1 { }
#sidebar li.menu-item-depth-2 { }
#sidebar .bct_widget_submenu a {}

#sidebar .bct_widget_submenu { }
#sidebar .bct_widget_submenu a {display: block; overflow: hidden; font-size: 13px; font-weight: 600; color: #4a4a4a; background: #fff url("../images/theme.png") 12px -711px no-repeat; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#sidebar .bct_widget_submenu a:hover, #sidebar .bct_widget_submenu a:active { background-color: #d1d1d1; }

/* depth1 (sub menu title) */
#sidebar .bct_widget_submenu a.menu-link-depth-1 {font-size: 24px; font-weight: 400; letter-spacing: -1px; line-height: 150%; background: none; padding-bottom: 10px; border-bottom: 1px solid #828282; cursor: text;}

#sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item-has-children, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item { margin-bottom: 0;}

#sidebar .bct_widget_submenu a.menu-link-depth-2 { line-height: 150%; padding: 10px 15px 12px 30px; border-bottom: 1px solid #ADADAD;}
#sidebar .bct_widget_submenu a.menu-link-depth-3 { font-size: 11px; font-size: 1.1rem; line-height: 150%; padding: 8px 15px 10px 40px; background-color:#fff; background-position: 26px -1014px; border-bottom: 1px solid #ADADAD; }

/* depth2 selected > depth3 */
#sidebar .bct_widget_submenu .menu-item-depth-2.menu-item-selected a.menu-link-depth-3 {background-color:#F5F5F5;}
/* depth3 selected */
#sidebar .bct_widget_submenu a.menu-link-depth-3.menu-link-selected, #sidebar .bct_widget_submenu li.menu-item-has-children.menu-item-depth-2.menu-item-selected a.menu-link-depth-3.menu-link-selected { background-color: #888888; color:#fff; background-position:26px -1164px;}


/* depth2+3 hover */
#sidebar .bct_widget_submenu a.menu-link-depth-2:hover, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-has-child > a:hover, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-has-child > a:active, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item > a:hover, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item > a:active, #sidebar .bct_widget_submenu a.menu-link-depth-2:active { background-color: #3e3e3e; border-color:#3e3e3e; color:#fff; background-position: 12px -861px;}

/* depth3 hover */
#sidebar .bct_widget_submenu a.menu-link-depth-3:hover, #sidebar .bct_widget_submenu a.menu-link-depth-3:active,#sidebar .bct_widget_submenu li.menu-item-has-children.menu-item-depth-2.menu-item-selected a.menu-link-depth-3:hover,#sidebar .bct_widget_submenu li.menu-item-has-children.menu-item-depth-2.menu-item-selected a.menu-link-depth-3:active { background-color: #3e3e3e; border-color:#3e3e3e; color:#fff; background-position:26px -1164px;}

/* depth2 - selected */
#sidebar .bct_widget_submenu li.menu-item-depth-2menu-item-has-children > a.menu-link-selected, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item > a.menu-link-selected { background-color: #4A4A4A; border-color:#4A4A4A; color: #fff; background-position: 12px -861px;}

/* depth2 selected - hover */
#sidebar .bct_widget_submenu li.menu-item-depth-2menu-item-has-children > a.menu-link-selected:hover, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item > a.menu-link-selected:hover { background-color: #3e3e3e; border-color:#3e3e3e; color:#fff;}

/* depth2 has children - arrow */
#sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2 { background-position: 12px -408px;}

/* depth2 has children hover - arrow */
#sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2:hover { background-position: 12px -558px;}

/* depth2 has children selected - arrow */
#sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2.menu-link-selected { background-position: 12px -558px;}




@media screen and (max-width: 600px) { #sidebar .bct_widget_submenu { display: none; } }


/* recent posts */
#sidebar .bct_widget_recent_posts .widget-body li {margin-bottom:10px;}
#sidebar .bct_widget_recent_posts .title a { }
#sidebar .bct_widget_recent_posts .title a:hover, #sidebar .bct_widget_recent_posts .title a:active { text-decoration: underline; }
#sidebar .bct_widget_recent_posts div.meta {}

/* recent comments */
#sidebar .bct_widget_recent_comments .widget-body li {margin-bottom:10px;}
#sidebar .bct_widget_recent_comments .summary a {  }
#sidebar .bct_widget_recent_comments .summary a:hover, #sidebar .bct_widget_recent_comments .summary a:active { text-decoration: underline; }
#sidebar .bct_widget_recent_comments div.meta { }
#sidebar .bct_widget_recent_comments div.meta span.author { font-weight: bold; }

/* archive */
#sidebar .bct_widget_archive .select-wrapper { border: 1px #ddd solid; height: 38px; line-height: 38px; padding: 0 10px; background-color: #f8f8f8; }
#sidebar .bct_widget_archive select { width: 100%; border: 0; background: transparent; color: #565656;}

/* calendar */
#sidebar .bct_widget_calendar .widget-wrapper {border-bottom: 2px solid #F0F0F0;}
#sidebar .bct_widget_calendar div.widget-header { display: none; }
#sidebar .bct_widget_calendar div.widget-body { background-color: #fff; border: 1px solid #DBDBDB; padding: 12px 16px 20px; }
#sidebar .bct_widget_calendar div.calendar-header { position: relative; text-align: center; height: 30px; line-height: 30px; margin-bottom: 15px; }
#sidebar .bct_widget_calendar div.calendar-header a.prev, #sidebar .bct_widget_calendar div.calendar-header a.next { width: 30px; height: 30px; position: absolute; top: 0; background: transparent url("../images/btn_calendar.png") 0 0 no-repeat; text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; }
#sidebar .bct_widget_calendar div.calendar-header a.prev { left: 0; }
#sidebar .bct_widget_calendar div.calendar-header a.next { right: 0; -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); }
#sidebar .bct_widget_calendar div.calendar-header div.title { display: inline-block; font-size: 14px; font-size: 1.4rem; font-weight: bold; }
#sidebar .bct_widget_calendar table.calendar { position: relative; margin: 0 auto; font-size: 11px; font-size: 1.1rem; color: #404040; width: 100%; padding: 0 5%;}
#sidebar .bct_widget_calendar table.calendar th { text-align: center; height: 15px; }
#sidebar .bct_widget_calendar table.calendar td span { height: 26px; line-height: 26px; display: block; text-align: center; }
#sidebar .bct_widget_calendar table.calendar td { width: 14.28%; padding: 2px; vertical-align: top; }
#sidebar .bct_widget_calendar table.calendar td.prev-date, #sidebar .bct_widget_calendar table.calendar td.next-date { visibility: hidden; }
#sidebar .bct_widget_calendar table.calendar td.exist a span { background-color: #868686; color: #fff; }
#sidebar .bct_widget_calendar table.calendar td.exist a:hover span, #sidebar .bct_widget_calendar table.calendar td.exist a:active span { background-color: #303030; }
#sidebar .bct_widget_calendar table.calendar .sun { padding-left: 0; color: #ee3535; }
#sidebar .bct_widget_calendar table.calendar .sat { padding-right: 0; color: #47a2d7; }
#sidebar .bct_widget_calendar table.calendar .today span {background-color: #D8D8D8; }

/* tags */
#sidebar .bct_widget_tag_cloud div.tagcloud {text-align: center; }
#sidebar .bct_widget_tag_cloud a { display: inline-block; padding: 4px 6px 6px; text-decoration: none; font: 12px 'Nanum Gothic'; color: #868686; background-color: #fff; margin-bottom: 5px; border: 1px solid #CBCBCB;}
#sidebar .bct_widget_tag_cloud a.tag-class-4 {font-size: 16px;  background-color: #3A3A3A; border-color:#3A3A3A; color:#fff;}
#sidebar .bct_widget_tag_cloud a.tag-class-3 {font-size: 14px; background-color: #676767; border-color:#676767; color:#fff;}
#sidebar .bct_widget_tag_cloud a.tag-class-2 {font-size: 12px; background-color: #F1F1F1; border-color: #888888; color: #676767;}
#sidebar .bct_widget_tag_cloud a:hover, #sidebar .bct_widget_tag_cloud a:active {background-color: #393939; color: #fff; border-color:#393939;}

/* text/html */
#sidebar .bct_widget_text_html .summary { line-height: 170%; color:#9d9d9d;}
#sidebar .bct_widget_text_html .summary a { color: #FF7E00; text-decoration: underline; }
#sidebar .bct_widget_text_html .summary a:hover, #sidebar .bct_widget_text_html .summary a:active { color: #FF1D00; }

/* image_widget */
#sidebar img {max-width:100%; height: auto;}

@media screen and (max-width: 959px) {
	#sidebar h3.widget-title {font-size:14px; font-size:1.4rem; padding-bottom:8px;}
	
	#sidebar .bct_widget_submenu a {font-size: 12px; background-position: 12px -712px;}
	#sidebar .bct_widget_submenu a.menu-link-depth-1 {font-size: 20px;}

	/* depth2 has children - arrow */
	#sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2 { background-position: 12px -409px;}

	/* depth2 - selected */
	#sidebar .bct_widget_submenu li.menu-item-depth-2menu-item-has-children > a.menu-link-selected, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item > a.menu-link-selected {background-position: 12px -862px;}

	/* depth2 has children hover - arrow */
	#sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2:hover { background-position: 12px -559px;}

	/* depth2 has children selected - arrow */
	#sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2.menu-link-selected { background-position: 12px -559px;}
}

@media screen and (max-width: 699px) {
	
}


@media screen and (max-width: 600px) { 
	#sidebar .bct_widget_archive .select-wrapper { background-color: #fff; }  
	#sidebar .bct_widget_calendar table.calendar td span { background-color: #fff; }  
	#sidebar {width: 86%; padding: 24px 7%; border: 1px solid #D7D7D7; background-color: #F3F3F3;}

}






