@charset "utf-8";
header {clear:both; margin:0; padding:0; overflow:hidden; font-size:1px;}
header span {display:inline-block; font:bold 18px tahoma,verdana,dotum,sans-serif; margin:0; padding:8px;}
header a {color:#333;}
header img {display:inline-block; margin:0; padding:3px;}

article {clear:both; margin:0; padding:10px; font:normal 12px/120% dotum,gulim,sans-serif; overflow:hidden; background:#fff;}

footer {margin:0; padding:5px; font:normal 12px/120% dotum,gulim,sans-serif; border-top:1px solid #ccc; overflow:hidden; background:#f6f6f6;}
footer p {margin:2px 0 2px; padding:0; color:#777; overflow:hidden;}
footer ul {float:right; position:relative; left:-50%; margin:0; padding:0;}
footer ul li {float:left; position:relative; left:50%; margin:0 0 0 -1px;}
footer ul li a {display:block; font-size:12px; color:#555; text-decoration:none; margin:0 auto; padding:5px 8px; border:1px solid #ddd; background:#fff;}


@media only screen and (min-width:590px) {
	nav {clear:both; margin:0; padding:0; text-align:left; overflow:hidden; background:#501488;}
	nav .ej-navi-depth1 {margin:0; padding:0;}
	nav .ej-navi-depth1 ul {float:left; margin:0; padding:0;}
	nav .ej-navi-depth1 ul li {float:left; margin:0; padding:0;}
	nav a {display:block; text-decoration:none; font:bold 13px/16px dotum,gulim,sans-serif; text-align:center; padding:12px 10px 11px; color:#fff !important;}
	nav a:hover {color:#f63;}
	nav a.active {background:#2c0154 !important;}

	nav .ej-navi-depth2 {position:absolute; left:0; width:100%; border-top:none; overflow:hidden; border-bottom:1px solid #555; background:#fff; z-index:3; display:none;}
	nav .ej-navi-depth2 ul {position:relative; float:none; width:100%; margin:0; padding:0; overflow:hidden;}
	nav .ej-navi-depth2 ul li {float:left; margin:0; padding:0;}
	nav .ej-navi-depth2 ul li a {display:block; font:normal 12px/14px dotum,gulim,sans-serif; text-align:left; padding:10px 10px; color:#333 !important; background:#fff !important;}
	nav .ej-navi-depth2 ul li a:hover {background:#f6f6f6 !important;}
	nav .ej-navi-depth2 ul li a.gnb-active {background:#cfb6e7 !important;}

	#gnb-menu-sub-1 {left:0 !important;}
	#gnb-menu-sub-2 {left:0 !important;}
	#gnb-menu-sub-3 {left:0 !important;}
	#gnb-menu-sub-4 {left:0 !important;}
	#gnb-menu-sub-5 {left:0 !important;}
	#gnb-menu-sub-6 {left:0 !important;}
	#gnb-menu-sub-7 {left:0 !important;}
	#gnb-menu-sub-8 {left:0 !important;}
	#gnb-menu-sub-9 {left:0 !important;}

	article.sub {padding:45px 10px 10px;}
}

@media only screen and (max-width:589px) {
	nav {clear:both; margin:0; padding:0; text-align:left; background:#501488;}
	nav ul {margin:0; padding:0;}
	nav ul li {display:block; width:100%; margin:0; padding:0;}
	nav ul li a {font-size:14px; display:block; padding:10px 15px; color:#fff !important; text-decoration:none; border-bottom:1px solid #270448;}
	nav ul li a.active {background:#2c0154 !important;}
	nav ul li .ej-navi-depth2 {margin:0; padding:0; display:none;}
	nav ul li .ej-navi-depth2 a {color:#000 !important; padding:10px 15px 10px 25px;}
	nav ul li .ej-navi-depth2 a.active {color:#000; background:#e5d6f3 !important;}
	nav ul li .ej-navi-depth2 .ej-navi-depth3,
	nav ul li .ej-navi-depth2 .ej-navi-depth4,
	nav ul li .ej-navi-depth2 .ej-navi-depth5 {margin:0; padding:0;}
	nav ul li .ej-navi-depth2 .ej-navi-depth3 ul li a {padding:10px 35px;}
	nav ul li .ej-navi-depth2 .ej-navi-depth4 ul li a {padding:10px 45px;}
	nav ul li .ej-navi-depth2 .ej-navi-depth5 ul li a {padding:10px 55px;}
	nav ul li .ej-navi-depth2 ul li a.gnb-active {background:#cfb6e7 !important;}
}

#jm-lnb p {position:fixed; top:6px; right:0; margin:0 -5px 0 0; padding:10px 10px 10px 5px; cursor:pointer; font:normal 12px dotum,gulim,sans-serif; color:#fff; border:1px solid #555; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#333; overflow:hidden; z-index:99;}
#jm-lnb ul {position:fixed; top:6px; right:-243px; width:242px; margin:0; padding:1px 0 0 1px; overflow:hidden; z-index:99;}
#jm-lnb ul li {float:left; margin:0; padding:0;}
#jm-lnb ul li a {display:block; width:110px; margin:-1px 0 0 -1px; padding:10px 5px; border:1px solid #ddd; font:normal 12px dotum,gulim,sans-serif; background:#fff;}
#jm-lnb ul li a:hover {background:#eee;}


/* 사이트맵 */
#m-sitemap {margin:0 auto 20px; overflow:hidden; background:#fff;}
#m-sitemap .ej-navi-depth1 {margin:0; padding:0; overflow:hidden;}
#m-sitemap .ej-navi-depth1 ul {margin:0 0 0 2px; padding:0;}
#m-sitemap .ej-navi-depth1 ul li {position:relative; width:150px; margin:0; padding:7px; display:inline-block; *display:inline; font-size:12px; vertical-align:top; letter-spacing:0; *zoom:1;}
#m-sitemap a {display:block; font:bold 14px/16px dotum,gulim,sans-serif; padding:8px 5px; color:#fff; text-decoration:none; background:#333;}
#m-sitemap .ej-navi-depth2 {border:none; background:#f9f9f9; overflow:hidden; background:#fff;}
#m-sitemap .ej-navi-depth2 ul {margin:0; padding:0;}
#m-sitemap .ej-navi-depth2 ul li {clear:both; margin:0; padding:0;}
#m-sitemap .ej-navi-depth2 ul li a {display:block; font:normal 12px/16px dotum,gulim,sans-serif; padding:7px 0 7px 5px; color:#000; border:1px solid #ddd; border-top:none; color:#111; background:#fff;}
#m-sitemap .ej-navi-depth2 ul li a:hover {background:#eee;}
#m-sitemap .ej-navi-depth2 .ej-navi-depth3,
#m-sitemap .ej-navi-depth2 .ej-navi-depth4,
#m-sitemap .ej-navi-depth2 .ej-navi-depth5 {position:static; border:none; background:none; overflow:hidden;}
#m-sitemap .ej-navi-depth2 .ej-navi-depth3 ul,
#m-sitemap .ej-navi-depth2 .ej-navi-depth4 ul,
#m-sitemap .ej-navi-depth2 .ej-navi-depth5 ul {margin:0; padding:0;}
#m-sitemap .ej-navi-depth2 .ej-navi-depth3 ul li,
#m-sitemap .ej-navi-depth2 .ej-navi-depth4 ul li,
#m-sitemap .ej-navi-depth2 .ej-navi-depth5 ul li {clear:both; margin:0; padding:0;}
#m-sitemap .ej-navi-depth2 .ej-navi-depth3 ul li a {display:block; font:normal 12px/16px dotum,gulim,sans-serif; padding:7px 0 7px 15px; color:#000; border:1px solid #ddd; border-top:none; color:#444; background:#fff;}
#m-sitemap .ej-navi-depth2 .ej-navi-depth3 ul li a:hover {background:#f1f1f1;}
#m-sitemap .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 ul li a {display:block; font:normal 12px/16px dotum,gulim,sans-serif; padding:7px 0 7px 25px; color:#000; border:1px solid #ddd; border-top:none; color:#666; background:#fff;}
#m-sitemap .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 ul li a:hover {background:#f6f6f6;}
#m-sitemap .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 .ej-navi-depth5 ul li a {display:block; font:normal 12px/16px dotum,gulim,sans-serif; padding:7px 0 7px 35px; color:#000; border:1px solid #ddd; border-top:none; color:#888; background:#fff;}
#m-sitemap .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 .ej-navi-depth5 ul li a:hover {background:#f9f9f9;}