/*<style type="text/css">*/

/* 메인비주얼 하단 페이징 버튼용 */
#j-main-vis-paging ul {margin:0; padding:0;}
#j-main-vis-paging ul li {margin:0; padding:0 1px;}


/* 사이드 */
#j-l-side {float:left; width:220px; margin:5px 30px 0 0; padding:0;overflow:hidden;}
#j-l-side .sideBox{border:1px solid #ccc; border-top:0px solid #0d5c9b; }
#j-l-side .j-side-title {clear:both; height:120px; margin:0; padding:35px 0 0; font-size:1.5em; font-weight:500; line-height:2em; color:#fff;  background:#2977b5; border-top:2px solid #0d5c9b;border-bottom:2px solid #0d5c9b;text-align:center;}
#j-l-side .j-side-title span {display:inline-block; margin:0; padding:0 0 0 5px;background:url(/images/title_t_bar.jpg) no-repeat 5px top;}
#j-l-side .ej-navi-depth2 {border:none; overflow:hidden; background:#fff;}
#j-l-side .ej-navi-depth2 ul {margin:0; padding:0;}
#j-l-side .ej-navi-depth2 ul li {clear:both; margin:0; padding:0;border-top:0px solid #eee; border-bottom:1px solid #eee;}
/*#j-l-side .ej-navi-depth2 ul li:not(:first-child) {margin:-1px 0 0;}*/
#j-l-side .ej-navi-depth2 ul li a {display:block; font-size:0.95em; padding:8px 0 8px 25px; color:#000; border:none;}
#j-l-side .ej-navi-depth2 ul li a:hover {background:#fff url(/images/left_menu_focus01.png) no-repeat 180px 13px !important;color:#16609b}

#j-l-side .ej-navi-depth2 .ej-navi-depth3,
#j-l-side .ej-navi-depth2 .ej-navi-depth4,
#j-l-side .ej-navi-depth2 .ej-navi-depth5 {position:static; border:none; background:none; overflow:hidden;}

#j-l-side .ej-navi-depth2 .ej-navi-depth3 ul,
#j-l-side .ej-navi-depth2 .ej-navi-depth4 ul,
#j-l-side .ej-navi-depth2 .ej-navi-depth5 ul {margin:0; padding:0;}

#j-l-side .ej-navi-depth2 .ej-navi-depth3 ul li,
#j-l-side .ej-navi-depth2 .ej-navi-depth4 ul li,
#j-l-side .ej-navi-depth2 .ej-navi-depth5 ul li {clear:both; margin:0; padding:0; border-top:1px solid #eee; border-bottom:0px solid #eee;}

#j-l-side .ej-navi-depth2 .ej-navi-depth3 ul li a {display:block; font-size:0.875em; padding:5px 0 5px 40px;background:#f1f1f1; color:#444; border:none;}
#j-l-side .ej-navi-depth2 .ej-navi-depth3 ul li a:hover {background:#fff url(/images/left_menu_focus01.png) no-repeat 180px 10px !important;color:#16609b}

#j-l-side .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 ul li a {display:block; padding:3px 0 3px 25px; color:#000; border:none;}
#j-l-side .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 .ej-navi-depth5 ul li a {display:block; padding:3px 0 3px 35px; color:#000; border:none;}

#j-l-side .ej-navi-depth2 a.side-active {color:#16609b !important; background:#fff url(/images/left_menu_focus01.png) no-repeat 180px 13px !important;}
#j-l-side .ej-navi-depth3 a.side-active {color:#16609b !important; background:#f7f7f7 url(/images/left_menu_focus01.png) no-repeat 180px 10px !important;}

#j-l-side a.side-active img {display:none;}
#j-l-side a.side-active img.o_img_ovr {display:inline;}
#j-l-side a.side-active img.roll_ovr {display:inline;}

.sub_container {float:left; width:calc(100% - 250px) ; margin:0; padding:0 0 50px; word-break:break-all; word-wrap:break-word;}

@media screen and (max-width:1200px) {
	#j-l-side {float:none; width:calc(100% - 20px); margin:0px 10px; padding:0;overflow:hidden;}
	#j-l-side .sideBox{border:0 none; }
	#j-l-side .j-side-title {clear:both; height:100%; margin:0; padding:2em 0 ; font-size:1.5em; font-weight:500; line-height:1em; color:#333;  background:none; border:0 none;text-align:center;}
	#j-l-side .ej-navi-depth2 ul {text-align:center;}
	#j-l-side .ej-navi-depth2 ul li {display:inline-block;width:14%;margin:0 2px 2px 0; padding:0;border:0px solid #eee; }
	#j-l-side .ej-navi-depth2 ul li a {display:block; font-size:0.95em; padding:8px 0px; color:#000; text-align:center; border:1px solid #eee; }
	#j-l-side .ej-navi-depth2 ul li a:hover {background:#16609b url(/images/left_menu_focus01-.png) no-repeat 180px 13px !important;color:#fff;}
	#j-l-side .ej-navi-depth2 a.side-active {color:#fff !important; border:1px solid #16609b;  background:#16609b url(/images/left_menu_focus01-.png) no-repeat 180px 13px !important;}
#j-l-side .ej-navi-depth2 .ej-navi-depth3,
#j-l-side .ej-navi-depth2 .ej-navi-depth4,
#j-l-side .ej-navi-depth2 .ej-navi-depth5 {display:none;}
	.sub_container {float:none; width:calc(100% - 20px); margin:0 0 0 10px; }
}

@media screen and (max-width:1000px) {
	#j-l-side .ej-navi-depth2 ul li {display:inline-block;width:24%;margin:0 2px 2px 0; padding:0;border:1px solid #eee; }
}

@media screen and (max-width:736px) {
	#j-l-side .ej-navi-depth2 ul li {display:inline-block;width:32%;margin:0 2px 2px 0; padding:0;border:1px solid #eee; }
}

@media screen and (max-width:500px) {
	#j-l-side .ej-navi-depth2 ul li {display:inline-block;width:49%;margin:0 2px 2px 0; padding:0;border:1px solid #eee; }
}
/*</style>*/