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

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;
}
@media screen and (max-width:736px) {
#noticeBox{display:;}

}


/* 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% - 0px);}
}
@media screen and (max-width:736px) {
	.container {width:calc(100% - 0px);}
}

/* 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; }

/* 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.5em 0.3em;}
#j-lnb ul li a {display:block; font-size:0.875em; line-height:1.8em !important;}

/* header gnb */
#header {clear:both; position:relative; margin:0; padding: 0;border-bottom:1px solid #ddd;background:#fff;box-shadow:0 3px 3px rgba(0, 0, 0, 0.1);}
#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 {position:absolute;left:0px;top:15px;padding:0;color:#333; line-height:100%;font-weight:800; font-size:1px; letter-spacing:-0.035em;}

/* 상단 메뉴 */
#nav { max-width:1200px;height:75px;margin:0px auto 0; padding:10px 0 0;}
#nav > ul {margin:0 0px 0 0; padding:0;float:right;}
#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:160px; 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: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:340px}
#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:160px;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:140px; 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:50px;}

/* 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;}
#leftMenu { clear:both; width:100%;margin:0; padding:0;overflow:hidden;}
#leftMenu > li { float:left;border:1px solid #ddd; margin:0 -1px 0px 0;}
#leftMenu > li > a {display:inline-block; font-size:1em;min-width:133px; padding:7px 0px; text-align:center;}
#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:100%; 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:#ccc; margin:0px 0 0; padding:0 0 1em; background:#333; }
#footer header {margin:0 0 0 0;}
#footer header h2 {font-size:1.75em;}

#f_address { margin:0; padding:0;}
#f_address span,#f_address em,#f_address address{font-size:0.875em; margin:0; padding:0;}
#f_copyright {padding:10px 0; font-size:0.875em;}

#downQuickBox{ clear:both; background:#333; margin:0 0 10px 0; }
#downQuick{ margin:0px auto; text-align:center; padding:10px 0; }
#downQuick a{ display:inline-block; font-size:0.9em; 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:30px 0;}
.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 20px 0; }
.tabs div{float:left; width:100%;}
.tabs div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

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

.tabs2 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs2 div{float:left; width:49.9%;}
.tabs2 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs2 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs_2 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; text-align:center; }
.tabs_2 div{display:inline-block; }
.tabs_2 div a {display:block;background:#fff;color:#333;padding:0.6em 3em;font-size:1.15em;border-radius:1.5em;font-weight:400;}
.tabs_2 div a.over { background:#0088ff;color:#fff;  }

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

.tabs4 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs4 div{float:left; width:24.9%;}
.tabs4 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs4 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs_4 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; text-align:center; }
.tabs_4 div{display:inline-block;margin:0 3px; }
.tabs_4 div a {display:block;background:#f7f7f7;color:#333;padding:0.6em 3em;font-size:1.15em;border-radius:1.5em;font-weight:400;}
.tabs_4 div a.over { background:#0088ff;color:#fff;  }

.tabs5 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs5 div{float:left; width:19.9%;}
.tabs5 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs5 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs6 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs6 div{float:left; width:16.6%;}
.tabs6 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs6 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs7 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs7 div{float:left; width:16.6%;}
.tabs7 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs7 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs8 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs8 div{float:left; width:16.6%;}
.tabs8 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs8 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

@media screen and (max-width:1000px) {
	.tabs3 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs3 div{float:left; width:49.9%;}
	.tabs3 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
	.tabs3 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

	.tabs4 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs4 div{float:left; width:49.9%;}
	.tabs4 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
	.tabs4 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

	.tabs5 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs5 div{float:left; width:49.9%;}
	.tabs5 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
	.tabs5 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

	.tabs6 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs6 div{float:left; width:33.3%;}
	.tabs6 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
	.tabs6 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

	.tabs7 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs7 div{float:left; width:33.3%;}
	.tabs7 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
	.tabs7 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

	.tabs8 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs8 div{float:left; width:33.3%;}
	.tabs8 div a {display:block;text-align:center;  font-weight:400; font-size:1em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
	.tabs8 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; 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:33.3333%;margin:40px 0 0;}
.m-job-bbs{position:relative;width:calc(100% - 20px);margin:auto;}
.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:30px; line-height:30px; 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; line-height:1.1em; font-weight:500;padding:10px 0 10px 10px; }
.m-bbs-more {position:absolute; top:5px; right:15px;}

/******************개별페이지******************/
/* 회사소개 */
#greeting {padding:3em 0 3em;}
#greeting .img01{float:right; width:100%; max-width:200px;margin:4em 2em 14em 2em;}
#greeting p.gretting_txt1  {font-size:1.2em; font-weight:500; letter-spacing:-0.06em;}
#greeting p.gretting_txt2 {font-size:1em;line-height:1.8em;margin-top:1.75em}
#greeting p.gretting_txt3 {text-align:right; font-size:1em;font-weight:700; line-height:1.8em;margin-top:1.75em}
@media screen and (max-width:735px) {
#greeting .img01{float:none; width:100%; max-width:200px;margin:0 0 2em 0;}
}
/* 사이트맵 */
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:80px 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:80px;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%;top:0;margin:0; padding:0; font-size:2.5em;letter-spacing:-0.035em; text-align:center;}
	#gnb-h5 h1 a img{ max-height:60px; }
	#top_left { 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; }




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

	#top_phone { display:block;position:absolute;top:6px;right:10px;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:5px 0 0; background:none;}
	#gnb-h5 h1 {float:none !important; margin:0; padding:0; font-size:2.5em;letter-spacing:-0.035em; text-align:center;}
	#gnb-h5 h1 a img{ max-height:40px; }

	/* 과정보기에서 왼쪽 오른쪽 설정 */
	 .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.8em;color:#000; font-weight:700; text-align:center; margin:20px 0; padding:0 0 10px 0;}

	/* 현재모집중인과정 용 */
	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;}


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

	#greetting .img01{float:none; width:100%; max-width:300px;margin:0 3em 2em 0;}

}

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

}



/* 취업지원 */
#job_proc { margin:0; padding:0;overflow:hidden; }
#job_proc .j_p_box { float:left; width:calc(25% - 22px); margin:10px; padding:20px; border:1px solid #ddd; min-height:400px; }

@media screen and (max-width:1100px) {
#job_proc .j_p_box { float:left; width:calc(50% - 22px); min-height:350px; }
}

@media screen and (max-width:735px) {
#job_proc .j_p_box { float:none; width:calc(100% - 22px); min-height:350px; }
}

/* 과정개요 */
.edu_exp1 { margin:0;padding:2em 0; }
.edu_exp1 p.edu_e_title1 {font-size:2em; line-height:1.4em; font-weight:700; color:#111; text-align:center; }
.edu_exp1 p.edu_e_title2 {font-size:1em; font-weight:500; text-align:center; }

.edu_half_box { width:100%;overflow:hidden;background:#333; }
.edu_half_box .e_h_fleft{ width:50%;float:left; text-align:center; padding:1.5em 0;}
.edu_half_box .e_h_fright{ width:50%;float:right; background:#eee;padding:1.5em; }

p.ps4 { position:relative;padding:0 0 0 6em; }
p.ps4 span:first-child { position:absolute;left:0;top:0; }
p.ps5 { position:relative;padding:0 0 0 7em; }
p.ps5 span:first-child { position:absolute;left:0;top:0; }
p.ps1 { position:relative;padding:0 0 0 1.5em; }
p.ps1 span:first-child { position:absolute;left:0;top:0; }

@media screen and (max-width:1000px) {
.edu_half_box .e_h_fleft{ width:100%;float:none; }
.edu_half_box .e_h_fright{ width:100%;float:none; }
}

/* 수상이력 */
.award_exp1 { margin:0;padding:2em 0; }
.award_exp1 p.award_e_title1 {font-size:2em; line-height:1.4em; font-weight:500; color:#111; }
.award_exp1 p.award_e_title2 {font-size:1.2em; font-weight:500; }

.award_exp1 .year_title { font-size:2em; font-weight:700; color:#111; margin:2em 0 0.5em; }
.award_exp1 div.yt_box { display:inline-block; width:45%; text-align:center; padding:0 2em; border:0px solid #ddd; }
.award_exp1 div.y_a_box { border-top:1px solid #ddd; padding:1em 0 0; }
.award_exp1 div.yt_box img { width:100%; max-width:200px; }
.award_exp1 div.yt_box p.yt1 { font-size:1em; }
.award_exp1 div.yt_box p.yt2 { font-size:1.4em; font-weight:700; color:#333; }

.half_box { width:100%;background:#fff; text-align:center; }
.half_box .h_in_block{ width:250px;display:inline-block;}
.half_box .h_in_block img {width:100%; max-width:250px; }

@media screen and (max-width:735px) {
.award_exp1 div.yt_box { display:inline-block; width:100%;margin:2em 0 0;} 
}