@charset "utf-8";


header {clear:both; position:relative; margin:0; padding:25px 0 25px; overflow:hidden; font-size:1px; border-bottom:1px solid #ccc;}

header div {text-align:center;}

header p.p1 {position:absolute; top:13px; left:10px; padding:5px 8px; font-size:25px; color:#222; border:0px solid #555; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;  background:#fff;}
header p.p2 {position:absolute; top:14px; right:15px; padding:7px 8px; font-size:20px; color:#555; border:0px solid #555; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#fff;}

article {clear:both; margin:0; padding:0 0 0px 0;  overflow:hidden; background:#fff;}

footer {margin:0; padding:5px; font-size:12px;line-height:120%; border-top:1px solid #ccc; overflow:hidden; background:#333;}
footer p {margin:2px 0 2px; padding:0; color:#bbb; 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:#eee !important; text-decoration:none; margin:0 auto; padding:5px 8px; border:0px solid #444; background:#333;}
footer .mm_c_btn {float:right; position:relative; left:-50%; margin:0; padding:0;}
footer .mm_c_btn li {float:left; position:relative; left:50%; margin:0 0 0 -1px;}
footer .mm_c_btn li a {display:block; font-size:11px; color:#eee !important; text-decoration:none; margin:0 auto; padding:5px 8px; border:1px solid #444; background:#333;}

nav {position:absolute; top:0; left:-220px; width:220px; height:100%; font-size:16px; margin:0; padding:0; text-align:left; background:#333; z-index:999; overflow-x:hidden; overflow-y:auto;}
nav p {margin:10px 0 0; content:''; overflow:hidden;}
nav ul {margin:0; padding:0;}
nav ul li {margin:0; padding:0;}
nav ul li ul {margin:0; padding:0;}
nav ul li ul li {margin:0; padding:0;}
nav ul li a {display:block; font-weight:bold; color:#aaa !important; padding:7px 10px 7px 10px;}
nav ul li ul li a {font-weight:normal; color:#aaa !important; padding:7px 10px 7px 25px;}
nav ul li a:hover {color:#777 !important;}

.mm_edu_list { font-size:2em; font-weight:bold; text-align:center;}
.edu_reg_bt1 { display:inline-block;width:80px;padding:3px 0;margin-right:2px;text-align:center;color:#fff !important;background:#1887e5;}
.edu_reg_bt2 { display:inline-block;width:80px;padding:3px 0;text-align:center;color:#fff !important;background:#d61123;}
@media only screen and (min-width:590px) {
	article.sub {padding:45px 0px 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) {
article.sub {padding:45px 0px 10px;}
	.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;}