@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;}

	.j-mob-tab ul li .j-edu-item li {position:relative; padding:15px 0 15px 140px; margin:0 0 -1px 0; border:1px solid #eee; border-left:0; border-right:0; vertical-align:top; *zoom:1;}
	.j-mob-tab ul li .j-edu-item .thumb {position:relative; float:left; display:inline; width:145px; line-height:80px; overflow:hidden; margin:0 15px 0 -135px; background:#eee; text-align:center; color:#666; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666;}
	img.img {width:145px; height:auto;}
	em.img {width:100%; height:auto;}

	/* 구직등록시 직장,교육,보유기술 출력여부 */
	#j-max-contents {display:block;}
}

@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;}

	.j-mob-tab ul li .j-edu-item li {position:relative; padding:15px 0 15px 120px; margin:0 0 -1px 0; border:1px solid #eee; border-left:0; border-right:0; vertical-align:top; *zoom:1;}
	.j-mob-tab ul li .j-edu-item .thumb {position:relative; float:left; display:inline; width:100px; line-height:60px; overflow:hidden; margin:0 15px 0 -115px; background:#eee; text-align:center; color:#666; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666;}
	img.img {width:100px; height:auto;}
	em.img {width:100%; height:auto;}

	/* 구직등록시 직장,교육,보유기술 출력여부 : 창 사이즈가 너무작으면 출력안함 */
	#j-max-contents {display:none;}
}

#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;}


/* 사용자페이지 탭메뉴 */
.j-mob-tab {clear:both; margin:0; padding:0;}
.j-mob-tab ul {margin:0; padding:0;}
.j-mob-tab ul li {clear:both; margin:0 0 10px; padding:0;}
.j-mob-tab ul li .elr-tab {display:block; margin:4px 0 0; padding:7px 15px; border:1px solid #aaa; border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; background:#f9f9f9;}

.j-mob-tab ul li .j-edu-item ul {margin:0; padding:0; list-style:none; font-size:12px; font-family:Tahoma, Geneva, sans-serif;}
.j-mob-tab ul li .j-edu-item li:after {content:""; display:block; clear:both;}
.j-mob-tab ul li .j-edu-item a {text-decoration:none; cursor:pointer;}
.j-mob-tab ul li .j-edu-item a strong {display:inline-block; margin:0 0 4px 0; color:#333;}
.j-mob-tab ul li .j-edu-item .thumb img {text-align:center; border:0; display:block;}
.j-mob-tab ul li .j-edu-item p {margin:0; line-height:1.4; color:#767676;}
.j-mob-tab ul li .j-edu-item a:hover strong,
.j-mob-tab ul li .j-edu-item a:active strong,
.j-mob-tab ul li .j-edu-item a:focus strong {text-decoration:underline;}

.tbl-style-lst {clear:both; border-top:1px dotted #ddd; overflow:hidden;}
.tbl-style-lst ul {margin:0; padding:0;}
.tbl-style-lst ul li {margin:0; padding:5px; border-bottom:1px dotted #ddd; overflow:hidden;}
.tbl-style-lst ul li.no-data {height:80px; line-height:80px; text-align:center;}


/* 사이트맵 */
#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;}