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


/* Basic */
html {box-sizing:border-box;}
*, *:before, *:after {box-sizing:inherit;}
body {}
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;}

/* 이미지, 테이블 반응형 - 확대, 좌우 이동 버튼 */
.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;}

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

@media screen and (max-width:1680px) {
	.container {width:1200px;}
}
@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);}
}



/* Section/Article */
section, article {margin-bottom:2.5em;}
section > :last-child, section:last-child, article > :last-child, article:last-child {margin-bottom:0;}
header {margin:0 0 1.5em 0;}
header > p {display:block; font-style:italic; margin:0.5em 0 0 0; padding-bottom:0.5em;}
header.major {position:relative; text-align:center; border-top:solid 0px #ccc; top:1em; margin:0 0 3em 0;}
header.major h2 {background:#fff; position:relative; top:-0.65em; display:inline; margin:0; padding:0 1em 0 1em;}
footer {margin:1.5em 0 0 0;}

#top_phone { display:none; }
#top_lms { display:block;position:absolute;top:10px;left:10px;z-index:999;font-size:1.2em;}
#top_lms a{color:#000;letter-spacing:-1px}
#top_sns  { display:block;position:absolute;top:10px;right:10px;z-index:999;font-size:2.5em;}
#top_sns div.sns-bann ul{margin:0;padding:0;}
#top_sns div.sns-bann ul li{float:left;}
#top_left_txt {display:block;position:absolute;height:80px;top:0px;left:0px;z-index:999;font-size:0.875em; color:#111; border-left:0px solid #fd5619;padding:9px 0 0 70px;line-height:1.4em;background:url(/images/woosu.png) no-repeat left center;background-size:60px;}
#top_right_txt {display:block;position:absolute;top:17px;right:100px;z-index:999;font-size:0.875em; color:#111; border-left:5px solid #fd5619;padding:0 0 0 10px;line-height:1.4em;}

/* Box */
.box {background:#f7f7f7; border-bottom:solid 1px #ccc; padding:2.75em 1.75em 2.75em 1.75em;}
.box .image.featured {position:relative; width:auto; left:1.75em; top:1.75em; margin:-4.5em 0 4.25em -3.5em;}
.box.post header {padding-top:1em; margin:0 0 2em 0;}
.box.post h2 {font-size:2.5em; letter-spacing:-0.015em;}
.box.post header > p {margin-top:1.25em; font-size:1.25em;}
.box footer ul.actions {margin-bottom:0;}


/* Tab */
ul.mtabs { width:100%;overflow:hidden;padding-bottom:30px }
ul.mtabs li{float:left; width:24.999%;}
ul.mtabs li a {display:block;text-align:center;  font-weight:700; font-size:1.1em;height:3em;line-height:3em;overflow:hidden; border:1px solid #aaa;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#fff; padding:0px;margin:0 2px 2px 0;word-break:keep-all}
ul.mtabs li.active a { display:block;text-align:center; border:1px solid #333; background:#333; color:#fff; padding:0px;margin:0 2px 2px 0;word-break:keep-all}

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

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

.tabs3 { width:100%;overflow:hidden;padding:0 0 1px 0; }
.tabs3 div{float:left; width:33.333%;}
.tabs3 div a {display:block;text-align:center;  font-weight:700; font-size:1.2em;height:3.5em;line-height:3.5em;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 #ddd; border-bottom:5px solid #106aca; background:#fff; color:#106aca; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.b_tabs { width:100%;overflow:hidden;padding:0 0 1px 0; }
.b_tabs div{float:left; width:16.65%;}
.b_tabs div a {display:block;text-align:center; font-weight:700; font-size:1.2em;height:3.5em;line-height:3.5em;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}
.b_tabs div a.over { display:block;text-align:center; border:1px solid #ddd; border-bottom:5px solid #106aca; background:#fff; color:#106aca; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }


.maintabs { width:100%;overflow:hidden; padding:0 0 1px 0;margin:0 0 20px 0; }
.maintabs div{float:left; width:49.999%;}
.maintabs div a {display:block;text-align:center; font-weight:700; font-size:1.2em;height:4em;line-height:4em;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}
.maintabs div a.over { display:block;text-align:center; border:1px solid #ddd; border-bottom:5px solid #106aca; background:#fff; color:#106aca; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.mid_ban {width:100%;max-width:1200px; margin:5px auto; }


/* Button */
.btn_h4 {-webkit-appearance:none; display:inline-block; text-decoration:none; cursor:pointer; border:0; border-radius:5px; background:#333; color:#fff !important; font-weight:500; outline:0; font-size:0.875em; padding:0.65em 1.2em 0.65em 1.2em; text-align:center; -moz-transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out; -ms-transition:background-color .25s ease-in-out; transition:background-color .25s ease-in-out;}
.btn_h4:hover {background:#111;}
.btn_h4:active {background:#222;}
.btn_h4.large {font-size:1.2em; padding:0.5em 2em 0.5em 2em;}

.btn_h5 {-webkit-appearance:none; display:inline-block; text-decoration:none; cursor:pointer; border:0; border-radius:5px; background:#d52349; color:#fff !important; font-weight:500; outline:0; font-size:0.875em; padding:0.65em 1.2em 0.65em 1.2em; text-align:center; -moz-transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out; -ms-transition:background-color .25s ease-in-out; transition:background-color .25s ease-in-out;}
.btn_h5:hover {background:#e53359;}
.btn_h5:active {background:#c51349;}
.btn_h5.alt {background:#252122;}
.btn_h5.alt:hover {background:#353132;}
.btn_h5.alt:active {background:#151112;}
.btn_h5.icon:before {opacity:0.35; position:relative; top:0.05em; margin-right:0.75em;}
.btn_h5.large {font-size:1.2em; padding:0.5em 2em 0.5em 2em;}

 input[type="button"].res, input[type="submit"].res, input[type="reset"].res, button.res {font-size:0.875em; border:0 none !important; background:#111; color:#fff !important; font-weight:500; padding:4px 1em;}
 input[type="button"].res2, input[type="submit"].res2, input[type="reset"].res2, button.res2 {font-size:0.875em; border:0 none !important; border-radius:5px; background:#111; color:#fff !important; font-weight:500; padding:0.65em 3em 0.65em 3em;}


/* Image */
.image {display:inline-block; outline:0;}
.image img {display:block; width:100%;}
.image.centered {display:block; margin:0 0 2em 0;}
.image.centered img {margin:0 auto; width:auto;}
.image.featured {display:block; width:100%; margin:0 0 2em 0;}
.image.left {float:left; margin:0 2em 2em 0;}


/* Actions */
ul.actions {list-style:none;padding-left:0;}
ul.actions li {display:inline-block; margin-left:1em; padding-left:0;}
ul.actions li:first-child {margin-left:0;}



/* Links */
ul.links {list-style:none; padding-left:0;}
ul.links li {display:inline-block; border-left:solid 1px rgba(255, 255, 255, 0.05); padding:0 0 0 1em; margin:0 0 0 1em;}
ul.links li:first-child {border-left:0; padding-left:0; margin-left:0;}

/* Contact */
ul.contact {list-style:none; padding-left:0;}
ul.contact li {position:relative; border-top:solid 1px #ddd; padding:1.3em 0 1.3em 7em;}
ul.contact li h3 {position:absolute; left:0; top:1.3em; font-size:1.1em;}
ul.contact li p {margin:0;}
ul.contact li:first-child {padding-top:0; border-top:0;}
ul.contact li:first-child h3 {top:0;}

/* 메인화면 용 */
table.main-tbl-edu thead {width:100%; border:none;}
table.main-tbl-edu tbody {width:100%; border:none;}
table.main-tbl-edu thead tr th {border:none; height:40px;}
table.main-tbl-edu tbody tr td {border:none;}
table.main-tbl-edu thead tr th:nth-child(1) {width:75px;}
table.main-tbl-edu tbody tr td:nth-child(1) {width:75px;}
table.main-tbl-edu thead tr th:nth-child(2) {width:300px;}
table.main-tbl-edu tbody tr td:nth-child(2) {width:300px;}
table.main-tbl-edu thead tr th:nth-child(3) {width:calc(100% - 605px);}
table.main-tbl-edu tbody tr td:nth-child(3) {width:calc(100% - 605px);}
table.main-tbl-edu thead tr th:nth-child(4) {width:110px;}
table.main-tbl-edu tbody tr td:nth-child(4) {width:110px;}
table.main-tbl-edu thead tr th:nth-child(5) {width:120px;}
table.main-tbl-edu tbody tr td:nth-child(5) {width:120px;}

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

/* 연간모집과정 용 */
table.year-tbl-edu thead {width:100%; border:none;}
table.year-tbl-edu tbody {width:100%; border:none;}
table.year-tbl-edu thead tr th {border:none; height:40px;}
table.year-tbl-edu tbody tr td {border:none;}
table.year-tbl-edu thead tr th:nth-child(1) {width:120px;}
table.year-tbl-edu tbody tr td:nth-child(1) {width:120px;}
table.year-tbl-edu thead tr th:nth-child(2) {width:calc(100% - 350px);}
table.year-tbl-edu tbody tr td:nth-child(2) {width:calc(100% - 350px);}
table.year-tbl-edu thead tr th:nth-child(3) {width:110px;}
table.year-tbl-edu tbody tr td:nth-child(3) {width:110px;}
table.year-tbl-edu thead tr th:nth-child(4) {width:120px;}
table.year-tbl-edu tbody tr td:nth-child(4) {width:120px;}


/* Dates */
ul.dates {list-style:none; padding-left:0;}
ul.dates li {position:relative; border-top:solid 1px #ddd; padding:1.3em 0 1.3em 6.75em;}
ul.dates .date {display:block; position:absolute; left:0; top:1.3em; background-color:#d52349; height:3.5em; text-align:center; color:#fff; line-height:1em; border-top-left-radius:5px; border-bottom-left-radius:5px; padding:0.5em 0.75em 0 1em;}
ul.dates .date:after {content:''; position:absolute; bottom:0; right:-1.2em; border-left:solid 1.25em #d52349; border-top:solid 1.8em transparent; border-bottom:solid 1.8em transparent;}
ul.dates .date strong {display:block; font-size:1.75em; padding-top:0.15em;}
ul.dates h3 {font-size:1.1em;}
ul.dates p {margin:0;}
ul.dates li:first-child {border-top:0; padding-top:0;}
ul.dates li:first-child .date {top:0;}

/* Divided */
ul.divided {list-style:none; padding-left:0;}
ul.divided li {border-top:solid 1px #ddd; padding:1em 0 1em 0;}
ul.divided li:first-child {border-top:0; padding-top:0;}

/* Social */
ul.social {list-style:none; padding-left:0; overflow:hidden; cursor:default; margin:0 0 3.25em 0;}
ul.social li {display:inline-block; padding-left:0; margin-left:0.75em;}
ul.social li:first-child {margin-left:0;}
ul.social li a {display:inline-block; width:3em; height:3em; text-align:center; border-radius:5px; background:#888; -moz-transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out; -ms-transition:background-color .25s ease-in-out; transition:background-color .25s ease-in-out;}
ul.social li a:before {color:#fff; font-size:2em; line-height:1.5em;}
ul.social li a.fa-facebook {background:#3c5a98;}
ul.social li a.fa-facebook:hover {background:#4c6aa8;}
ul.social li a.fa-twitter {background:#2daae4;}
ul.social li a.fa-twitter:hover {background:#3dbaf4;}
ul.social li a.fa-dribbble {background:#c4376b;}
ul.social li a.fa-dribbble:hover {background:#d4477b;}
ul.social li a.fa-linkedin {background:#006599;}
ul.social li a.fa-linkedin:hover {background:#1075a9;}
ul.social li a.fa-tumblr {background:#2b4661;}
ul.social li a.fa-tumblr:hover {background:#3b5671;}
ul.social li a.fa-google-plus {background:#da2713;}
ul.social li a.fa-google-plus:hover {background:#ea3723;}

/* Icons */
.icon {position:relative; text-decoration:none;}
.icon:before {-moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-family:FontAwesome; font-style:normal; font-weight:normal; text-transform:none !important;}
.icon > .label {display:none;}
.icon.featured {position:relative; display:inline-block; background-color:#d52349; width:9em; padding:1.75em 0 0.75em 0; border-top-left-radius:5px; border-top-right-radius:5px; margin:0 0 4.5em 0; cursor:default;}
.icon.featured:before {font-size:4.5em; line-height:1em; color:#fff;}
.icon.featured:after {content:''; position:absolute; bottom:-1.95em; left:0; border-top:solid 2em #d52349; border-left:solid 4.5em transparent; border-right:solid 4.5em transparent;}
.icon.featured.alt {background-color:#252122;}
.icon.featured.alt:after {border-top-color:#252122;}
.icon.featured.alt2 {background-color:#827a7c;}
.icon.featured.alt2:after {border-top-color:#827a7c;}



/* Page Wrapper */
#page-wrapper {margin:160px 0 0 !important;padding:0; background:#fff;}

/* Header */
#j-top {border-bottom:1px solid #eee; background:#fff;}
#j-lnb ul {text-align:right; margin:0; padding:0 20px 0 0;}
#j-lnb ul li {display:inline-block;padding:0 0.3em;}
#j-lnb ul li a {display:block; font-size:0.8em;color:#555; line-height:260% !important;}
/*#header {clear:both; margin:0em 0 0; padding:0;border-bottom:0px solid #555;background:#222; }*/
#header {clear:both;width:100%; margin:-160px 0 0; padding:0;border-bottom:0px solid #ccc;position:fixed;z-index:999999; background:#fff;opacity:1; }
#head-gnb {width:100%; margin:0; padding:0; }
#gnb-h5 {clear:both;max-width:1200px; position:relative; margin:0 auto; padding:11px 0;  background:none;}
/*#gnb-h5 h1 {position:absolute;left:0px;top:5px;padding:0;text-align:center; color:#333; line-height:100%;font-weight:800; font-size:1px; letter-spacing:-0.035em;}*/
#gnb-h5 h1 {padding:0;text-align:center; color:#333; line-height:100%;font-weight:800; font-size:1px; letter-spacing:-0.035em;}
#gnb-h5 h1 a {line-height:100%;padding:0;margin:0;font-size:1px;}

/* Nav */
#leftMenuTitle { text-align:center; font-size:1.5em; color:#333; padding-bottom:20px;}
#leftMenu { clear:both;text-align:center; vertical-align:top;margin:0;padding:0;}
#leftMenu > li { display:inline-block; vertical-align:top;}
#leftMenu > li > p > a {display:block; font-size:1em;min-width:120px; padding:7px 15px; border:1px solid #ddd; margin:0 3px 3px 0;}
#leftMenu > li > ol {display:none;}

#nav { height:50px;padding:0px 0 0; background:#3c4049;}
#nav > ul {margin:0 0px 0 0; padding:0;max-width:1200px;margin:0px auto 0; }
#nav > ul > li {position:relative;float:left; margin:0; padding:0;border:0 none !important;}
#nav > ul > li:not(:first-child) {margin:0 0 0 0px;}
#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.1em;font-weight:400; line-height:50px;  text-align:center; text-decoration:none; padding:0px 0 0px 0px;/* -moz-transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out; -ms-transition:background-color .25s ease-in-out; transition:background-color .25s ease-in-out; outline:0;*/ }
#nav > ul > li:hover > a, #nav > ul > li.active > a {background:#222; 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:#eee; 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;}
#sub-nav > ul > li {float:left; margin:0; padding:0;border-left:1px solid #ddd;border-right:1px solid #ddd;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 {display:none;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:#111;}
#sub-nav > ul > li > ul > li > ul > li:hover > a {color:#111;}

/* 하위상단,왼쪽 메뉴*/
#j-l-side { padding:80px 0;}

/* 내용부분 */
 #j-contents { font-size:11pt; }
 #m-contents { font-size:11pt; }
 #footer { font-size:11pt; }

 .main-middle-title {font-size:3em;font-weight:700;text-align:center;color:#111;padding:80px 0;}
 .main-middle-bann ul { width:calc(100% - 0px);margin:0 0 0 0px !important; padding:0 !important}
 .main-middle-bann ul li { float:left; width:calc(50% - 0px); margin:0 0px 0px !important }
 .main-middle-bann ul li img{width:100%}
 .main-middle-bann ul li a img{width:100%}

 .main-right-bann ul li { float:left; text-align:center; }
 .main-right-bann ul li img { width:100%; }

 .main-left-bann span { display:inline-block;padding:0 5px;}
 .main-left-bann span img{ width:200px;}

 .main-edu-bann div { width:24.999%;padding:0;margin:5px 0 0;line-height:0;float:left; }
 .main-edu-bann div a {display:block;padding:0;margin:0;line-height:0;text-align:center;}
 .main-edu-bann div a img { width:98%;padding:0;margin:0; }
 .main-edu-bann div img { width:98%;padding:0;margin:0;  }

 .main-edu-bann2 div { width:33.3333%;padding:0;margin:0;line-height:0;float:left; }
 .main-edu-bann2 div a {display:block;padding:0;margin:0;line-height:0;text-align:center;}
 .main-edu-bann2 div a img { width:100%;padding:0;margin:0; }
 .main-edu-bann2 div img { width:100%;padding:0;margin:0;  }

 .eview-box {border:3px solid #ccc; border-radius:5px; padding:20px; overflow:hidden; width:100%; max-width:1200px; margin:auto; font-size:1.0em; }
 /*.l-eview { clear:both; width:100%; display:none; }
	.r-eview { clear:both; width:100%; margin:20px 0 0; } */
 .l-eview { width:300px); float:left; }
 .r-eview { width:calc(100% - 320px); float:right;}


/* Banner */
#banner {border:2px solid #f00; background:#CCE8F4 url("/_common/images/pic01.jpg"); background-position:center center; background-size:auto 100%; background-repeat:no-repeat; text-align:center; position:relative; padding:8em 0; margin:4em 0 0 0;}
#banner header {background-color:rgba(34, 30, 31, 0.98); display:inline-block; padding:2.5em 5em; border-radius:5px;}
#banner header h2 {color:#fff; font-weight:700; font-size:2.5em; margin:0 0 0.65em 0;}
#banner header p {color:#d52349; padding:0; font-style:normal; margin:0; font-size:1.5em;}



/* Intro */
#intro {text-align:center; overflow:hidden;}
#intro section {margin:1em 0; padding:1em 0;}
#intro h2 {font-size:1.3em; color:#111; }
#intro p {margin:0;}
#intro .middle {position:relative; z-index:1;}
#intro .middle:before {content:''; width:32px; height:100%; position:absolute; left:-24px; top:0; display:block; z-index:-1; box-shadow:32px 0 0 0 #fff, 0 -32px 0 0 #fff, 0 32px 0 0 #fff, 32px 32px 0 0 #fff, 32px -32px 0 0 #fff, 0 0 32px 0 rgba(0, 0, 0, 0.15);}
#intro .middle:after {content:''; width:32px; height:100%; position:absolute; right:-24px; top:0; display:block; z-index:-1; box-shadow:-32px 0 0 0 #fff, 0 -32px 0 0 #fff, 0 32px 0 0 #fff, -32px 32px 0 0 #fff, -32px -32px 0 0 #fff, 0 0 32px 0 rgba(0, 0, 0, 0.15);}
#intro .btn_h5 {min-width:12em;}
#intro footer {margin:0;}



/* Main */
#main {/*position:relative; */background:#fff url("/_common/images/bg02.png"); padding:5px 0 4em 0;}
#main:before {content:''; position:absolute; top:0; left:0; width:100%; background:url("/_common/images/bg01.png"); background-size:100% 100%; z-index:0; opacity:0.1;}
#main .major h2 {background:#fff url("/_common/images/bg02.png");}



/* Subpage */
#j-tbar {position:relative; margin:0; padding:0; border-bottom:0px solid #ccc; }
#j-tbar h1 {margin:0; padding:0; font-size:2.5em; line-height:1.2em; font-weight:500; color:#333;text-align:center; }
#j-tbar dl {margin:0; padding:0;}
#j-tbar dl dt,
#j-tbar dl dd {margin:0; padding:0; font-size:1em;line-height:50px;}



/* Footer */
#footer {clear:both; font-size:12pt; border-top:1px solid #eee; margin:30px auto 0; padding:0px 0 50px; overflow:hidden; background:#f7f7f7;}
.j-foot-menu_back{border-bottom:1px solid #eee;}
#footer ul.j-foot-menu {clear:both; margin:0; padding:0 10px; overflow:hidden;}
#footer ul.j-foot-menu li {float:left; margin:0; padding:0;}
#footer ul.j-foot-menu li a {display:block; font-size:1rem; margin:0; color:#555; padding:15px 5px 15px 10px;}
#footer ul.j-foot-menu li a.f {padding:15px 5px 15px 0 !important; background:none !important;}

#footer .j-foot-cell-wrap {clear:both; font-size:0.9em; color:#555; margin:25px 0 0; padding:0 10px;}
#footer .j-foot-cell-wrap span {display:inline-block; margin:3px 5px 3px 0; padding:0;}
#footer .j-foot-cell-wrap em {margin:0; padding:0;}
#footer .j-foot-cell-wrap em img {vertical-align:middle;}
#footer .j-foot-cell-wrap .spot {font-weight:bold !important;}
#footer address {clear:both;font-size:0.9em; color:#555; margin:0; padding:5px 10px 0;}
#footer p.copy {clear:both;font-size:0.9em; color:#555; margin:0; padding:5px 10px 0;}




/* 회사소개 */
#greetting {padding:3em 0 3em;}
#greetting .img01{float:left; width:100%; max-width:300px;margin:0 3em 1em 0;}
#greetting p.gretting_txt1  {font-size:1.5em; font-weight:300; letter-spacing:-0.06em;}
#greetting p.gretting_txt2 {font-size:1em;line-height:1.8em;margin-top:1.75em;color:#555;}
#greetting p.gretting_txt3 {font-size:1.3em;line-height:1.8em;margin-top:1.75em;text-align:right}
/* 연혁 */
#history {padding:2em 0 3em;}
#history dl {margin:30px 0 0}
#history dl dt {font-size:1.3em; font-weight:700; letter-spacing:-0.06em; color:#000; padding:0 0 0 15px; background:url(/images/mark01.png) no-repeat left 7px;}
#history dl dd {font-size:1em; padding:10px;}
#history dl dd p {font-size:1.2em; padding:10px 0; color:#111; }
#history dl dd ul {margin:0; padding:0; }
#history dl dd ul li {margin:0; padding:0; }
/* 구성조직 */
#org {padding:2em 0 3em;}
#org .check01{padding:0 0 0 10px; background:url(/images/check01.png) no-repeat left center; color:#000}
#org table.tbl td.pad20 {padding:20px;}
#org table.tbl td ul {margin:0; padding:0; }
#org table.tbl td ul li.check01{padding:0 0 0 10px; background:url(/images/check01.png) no-repeat left center;}


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

	/* Section/Article */
	header.major {margin:0.75em 0 2.5em 0;}
	header.major h2 {padding:0 1em 0 1em;}


	/* Social */
	ul.social li {margin:0 0 0.25em 0.75em;}

	/* Header 
	#header {clear:both; position:relative; margin:0em 0 0; padding:0;}
	#head-gnb {width:100%; margin:0; padding:0; min-height:60px;}
	#gnb-h5 {clear:both; position:relative; margin:0 auto; padding:0;width:100%; background:none;}
	#gnb-h5 h1 {float:none !important; margin:0; padding:10px 0; font-size:2.5em;letter-spacing:-0.035em; text-align:center;}

	#all-nav {position:absolute; left:0; width:100%;max-width:1280px; margin:0; padding:0px 0 20px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff; z-index:99; opacity:0.95; display:none;}
	#all-sub-nav {margin:0 auto; padding:0;width:100%; max-width:1280px; background:#fff;}
*/
	/* Banner */
	#banner {padding:6em 0; margin:3em 0 0 0;}

	/* Intro */
	#intro {padding:0;}
	#intro section {padding:1em 2em;}
	#intro .middle:before {left:-12px;}
	#intro .middle:after {right:-12px;}

	/* Main */
	#main {padding:30px 0;}


}

/* Medium */
#navPanel, #titleBar {display:none;}

@media screen and (max-width:1200px) {
	/* Basic */
	html, body {overflow-x:hidden;}
	body, input, textarea, select {font-size:12pt;}
	#page-wrapper {margin:0 !important;padding:65px 0 0}
	#top_phone { display:block;position:absolute;top:12px;right:10px;z-index:999;font-size:2.5em;}
	#top_phone a {color:#fff;}
	#top_sns { display:none; }
	#top_lms { display:block;position:absolute;top:19px;left:50px;}
	#top_lms a {display:block;color:#fff;background:#111;padding:1px 3px;}
	#top_lms a span{display:none;}
	#top_left_txt{display:none;}
	#top_right_txt{display:none;}


	 .eview-box {border:3px solid #ccc; border-radius:5px; padding:20px; overflow:hidden; width:calc(100% - 20px); margin:0 0 0 10px;}
	 /*.l-eview { clear:both; width:100%; display:none; }
		.r-eview { clear:both; width:100%; margin:20px 0 0; } */
	 .l-eview { width:300px); float:left; }
	 .r-eview { width:calc(100% - 320px); float:right;}

	/* Box */
	.box footer ul.actions li {margin:1em 0 0 0; display:block;}
	.box footer ul.actions li .btn_h5 {width:100%;}
	.box footer ul.actions li:first-child {margin-top: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:65px;background:#fff;border-bottom:0px 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; position:relative; left:0;top:10px; margin:0px 0 0; padding:0; font-size:1px;letter-spacing:-0.035em; text-align:center;}

	#all-nav {position:absolute; top:119px; left:0; width:100%; max-width:1200px; margin:0; padding:0px 0 20px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff; z-index:99; opacity:0.95; display:none;}
	#all-sub-nav {margin:0 auto; padding:0; width:100%; max-width:1200px; background:#fff;}

	/* Nav */
	#nav {display:none;}
	#j-top {display:none;}
	#sub_view {display:none;}

	/* 비주얼 */
	#j-visual-wrap {margin:0; padding:0;}
	#j-vis-wrap {margin:0; padding:0; overflow:hidden;}
	.swiper-container {}
	.swiper-slide a img{ width:160% !important}
	.swiper-slide img{ width:160% !important}

	/* 메인 플로팅의 경우 모바일에서는 보이지 않음 */
	.float-banner {display:none !important;}

	#j-container {width:100%; margin:0; padding:0; overflow:hidden;}
	#j-l-side {display:block; padding:20px 0; overflow:auto; width:100%;}
	#j-contents {clear:both; width:calc(100% - 20px); margin:0 0 0 10px; padding:0;}
	.j-contents {clear:both; width:calc(100% - 20px); margin:0 0 0 10px; padding:0;}


	/* 모바일 영역 중앙에 위치 */
	.j-res {width:calc(100% - 10px); margin:0 0 0 5px; padding:0;}

	/* Intro */
	#intro {padding:3em 0 0 0;}
	#intro section {position:relative; border-top:solid 0px #dfdfdf; margin:0; padding:40px 0 0 0;}
	#intro section.first {border-top:0; padding-top:0;}
	#intro section p {margin:0;}
	#intro .middle:before, #intro .middle:after {display:none;}
	#intro footer {padding:3em 0 0 0;}
	#intro footer ul.actions {margin-bottom:0;}

	/* Main */
	#main {padding:40px 0;}
		/* 메인화면 용 */
	table.main-tbl-edu thead tr th {border:none; height:30px;}
	table.main-tbl-edu tbody tr td {border:none;}
	table.main-tbl-edu thead tr th:nth-child(1) {width:75px;}
	table.main-tbl-edu tbody tr td:nth-child(1) {width:75px;}
	table.main-tbl-edu thead tr th:nth-child(2) {width:calc(100% - 275px);}
	table.main-tbl-edu tbody tr td:nth-child(2) {width:calc(100% - 275px);}
	table.main-tbl-edu thead tr th:nth-child(3) {display:none;}
	table.main-tbl-edu tbody tr td:nth-child(3) {display:none;}
	table.main-tbl-edu thead tr th:nth-child(4) {width:100px;}
	table.main-tbl-edu tbody tr td:nth-child(4) {width:100px;}
	table.main-tbl-edu thead tr th:nth-child(5) {width:100px;}
	table.main-tbl-edu tbody tr td:nth-child(5) {width:100px;}

	/* 현재모집중인과정 용 */
	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:80px;}
	table.reg-tbl-edu tbody tr td:nth-child(2) {width:80px;}
	table.reg-tbl-edu thead tr th:nth-child(3) {width:calc(100% - 180px);}
	table.reg-tbl-edu tbody tr td:nth-child(3) {width:calc(100% - 180px);}
	table.reg-tbl-edu thead tr th:nth-child(4) {display:none;}
	table.reg-tbl-edu tbody tr td:nth-child(4) {display:none;}
	table.reg-tbl-edu thead tr th:nth-child(5) {width:100px;}
	table.reg-tbl-edu tbody tr td:nth-child(5) {width:100px;}

	/* 연간모집과정 용 */
	table.year-tbl-edu thead {width:100%; border:none;}
	table.year-tbl-edu tbody {width:100%; border:none;}
	table.year-tbl-edu thead tr th {border:none; height:40px;}
	table.year-tbl-edu tbody tr td {border:none;}
	table.year-tbl-edu thead tr th:nth-child(1) {width:80px;}
	table.year-tbl-edu tbody tr td:nth-child(1) {width:80px;}
	table.year-tbl-edu thead tr th:nth-child(2) {width:calc(100% - 180px);}
	table.year-tbl-edu tbody tr td:nth-child(2) {width:calc(100% - 180px);}
	table.year-tbl-edu thead tr th:nth-child(3) {display:none;}
	table.year-tbl-edu tbody tr td:nth-child(3) {display:none;}
	table.year-tbl-edu thead tr th:nth-child(4) {width:100px;}
	table.year-tbl-edu tbody tr td:nth-child(4) {width:100px;}


	.main-middle-title {font-size:2em;font-weight:400;text-align:center;color:#111;padding:20px 0;}
	.main-middle-bann ul { width:calc(100% - 0px);margin:0 0 0 0px !important}
	.main-middle-bann ul li { float:left; width:calc(50% - 0px); margin:0 0px 0px !important }
	.main-middle-bann ul li a img { width:100%;}
	.main-middle-bann ul li img { width:100%;}
	/* Copyright */
	#copyright ul.links {display:block;}

	/* 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:400; -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:#111; text-align:center; background:rgba(255, 255, 255, 0); border-radius:5px;}
	#titleBar .toggle:active:before {background-color:#777;}

	#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:65px; width:100%; z-index:10002; color:#fff; background:#eee  /*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; background:#fff;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:400; 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;}


}

/* Small */
@media screen and (max-width:736px) {
	/* Basic */
	body, input, textarea, select {font-size:10pt;}
	#page-wrapper {padding:61px 0 0}
	/*h2, h3, h4, h5, h6 {font-size:1.25em;}*/

	/* Button */
	input[type="button"].res, input[type="submit"].res, input[type="reset"].res, button.res {font-size:0.875em; vertical-align:middle; border:0 none !important; background:#111; color:#fff !important; font-weight:400; padding:5px 1em;}

	.zoom-mov { display:inline-block; padding:5px 10px; margin:0 0 10px 20px; border:1px solid #ccc;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#36f; }

	#top_phone { display:block;position:absolute;top:12px;right:10px;z-index:999;font-size:2.5em;}
	#top_phone img{width:40px;}
	#top_phone a {color:#fff;}
	/* Actions */
	ul.actions li {margin:1em 0 0 0; display:block;}
	ul.actions li .btn_h5 {width:100%;}
	ul.actions li:first-child {margin-top:0;}

	/* Section/Article */
	section, article {margin-bottom:20px;}
	header {margin:0 0 1em 0;}

	#app_tel {overflow:hidden;margin:auto;}
	#app_tel .app_tel_left { clear:both; width:calc(100% - 20px); margin-left:10px;padding-bottom:20px;border:0 none;border-bottom:1px dotted #888;}
	#app_tel .app_tel_right { clear:both; width:calc(100% - 260px);margin-left:130px; padding:10px 0 0;}
	#app_tel .app_tel_right p.app_block { display:block; }


	/* Box */
	.box {padding:25px 15px 20px 15px;}
	.box .image.featured {left:15px; top:15px; margin:-40px 0 40px -30px;}
	.box.post header {padding-top:0; margin:0 0 1em 0;}
	.box.post h2 {font-size:1.5em; line-height:1.5em;}
	.box.post header > p {margin-top:0; font-size:1em;}

	/* 내용부분 */
	 #j-contents { font-size:11pt; }
	 #m-contents { font-size:11pt; }
	 #footer { font-size:11pt; }
	 .eview-box {border:2px solid #ccc; border-radius:5px; padding:10px; overflow:hidden; }
	 .l-eview { clear:both; width:100%;  }
	 .r-eview { clear:both; width:100%; margin:20px 0 0; }


	.b_tabs div{float:left; width:24.95%;}
	/* 메인화면 용 */
	table.main-tbl-edu thead tr th {border:none; height:30px;}
	table.main-tbl-edu tbody tr td {border:none;}
	table.main-tbl-edu thead tr th:nth-child(1) {width:75px;}
	table.main-tbl-edu tbody tr td:nth-child(1) {width:75px;}
	table.main-tbl-edu thead tr th:nth-child(2) {width:calc(100% - 275px);}
	table.main-tbl-edu tbody tr td:nth-child(2) {width:calc(100% - 275px);}
	table.main-tbl-edu thead tr th:nth-child(3) {display:none;}
	table.main-tbl-edu tbody tr td:nth-child(3) {display:none;}
	table.main-tbl-edu thead tr th:nth-child(4) {width:100px;}
	table.main-tbl-edu tbody tr td:nth-child(4) {width:100px;}
	table.main-tbl-edu thead tr th:nth-child(5) {width:100px;}
	table.main-tbl-edu tbody tr td:nth-child(5) {width:100px;}

	/* 현재모집중인과정 용 */
	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:80px;}
	table.reg-tbl-edu tbody tr td:nth-child(2) {width:80px;}
	table.reg-tbl-edu thead tr th:nth-child(3) {width:calc(100% - 180px);}
	table.reg-tbl-edu tbody tr td:nth-child(3) {width:calc(100% - 180px);}
	table.reg-tbl-edu thead tr th:nth-child(4) {display:none;}
	table.reg-tbl-edu tbody tr td:nth-child(4) {display:none;}
	table.reg-tbl-edu thead tr th:nth-child(5) {width:100px;}
	table.reg-tbl-edu tbody tr td:nth-child(5) {width:100px;}

	/* 연간모집과정 용 */
	table.year-tbl-edu thead {width:100%; border:none;}
	table.year-tbl-edu tbody {width:100%; border:none;}
	table.year-tbl-edu thead tr th {border:none; height:40px;}
	table.year-tbl-edu tbody tr td {border:none;}
	table.year-tbl-edu thead tr th:nth-child(1) {width:80px;}
	table.year-tbl-edu tbody tr td:nth-child(1) {width:80px;}
	table.year-tbl-edu thead tr th:nth-child(2) {width:calc(100% - 180px);}
	table.year-tbl-edu tbody tr td:nth-child(2) {width:calc(100% - 180px);}
	table.year-tbl-edu thead tr th:nth-child(3) {display:none;}
	table.year-tbl-edu tbody tr td:nth-child(3) {display:none;}
	table.year-tbl-edu thead tr th:nth-child(4) {width:100px;}
	table.year-tbl-edu tbody tr td:nth-child(4) {width:100px;}

	/* Divided */
	ul.divided li {padding:0.5em 0 0.5em 0;}

	/* Contact */
	ul.contact li {padding:0.8em 0 0.8em 7em;}
	ul.contact li h3 {top:0.8em;}

	/* Dates */
	ul.dates li {padding-left:6em;}
	ul.dates h3 {margin:0 0 0.5em 0;}

	/* Links */
	ul.links li {display:block; padding:0.25em 0 0 0; margin:0.25em 0 0 0; border-left:0;}
	ul.links li:first-child {padding-top:0; margin-top:0;}

	/* Social */
	ul.social li {margin:0 0.5em 0.75em 0;}

	/* Icons */
	.icon.featured {width:8em; margin:0 0 3em 0;}
	.icon.featured:after {border-left:solid 4em transparent; border-right:solid 4em transparent;}

	/* Header */
	#header {margin:0; padding:0;position:fixed; top:0; left:0; z-index:999;width:100%;height:65px;background:#fff;border-bottom:0px solid #ccc;overflow:hidden;}
	#head-gnb {width:100%; margin:0; padding:0; min-height:40px;background:none;}
	#gnb-h5 {position:static; margin:0 auto; padding:0;background:none;}
	#gnb-h5 h1 {float:none !important;position:relative; top:10px; left:0; padding:0; text-align:center;}
	/*#gnb-h5 h1 img {max-width:210px; margin:7px 0 0;}*/
	#all-nav {display:none !important;}


	/* Intro */
	#intro {padding:2em 0 0 0;}
	#intro section {padding:40px 0 0 0; margin:20px 0 0 0;}
	#intro h2 {font-size:1.25em;}

	/* Banner */
	#banner {padding:6em 0; margin:2em 0 0 0;}
	#banner header {padding:1.5em 1em 1.5em 1em; display:block; border-radius:0;}
	#banner header h2 {font-size:1.5em; line-height:1.5em; margin:0 0 0.25em 0;}
	#banner header p {font-size:1.2em;}

	 .main-edu-bann div { width:49.999%;padding:0;margin:5px 0 0;line-height:0;float:left; }
	 .main-edu-bann div a {display:block;padding:0;margin:0;line-height:0;text-align:center;}
	 .main-edu-bann div a img { width:98%;padding:0;margin:0; }
	 .main-edu-bann div img { width:98%;padding:0;margin:0;  }

	 .main-edu-bann2 div { width:49.9999%;padding:0;margin:0;line-height:0;float:left; }
	 .main-edu-bann2 div a {display:block;padding:0;margin:0;line-height:0;text-align:center;}
	 .main-edu-bann2 div a img { width:100%;padding:0;margin:0; }
	 .main-edu-bann2 div img { width:100%;padding:0;margin:0;  }
	/* 상단sub배너 감춤 */
	/*.j-visual-sub-wrap {display:none !important;}*/
	.j-visual-sub-wrap .swiper-container,.j-visual-sub-wrap .swiper-wrapper,.j-visual-sub-wrap .swiper-slide { min-height:6em}

	/* Nav */
	#leftMenuTitle { text-align:center; font-size:1.5em; padding-bottom:20px;}
	#leftMenu { clear:both;text-align:center; vertical-align:top;margin:0;padding:0;}
	#leftMenu > li { display:inline-block; vertical-align:top;}
	#leftMenu > li > p > a {display:block; font-size:0.875em;min-width:90px; padding:5px 7px; border:1px solid #ddd; margin:0 3px 3px 0;}
	#leftMenu > li > ol {display:none;}

	/* Main */
	#main {padding:40px 0;}
	.main-middle-title {font-size:2em;font-weight:400;text-align:center;color:#111;padding:20px 0;}
	.main-middle-bann ul { width:calc(100% - 0px);margin:0 0 0 0px !important}
	.main-middle-bann ul li { float:left; width:calc(50% - 0px); margin:0 0px 0px !important }
	.main-middle-bann ul li a img { width:100%;}
	.main-middle-bann ul li img { width:100%;}

	/* Subpage */
	#j-tbar {position:relative; margin:0; padding:0; border-bottom:0px solid #ccc; }
	#j-tbar h1 {margin:0; padding:0; font-size:1.875em; line-height:80px; font-weight:700; color:#111; }
	#j-tbar dl {margin:0; padding:0;}
	#j-tbar dl dt,
	#j-tbar dl dd {margin:0; padding:0; font-size:1em;line-height:50px;}


	/* 회사소개 */
	#greetting {padding:2em 1em 2em;}
	#greetting .img01{float:none; width:100%; max-width:300px;margin:0 auto 0;}
	#greetting p.gretting_txt1  {font-size:1.2em; letter-spacing:-0.06em; font-weight:500;}
	#greetting p.gretting_txt2 {margin-top:1em}
}
@media screen and (max-width:600px) {
	#gnb-h5 h1 a img {height:40px;}
	.main-middle-title {font-size:1.5em;font-weight:400;text-align:center;color:#111;padding:20px 0;}
	.main-middle-bann ul li { width:100%; }
	.main-middle-bann ul li a img { width:100%;}
	.main-middle-bann ul li img { width:100%;}


	.b_tabs div{float:left; width:33.3%;}
}
@media screen and (max-width:500px) {

	.tabs div{float:left; width:49.85%;}

	/* 메인화면 용 */
	table.main-tbl-edu thead tr th {display:inline-block; border:none; height:30px;}
	table.main-tbl-edu thead tr td {display:inline-block; border:none;}
	table.main-tbl-edu thead tr th:nth-child(1) {width:75px;}
	table.main-tbl-edu tbody tr td:nth-child(1) {width:75px;}
	table.main-tbl-edu thead tr th:nth-child(2) {width:calc(100% - 175px);}
	table.main-tbl-edu tbody tr td:nth-child(2) {width:calc(100% - 175px);}
	table.main-tbl-edu thead tr th:nth-child(3) {display:none;}
	table.main-tbl-edu tbody tr td:nth-child(3) {display:none;}
	table.main-tbl-edu thead tr th:nth-child(4) {display:none;}
	table.main-tbl-edu tbody tr td:nth-child(4) {display:none;}
	table.main-tbl-edu thead tr th:nth-child(5) {width:100px;}
	table.main-tbl-edu tbody tr td:nth-child(5) {width:100px;}

	/* 게시판 */
	.bbs-i {font-size:1em; margin:2px; padding:3px 4px; width:100px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}

	 .main-edu-bann2 div { width:100%;max-width:400px; padding:0;margin:0 auto;line-height:0;float:none; }
	 .main-edu-bann2 div a {display:block;padding:0;margin:0;line-height:0;text-align:center;}
	 .main-edu-bann2 div a img { width:100%;padding:0;margin:0; }
	 .main-edu-bann2 div img { width:100%;padding:0;margin:0;  }

	 #app_tel {overflow:hidden;margin:auto;}
	#app_tel .app_tel_left { clear:both; width:calc(100% - 20px); margin-left:10px;padding-bottom:20px;border:0 none;border-bottom:1px dotted #888;}
	#app_tel .app_tel_right { clear:both; width:calc(100% - 60px);margin-left:30px; padding:10px 0 0;}
	#app_tel .app_tel_right p.app_block { display:block; }


}

/*

#showBt {border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;display:none;width:200px;text-align:center;cursor:pointer;font-size:0.875em;padding:3px 10px;border:0px solid #000;color:#fff;background:#111;}
#hideBt {border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;display:none;width:200px;text-align:center;cursor:pointer;font-size:0.875em;padding:3px 10px;border:0px solid #000;color:#fff;background:#111;}
#viewEduClass { width:100%;margin:auto;}
.edu_title span { font-size:24px;line-height:200%;color:#e45a0f; font-weight:600; }
a.reg_bt {border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; display:inline-block; text-align:center;font-size:1em;padding:3px 25px;color:#fff;background:#111;}

a.edu_box_img0{ display:inline-block; vertical-align:top; border:1px solid #ddd; margin:0 20px 20px 0;}
a.edu_box_img1{ display:inline-block; vertical-align:top; border:1px solid #ddd; margin:0 20px 20px 0;}
a.edu_box_img2{ display:inline-block; vertical-align:top; border:1px solid #ddd; margin:0 20px 20px 0;}
a.edu_box_img3{ display:inline-block; vertical-align:top; border:1px solid #ddd; margin:0 0px 20px 0;}

a.edu_box_img0:hover{ display:inline-block; border:1px solid #111; margin:0 20px 20px 0;}
a.edu_box_img1:hover{ display:inline-block; border:1px solid #111; margin:0 20px 20px 0;}
a.edu_box_img2:hover{ display:inline-block; border:1px solid #111; margin:0 20px 20px 0;}
a.edu_box_img3:hover{ display:inline-block; border:1px solid #111; margin:0 0px 20px 0;}

.edu_box_photo { width:223px; height:110px; margin:5px auto;}
a.edu_link { width:210px; display:block; margin:auto; font-size:18px; font-weight:700; letter-spacing:-1px; }
div.edu_box_img0{ display:inline-block; vertical-align:top; width:232px; height:248px; overflow:hidden; border:1px solid #ddd; margin:0 20px 20px 0;}
div.edu_box_img1{ display:inline-block; vertical-align:top; width:232px; height:248px; overflow:hidden; border:1px solid #ddd; margin:0 20px 20px 0;}
div.edu_box_img2{ display:inline-block; vertical-align:top; width:232px; height:248px; overflow:hidden; border:1px solid #ddd; margin:0 20px 20px 0;}
div.edu_box_img3{ display:inline-block; vertical-align:top; width:232px; height:248px; overflow:hidden; border:1px solid #ddd; margin:0 0px 20px 0;}

div.edu_box_img0:hover{ display:inline-block; border:1px solid #111; margin:0 20px 20px 0;}
div.edu_box_img1:hover{ display:inline-block; border:1px solid #111; margin:0 20px 20px 0;}
div.edu_box_img2:hover{ display:inline-block; border:1px solid #111; margin:0 20px 20px 0;}
div.edu_box_img3:hover{ display:inline-block; border:1px solid #111; margin:0 0px 20px 0;}
*/