@import url("/CSS/font-awesome.min.css");


/* Basic */
html {
 box-sizing:border-box;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*, *:before, *:after {box-sizing:inherit;}
body {
  margin: 0;
  padding:0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5em;
  color: #555;
  text-align: left;
  background:#333;
}

/* 이미지, 테이블 반응형 - 확대, 좌우 이동 버튼 */
.j-conts-img-wrap {position:relative;margin:auto; max-width:100%; padding:0;overflow-y:auto; overflow-x:none; }
.j-conts-img-wrap-box {position:relative; width:100%;max-width:254px; margin:10px auto 5px;}
.j-conts-img-wrap-btn {display:inline-block; padding:5px 0; margin:0 0 0 1px; width:60px; font-size:12px; text-align:center; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#f9f9f9;}
.j-conts-tbl-wrap {position:relative; max-width:100%; margin:0; padding:30px 0 5px; overflow-y:auto; overflow-x:none;}
.j-conts-tbl-wrap .j-conts-tbl-wrap-btn {position:absolute; top:1px; left:0; margin:0; padding:5px 10px; font-size:12px; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#f9f9f9;}


body.is-preload *, body.is-preload *:before, body.is-preload *:after {-moz-animation:none !important; -webkit-animation:none !important; -ms-animation:none !important; animation:none !important; -moz-transition:none !important; -webkit-transition:none !important; -ms-transition:none !important; transition:none !important;}

/* 팝업 */
#noticeBox{
	position:relative;
	z-index:999;
	height:0;
}
.notice{
	position: absolute;
	background-color: #fff;
	left:0;
	border:0px solid #ccc;
}


/* Container */
.container {margin:0 auto; width:100%; max-width:1200px;}

@media screen and (max-width:1680px) {
	.container {width:100%;}
}
@media screen and (max-width:1280px) {
	.container {width:calc(100% - 0px);}
}
@media screen and (max-width:1200px) {
	.container {width:calc(100% - 20px);margin:0 0 0 10px;}
}
@media screen and (max-width:736px) {
	.container {width:calc(100% - 10px);margin:0 0 0 5px;}
}

/* Page Wrapper */
#page-wrapper {margin:0 !important; padding:0; }
#j-container {width:100%; margin:0; padding:0; overflow:hidden;background:#fff;}
#j-contents {clear:both; width:100%; max-width:1200px; margin:0 auto 0; padding:0;}

/*상단 기본 pc감춤 */
#top_phone { display:none; }
#foot_sns { position:absolute; right:0; bottom:0;}
#foot_sns a span {display:block;text-align:center;font-size:12px;}
#top_edu_rolling {position:absolute;left:0;top:0;padding:0;}


/* global */
#j-top {border-bottom:1px solid #eee; background:#f7f7f7;}
#j-lnb ul {text-align:right; margin:0; padding:0;}
#j-lnb ul li {display:inline-block;padding:0 0.3em;}
#j-lnb ul li a {display:block; font-size:0.8em; line-height:250% !important;}

/* header gnb */
#header {clear:both; position:relative; margin:0; padding: 0;border-bottom:0px solid #ccc;background:#fff;}
#head-gnb {width:100%; margin:0; padding:0; min-height:61px;}
#gnb-h5 {clear:both; position:relative; margin:0 auto; padding:0;  background:none;}
#logoBox{position:relative;width:100%;max-width:1200px;margin:auto;}
#gnb-h5 h1 {text-align:center; padding:10px 0;}
#gnb-h5 h1 a {position:relative; z-index:99999;}

/* 상단 메뉴 */
#nav { height:50px;margin:0px auto 0; padding:0px 0 0; background:#002e5f; }
#nav > ul {margin:0 auto 0; padding:0;max-width:1200px;}
#nav > ul > li {position:relative;display:inline-block; margin:0; padding:0;border:0 none !important;}
#nav > ul > li:not(:first-child) {margin:0 0 0 0;}
#nav > ul > li > ul {display:none; margin:0; padding:0;}
#nav > ul > li > a {border-radius:0px;display:block; background:none;width:199px; color:#eee;  font-size:1.05em;font-weight:500; line-height:50px;  text-align:center; text-decoration:none; padding:0px 0 0px 0px;}
#nav > ul > li:hover > a, #nav > ul > li.active > a {background:none; color:#fff}
#nav > ul > li.current > a {background:#d52349; font-weight:700;}


#all-nav { position:absolute;width:100%; margin:0; padding:0px 0 0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; z-index:99; opacity:1; display:none;}
#all-sub-nav {max-width:1200px; margin:0 auto; padding:0;  background:none url(/images/global.png) no-repeat 70px 10px;}

#sub-nav {margin:0 auto; padding:0;max-width:1200px; overflow:hidden; }
#sub-nav > ul {float:right; margin:0; padding:0;}
#sub-nav > ul > li {float:left; margin:0; padding:0;border-left:1px solid #eee;border-right:1px solid #eee;min-height:250px}
#sub-nav > ul > li:hover {background:none;}
#sub-nav > ul > li:not(:first-child) {margin:0 0 0 -1px;}
#sub-nav > ul > li > ul {margin:0; padding:10px 0;}
#sub-nav > ul > li > ul > li {margin:0; padding:0; border-bottom:0px solid #eee; }
#sub-nav > ul > li > ul > li > a {display:block; width:198px;text-align:center; padding:5px 0 5px 0px;font-size:0.875em;color:#555;font-weight:400;}

#sub-nav > ul > li > ul > li > ul {margin:0; padding:0px 0;}
#sub-nav > ul > li > ul > li > ul > li  {margin:0; padding:0; border-top:0px solid #eee;background:none; }
#sub-nav > ul > li > ul > li > ul > li  a {display:block; width:198px; padding:3px 0 3px 25px;font-size:0.875em;color:#fff;font-weight:300;}

#sub-nav > ul > li > ul > li:hover > a, #sub-nav > ul > li > ul > li.active > a {color:#f12938;}
#sub-nav > ul > li > ul > li > ul > li:hover > a {color:#f12938;}


	#sub_view {height:200px;;}
/* header gnb 
#header {clear:both; position:relative; margin:0; padding: 0;border-bottom:1px solid #555;background:#fff;}
#head-gnb {width:100%; margin:0; padding:0; min-height:61px;}
#gnb-h5 {clear:both; position:relative; margin:0 auto; padding:0;  background:none;}
#logoBox{position:relative;width:100%;max-width:1200px;margin:auto;}
#gnb-h5 h1 {width:100%; padding:0px 0;text-align:center; font-size:0px; }
*/


/* 상단 메뉴 
#nav {max-width:1200px; margin:0 auto; padding:0;}
#nav > ul {margin:0; padding:0;}
#nav > ul > li {position:relative;display:inline-block; margin:0; padding:0;border:0 none !important;}
#nav > ul > li:not(:first-child) {margin:0 0 0 0;}
#nav > ul > li > ul {display:none; margin:0; padding:0;}
#nav > ul > li > a {border-radius:0px;display:block; background:none;width:170px; color:#333;  font-size:1.05em;font-weight:500; line-height:50px;  text-align:center; text-decoration:none; padding:0px 0 0px 0px; }
#nav > ul > li:hover > a, #nav > ul > li.active > a {background:none; color:#000}
#nav > ul > li.current > a {background:#d52349; font-weight:700;}


#all-nav { position:absolute;width:100%; margin:0; padding:0px 0 0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; z-index:99; opacity:1; display:none;}
#all-sub-nav {max-width:1200px; margin:0 auto; padding:0;  background:none url(/images/global.png) no-repeat 70px 10px;}

#sub-nav {margin:0 auto; padding:0;max-width:1200px; overflow:hidden; }
#sub-nav > ul {float:left; margin:0; padding:0;border-right:1px solid #eee;}
#sub-nav > ul > li {float:left; margin:0; padding:0;border-left:1px solid #eee;border-right:1px solid #eee;min-height:250px}
#sub-nav > ul > li:hover {background:none;}
#sub-nav > ul > li:not(:first-child) {margin:0 0 0 -1px;}
#sub-nav > ul > li > ul {margin:0; padding:10px 0;}
#sub-nav > ul > li > ul > li {margin:0; padding:0; border-bottom:0px solid #eee; }
#sub-nav > ul > li > ul > li > a {display:block; width:170px;text-align:center; padding:5px 0 5px 0px;font-size:0.875em;color:#555;font-weight:400;}

#sub-nav > ul > li > ul > li > ul {margin:0; padding:0px 0;}
#sub-nav > ul > li > ul > li > ul > li  {margin:0; padding:0; border-top:0px solid #eee;background:none; }
#sub-nav > ul > li > ul > li > ul > li  a {display:block; width:170px; padding:3px 0 3px 25px;font-size:0.875em;color:#fff;font-weight:300;}

#sub-nav > ul > li > ul > li:hover > a, #sub-nav > ul > li > ul > li.active > a {color:#f12938;}
#sub-nav > ul > li > ul > li > ul > li:hover > a {color:#f12938;}
*/

/* 왼쪽 메뉴 */
/*상단*/
#leftMenuTitle { text-align:center; font-size:1.5em; color:#111; padding-bottom:20px; display:none;}
#leftMenuSubTitle { text-align:center; font-size:2.2em; font-weight:700; color:#111; padding:40px 0; }
#leftMenu { clear:both;overflow:hidden;}
#leftMenu > li { float:left;vertical-align:top;margin:0 0 1px 0;}
#leftMenu > li > a {display:block; font-size:1.2em; padding:15px 0; border:1px solid #ddd; margin:0 -1px 0 0; text-align:center;}
#leftMenu > li > a.a { background:#002e5f;color:#fff;}
#leftMenu > li > ol {display:none;}





/* 왼쪽 
#mainLeft { width:220px; float:left; }
#leftMenuBox {padding:0 0 20px;}
#leftMenuTitle { clear:both; height:100px; margin:5px 0 0; padding:35px 0 0; font-size:1.5em; text-align:center; font-weight:500; line-height:1.1em; color:#111;  background:#fff;border-top:1px solid #777;border-bottom:1px solid #777;}
#leftMenu { clear:both;text-align:center; vertical-align:top;margin:0;padding:0;width:100%;}
#leftMenu > li { clear:both; margin:0; padding:0;border-top:0px solid #eee; border-bottom:1px solid #eee;width:100%;}
#leftMenu > li > a {display:block; text-align:left; font-size:0.875em;padding:10px 15px;  margin:0 0 0px 0; color:#111;}
#leftMenu > li > a:hover {background:#f7f7f7;color:#0c67d5;border-bottom:0px solid #eee;}
#leftMenu > li > a.a {background:#0c67d5;color:#fff;}
#leftMenu > li > ol {width:100%;margin:0;padding:0;border:0px solid #f00;}
#leftMenu > li > ol > li {display:block; vertical-align:top;text-align:left;width:100%;}
#leftMenu > li > ol > li > a {display:block;width:100%; font-size:0.875em;padding:5px 15px 5px 30px;background:url(/images/list_m01.png) no-repeat 15px center; border:0px solid #ddd; margin:0 0 0px 0;}
#leftMenu > li > ol > li > a:hover {background:#fff url(/images/list_m01.png) no-repeat 15px center;color:#111;}
#leftMenu > li > ol > li > a.b {background:#eee url(/images/list_m01.png) no-repeat 15px center;color:#111;}
*/
/* sub 제목 및 로케이션 */
#ej-bbs-contents { width:calc(100% - 250px); margin:0 0 0 30px; padding:0 0 30px 0; float:left;}
#ej-bbs-contents .mainCenter-title { position:relative; margin:5px 0 0; padding:0; border-bottom:0px solid #ccc; height:100px; overflow:hidden; }
#ej-bbs-contents .mainCenter-title .mainCenter-left { float:left;margin:30px 0 0; padding:0; font-size:1.875em; line-height:1.1em; font-weight:700; color:#111; }
#ej-bbs-contents .mainCenter-title .mainCenter-right { float:right; margin:0; padding:40px 0 0; font-size:1em;line-height:1.1em;}
/* 게시판용 제목 및 로케이션 */
#mainCenter { width:calc(100% - 250px); margin:0 0 0 30px; padding:0 0 30px 0; float:left;}
#mainCenter .mainCenter-title { position:relative; margin:5px 0 0; padding:0; border-bottom:0px solid #ccc; height:100px; overflow:hidden; }
#mainCenter .mainCenter-title .mainCenter-left { float:left;margin:30px 0 0; padding:0; font-size:1.875em; line-height:1.1em; font-weight:700; color:#111; }
#mainCenter .mainCenter-title .mainCenter-right { float:right; margin:0; padding:40px 0 0; font-size:1em;line-height:1.1em;}

/* Footer */
#footer {clear:both; position:relative; color:#aaa; margin:0px 0 0; padding:20px 0 1em; background:#333; }
#footer header {margin:0 0 0 0;}
#footer header h2 {font-size:1.75em;}

.downQuick a{ display:inline-block; font-size:0.875em; border:0px solid #f00;text-decoration:none; color:#eee; padding:1px 8px; background:url(/images/f_ico_bar01px.gif) no-repeat right center; }
.downQuick a:first-child { padding:1px 8px 1px 0; }
.downQuick a:last-child {background:none;}

#f_address { position:relative; width:100%;max-width:1200px; margin:0 auto; padding:0px;}
#f_address span,#f_address em,#f_address address{font-size:0.875em; }
#f_address p.copy {padding:0px; font-size:0.875em;}

#downQuickBox{ clear:both; background:#555; margin:0 0 10px 0; }
#downQuick{ margin:0px auto; text-align:center; padding:10px 0; }
#downQuick a{ display:inline-block; font-size:1em; border:0px solid #f00;text-decoration:none; color:#eee; padding:1px 8px; background:url(/images/f_ico_bar01px.gif) no-repeat right center; }
#downQuick a.last{ background:none; }

/*--------------------*/
.m_title0 {font-size:2.5em;color:#000; font-weight:700; text-align:center; margin:0 0 20px 0; padding:1.5em 0 1em;}
.m_title3 {font-size:1.5em;color:#000; font-weight:700; text-align:center; margin:0 0 20px 0; padding:0 0 10px 0;}
.m_title4 {font-size:1.2rem;color:#36f; font-weight:400;}

.tabs { width:100%;overflow:hidden; padding:0 0 1px 0;margin:0 0 0px 0; }
.tabs div{float:left; width:24.9999%;}
.tabs div a {display:block;text-align:center;font-size:1.1em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#f7f7f7; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs div a.over { display:block;text-align:center; border:1px solid #333; border-bottom:1px solid #333; background:#333; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs3 { width:100%;overflow:hidden; padding:0 0 1px 0;margin:0 0 0px 0; }
.tabs3 div{float:left; width:33.333%;}
.tabs3 div a {display:block;text-align:center;font-size:1.1em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#f7f7f7; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs3 div a.over { display:block;text-align:center; border:1px solid #002e5f; border-bottom:1px solid #002e5f; background:#002e5f; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }


.b_tabs { width:100%;overflow:hidden;padding:0 0 1px 0; margin:0 0 20px 0; }
.b_tabs div{float:left; width:19.999%;}
.b_tabs div a {display:block;text-align:center;font-size:1em;height:3em;line-height:3em;overflow:hidden; color:#2780e3; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#ffff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.b_tabs div a.over { display:block;text-align:center; border:1px solid #2780e3; border-bottom:0px solid #333; background:#2780e3; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }


.main_tabs { width:100%;overflow:hidden; padding:0 0 1px 0;margin:0 0 20px 0; }
.main_tabs div{float:left; width:24.999%;}
.main_tabs div a {display:block;text-align:center;font-size:1.2em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#f7f7f7; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.main_tabs div a.over { display:block;text-align:center; border:1px solid #ddd; border-bottom:5px solid #333; background:#fff; color:#111; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

/* 현재모집중인과정 용 */
table.reg-tbl-edu thead tr th {border-bottom:1px solid #ccc;line-height:1.1em;}
table.reg-tbl-edu tbody tr td {}
table.reg-tbl-edu thead tr th:nth-child(1) {width:100px;}
table.reg-tbl-edu tbody tr td:nth-child(1) {width:100px;}
table.reg-tbl-edu thead tr th:nth-child(2) {width:calc(100% - 180px);}
table.reg-tbl-edu tbody tr td:nth-child(2) {width:calc(100% - 180px);}
table.reg-tbl-edu thead tr th:nth-child(3) {width:120px;}
table.reg-tbl-edu tbody tr td:nth-child(3) {width:120px;}
table.reg-tbl-edu thead tr th:nth-child(4) {width:130px;}
table.reg-tbl-edu tbody tr td:nth-child(4) {width:130px;}

/* 과정보기에서 왼쪽 오른쪽 설정 */
 .eview-box {border:1px solid #ddd; border-radius:5px; padding:20px; overflow:hidden; width:100%; max-width:1200px; margin:0 auto 30px;}

 .l-eview { width:300px; float:left; }
 .l-eview img { width:100%; }
 .r-eview { width:calc(100% - 320px); float:right;}
 .r-eview a { display:inline-block;margin:10px 0 0;}

/* 최신글 메인 게시판*/
.m-job-bbs-wrap{float:left; width:49.9999%;}
.m-job-bbs{position:relative;}
.left_space{padding-right:10px;}
.right_space{padding-left:10px;}
.latest-bbs {margin:0px 0 0; padding:0; overflow:hidden;border-top:1px solid #ccc}
.latest-bbs li {position:relative;  line-height:22px; margin:0; padding:10px 0; border-bottom:1px dotted #ddd;}
.latest-bbs li a {display:block; padding:0 0 0 10px; background:url('/images/m_bbs_arrow.gif') no-repeat 0 6px;height:22px;overflow:hidden;}
.latest-bbs li a:hover {color:#198aba;}
.latest-bbs li span {position:absolute;display:block; top:2px; right:0; height:22px; line-height:22px; margin:0; padding:4px 0; font-size:12px; color:#b5b5b5; background:#fff;}
.latest-bbs li.no-data {height:100px; line-height:100px; text-align:center; font-size:0.875em; color:#aaa; border:none;}
.m-bbs-title { font-size:1.4em;color:#111; font-weight:500;padding:7px 0; }
.m-bbs-more {position:absolute; top:5px; right:15px;}

/******************개별페이지******************/
/* 회사소개 */
#greetting {padding:3em 0 3em;}
#greetting .img01{float:left; width:100%; max-width:300px;margin:0 3em 14em 0;}
#greetting p.gretting_txt1  {font-size:1.1em; font-weight:300; letter-spacing:-0.06em;}
#greetting p.gretting_txt2 {font-size:1em;line-height:1.8em;margin-top:1.75em}

/* 사이트맵 */
div.sitemap { display:inline-block; width:210px; vertical-align:top;}

/* XLarge */
@media screen and (max-width:1680px) {
	/* Basic */
	body, input, textarea, select {font-size:12pt;}

}
/* Large */
@media screen and (max-width:1280px) {
	/* Basic */
	body, input, textarea, select {font-size:12pt;}

}

/***************************** 모바일화면에서 메뉴 오픈상태로 큰 화면 전환시 메뉴가 맨 하단에 출력되는 문제 수정 2019-12-18 18:21:21 *****************************/
@media screen and (min-width:1200px) {
	#navPanel {display:none !important;}
}


@media screen and (max-width:1200px) {
	/* Basic */
	html, body {overflow-x:hidden;}
	body, input, textarea, select {font-size:12pt;}
	#j-contents {clear:both; width:calc(100% - 20px); margin:0 0 0 10px; padding:0;}
	#page-wrapper {padding:60px 0 0}

	/* Header */
	#header {margin:0; padding:0 0 0 0;position:fixed; top:0; left:0; z-index:999;width:100%; max-width:1200px;height:60px;background:#fff;border-bottom:1px solid #ccc;overflow:hidden;}
	#head-gnb {width:100%; max-width:1200px; margin:0; padding:0; background:none;}
	#gnb-h5 {position:static; margin:0 auto; padding:0; background:none;}
	#gnb-h5 h1 {float:none !important; width:100%;margin:0; padding:0; font-size:2.5em;letter-spacing:-0.035em; text-align:center;}

	#top_left { display:none;}

	#top_edu_rolling {display:none;}
	#q_tel  {display:none;}

	/* Main */
	#main {padding:40px 0;}
	#mainLeft { display:block; width:100%; }
	#mainCenter {clear:both; width:100%; margin:0px; }
	#ej-bbs-contents {clear:both; width:100%; margin:0px; }

	#leftMenuTitle { text-align:center; font-size:1.5em; padding-bottom:10px;margin:10px 0;border:0 none;}
	#leftMenu { clear:both;text-align:center; vertical-align:top;margin:10px 0 0;padding:0;}



	/* PC Nav Banner _ View, Hidden*/
	#nav {display:none;}
	#j-family {display:none;}
	#family {display:none;}
	#j-top {display:none;}
	#sub_view {display:none;}

	#top_phone { display:block;position:absolute;top:10px;right:20px;z-index:999;font-size:2.5em;}


	/* Mobile Nav */
	#page-wrapper {-moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -moz-transition:-moz-transform 0.5s ease; -webkit-transition:-webkit-transform 0.5s ease; -ms-transition:-ms-transform 0.5s ease; transition:transform 0.5s ease; padding-bottom:0px;}
	#titleBar {-moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -moz-transition:-moz-transform 0.5s ease; -webkit-transition:-webkit-transform 0.5s ease; -ms-transition:-ms-transform 0.5s ease; transition:transform 0.5s ease; display:block; height:44px; left:0; position:fixed; top:0; width:60px; z-index:10001; background:none;}
	#titleBar .toggle {width:60px; height:60px;}
	#titleBar .toggle:before {font-family:FontAwesome; text-decoration:none; font-style:normal; font-weight:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:'\f0c9'; display:block; position:absolute; left:0px; top:12px; width:50px; height:40px; line-height:40px; font-size:30px; color:#000; text-align:center; background:rgba(255, 255, 255, 0); border-radius:5px;}
	#titleBar .toggle:active:before {background-color:#fff;}

	#navPanel {-moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -moz-transition:-moz-transform 0.5s ease; -webkit-transition:-webkit-transform 0.5s ease; -ms-transition:-ms-transform 0.5s ease; transition:transform 0.5s ease; display:none; left:0; overflow-y:auto; position:fixed; top:60px; width:100%; z-index:10002; color:#222; background:#fff; /*box-shadow:inset -3px 0px 5px 0px rgba(0, 0, 0, 0.35);*/}

	#navPanel > nav > ul {margin:0; padding:0;}
	#navPanel > nav > ul > li {margin:0; padding:0; border-top:0px solid #ddd; border-bottom:1px solid #ddd;}
	#navPanel > nav > ul > li:not(:first-child) {margin:0px 0 0;}
	#navPanel > nav > ul > li > a { display:block;font-size:1em;font-weight:normal; padding:8px 10px;background:url(/images/m_right_bt.png) no-repeat right center;}
	#navPanel > nav > ul > li > ul {display:none; margin:0; padding:0;}
	#navPanel > nav > ul > li > ul > li {margin:0; padding:0; border-top:1px solid #ddd;background:#f7f7f7;}
	#navPanel > nav > ul > li > ul > li > a {font-size:0.875em; padding:6px 25px; color:#222;}
	#navPanel > nav > ul > li > ul > li > ul {margin:0; padding:0;}
	#navPanel > nav > ul > li > ul > li > ul > li {margin:0; padding:0; border-top:1px solid #ddd;background:#f7f7f7;}
	#navPanel > nav > ul > li > ul > li > ul > li > a {font-size:0.875em; padding:6px 35px; color:#777;}
	#navPanel > nav a {color:#111; width:100%; display:inline-block;}
	#navPanel > nav a:hover {color:#111;}


}

@media screen and (max-width:736px) {
	/* Basic */
	body, input, textarea, select {font-size:11pt;}
	#page-wrapper {padding:60px 0 0}

	/* Header */
	#header {margin:0; padding:0 0 0 0;position:fixed; top:0; left:0; z-index:999;width:100%; max-width:1200px;height:60px;background:#fff;border-bottom:1px solid #ccc;overflow:hidden;}
	#head-gnb {width:100%; max-width:1200px; margin:0; padding:0; background:none;}
	#gnb-h5 {position:static; margin:0 auto; padding:0; background:none;}
	#gnb-h5 h1 {float:none !important; margin:0; padding:0; font-size:2.5em;letter-spacing:-0.035em; text-align:center;}


	/* 과정보기에서 왼쪽 오른쪽 설정 */
	 .eview-box {border:3px solid #ccc; border-radius:5px; padding:20px; overflow:hidden; width:100%; margin:0 auto 30px;}
	 .l-eview { clear:both; width:100%; text-align:center; }
	 .l-eview img { width:100%; max-width:300px; }
	 .r-eview { clear:both; width:100%; margin:0px 0 0; }

	/*--------------------*/
	.tabs div{float:left; width:49.999%;}
	.tabs div a {font-size:1em;}

	.m_title0 {font-size:1.5em;color:#000; font-weight:500; text-align:center; margin:20px 0; padding:0;}

	.left_space{padding-right:0px;}
	.right_space{padding-left:0px;}

	/* 현재모집중인과정 용 */
	table.reg-tbl-edu thead tr th {border:none; height:30px;}
	table.reg-tbl-edu tbody tr td {border:none;}
	table.reg-tbl-edu thead tr th:nth-child(1) {display:none;}
	table.reg-tbl-edu tbody tr td:nth-child(1) {display:none;}
	table.reg-tbl-edu thead tr th:nth-child(2) {width:calc(100% - 250px);}
	table.reg-tbl-edu tbody tr td:nth-child(2) {width:calc(100% - 250px);}
	table.reg-tbl-edu thead tr th:nth-child(3) {width:120px;}
	table.reg-tbl-edu tbody tr td:nth-child(3) {width:120px;}
	table.reg-tbl-edu thead tr th:nth-child(4) {width:130px;}
	table.reg-tbl-edu tbody tr td:nth-child(4) {width:130px;}

	#leftMenuTitle { text-align:center; font-size:1.5em; padding-bottom:10px;margin:10px 0;border:0 none;}
	#leftMenu { clear:both;text-align:center; vertical-align:top;margin:10px 0 0;padding:0;}

	.m-job-bbs-wrap{float:none; width:100%;}

	#greetting .img01{float:none; width:100%; max-width:300px;margin:0 3em 2em 0;}
	#foot_sns { position:relative; right:0; bottom:0;}
	#foot_sns a {display:inline-block; width:44px; text-align:center;}
	#foot_sns a span {display:none;}
	#foot_sns a img { max-width:40px; }

}

@media screen and (max-width:500px) {


	/* 현재모집중인과정 용 */
	table.reg-tbl-edu thead tr th {border:none; height:30px;}
	table.reg-tbl-edu tbody tr td {border:none;}
	table.reg-tbl-edu thead tr th:nth-child(1) {display:none;}
	table.reg-tbl-edu tbody tr td:nth-child(1) {display:none;}
	table.reg-tbl-edu thead tr th:nth-child(2) {width:calc(100% - 130px);}
	table.reg-tbl-edu tbody tr td:nth-child(2) {width:calc(100% - 130px);}
	table.reg-tbl-edu thead tr th:nth-child(3) {display:none;}
	table.reg-tbl-edu tbody tr td:nth-child(3) {display:none;}
	table.reg-tbl-edu thead tr th:nth-child(4) {width:130px;}
	table.reg-tbl-edu tbody tr td:nth-child(4) {width:130px;}

}