.Wrap.first_sub { background: url(../img/greeting_bg.jpg) no-repeat;    /*background-position: center;*/ }
.Wrap .inner { width: 1100px; margin: 0 auto; padding: 80px 0; overflow: hidden; }

/*학교소개>인사말*/
.greet { color: #fff; font-size: 16px }
.greet h2 { font-size: 26px; font-weight: 700; margin-bottom: 40px; text-align: center; }
.greet p { line-height: 36px; padding: 20px 80px }
.greet p.emp { font-size: 24px; }

/*학교소개>연혁*/
.tab_container ul.tabs { margin: 0px; padding: 0px; list-style: none; border-bottom: 2px solid #444c5c }
.tab_container ul.tabs li { background: #d3d9e3; color: #111; font-size: 18px; display: inline-block; padding: 16px 30px; cursor: pointer; }
.tab_container ul.tabs li.current { background: #4b587b; color: #fff; font-weight: bold; }
.tab-content { display: none; }
.tab-content.current { display: inherit; }
table.type01 { width: 100%; border-collapse: separate; border-spacing: 1px; text-align: left; line-height: 1.5; margin: 30px 0 }
table.type01 th { width: 20%; padding: 30px; font-size: 36px; font-weight: bold; vertical-align: top; border-bottom: 1px solid #ddd; text-align: center; }
table.type01 td { width: 80%; padding: 30px; vertical-align: top; border-bottom: 1px solid #ddd; }
table.type01 td p { padding: 12px 0 }

/*학교소개>교직원소개*/
table.type04 { border-collapse: collapse; line-height: 1.5; text-align: center; font-size: 16px; color: #111; width: 100%; box-sizing: content-box; }
table.type04 thead { background: #515866; }
table.type04 thead th { padding: 20px; font-size: 18px; font-weight: bold; vertical-align: top; color: #fff; }
table.type04 tbody th { padding: 20px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc }
table.type04 td { padding: 10px; vertical-align: middle; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc }
table.type04 td:last-child { border-right: none }

/*학교소개>오시는 길*/
.map { width: 1100px; margin: 0 auto; padding: 40px 0 80px; overflow: hidden; }
.map h2 { font-size: 24px; margin-bottom: 40px; font-weight: 800; }
.map dl { width: 50%; float: left; line-height: 30px; box-sizing: border-box; }
.map dl dt { width: 14%; float: left; font-weight: 700; padding-left: 10px; font-size: 16px; }
.map dl dd span { font-size: 11px; background: #3396ff;    /*display: inline-block;*/ color: #fff; padding: 4px 6px; border-radius: 10px; margin: 0 16px; }

/*모집과정>개강일정보기*/
.schedule .cont { margin-bottom: 80px; }
.schedule h2 { font-size: 26px; text-align: center; margin-bottom: 40px; }
table.type02 { border-collapse: collapse; line-height: 1.5; text-align: center; font-size: 13px; color: #111; width: 100%; box-sizing: content-box; }
table.type02 thead { background: #515866; }
table.type02 thead th { padding: 14px 10px; font-size: 15px; font-weight: bold; vertical-align: top; color: #fff; }
table.type02 tbody th { padding: 10px; background: #ebeff5; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc }
table.type02 td { padding: 10px; vertical-align: middle; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc }
table.type02 td:last-child { border-right: none }
table.type02 tr:last-child th, table.type02 tr:last-child td { border-bottom: 1px solid #515866; }
table.type02 td span { color: #ce5a57; font-weight: 700; }

/*모집과정>모집과정*/
.recruit .outer { padding: 80px 0; border-top: 2px solid #444c5c; overflow: hidden; }
.recruit .img { width: 500px; height: 380px; margin-right: 50px; float: left; }
.recruit .img.tax_bg_02 { background: url(../img/tax_bg_03.jpg) no-repeat; background-size: cover; }
.recruit .img.tax_bg_03 { background: url(../img/tax_bg_02.jpg) no-repeat; background-size: cover; }
.recruit .img.tax_bg_01 { background: url(../img/tax_bg_02.jpg) no-repeat; background-size: cover; }
.recruit .img.tax_bg_04 { background: url(../img/tax_bg_04.jpg) no-repeat; background-size: cover; }
.recruit .img.OA_bg_01 { background: url(../img/OA_bg_01.jpg) no-repeat; background-size: cover; }
.recruit .img.OA_bg_02 { background: url(../img/OA_bg_03.jpg) no-repeat; background-size: cover; }
.recruit .img.OA_bg_03 { background: url(../img/OA_bg_03.jpg) no-repeat; background-size: cover; }
.recruit .img.OA_bg_04 { background: url(../img/OA_bg_03.jpg) no-repeat; background-size: cover; }
.recruit .img.OA_bg_05 { background: url(../img/OA_bg_03.jpg) no-repeat; background-size: cover; }
.recruit .img.OA_bg_06 { background: url(../img/OA_bg_02.jpg) no-repeat; background-size: cover; }
.recruit .img.machine_bg_01 { background: url(../img/machine_bg_01.jpg) no-repeat; background-size: cover; }
.recruit .img.machine_bg_02 { background: url(../img/machine_bg_02.jpg) no-repeat; background-size: cover; }
.recruit .img.machine_bg_03 { background: url(../img/machine_bg_01.jpg) no-repeat; background-size: cover; }
.recruit .img.webdesign_bg_01 { background: url(../img/web_bg_01.jpg) no-repeat; background-size: cover; background-position: center;}
.recruit .img.webdesign_bg_02 { background: url(../img/web_bg_ui.jpg) no-repeat; background-size: cover; background-position: center; }
.recruit .img.webdesign_bg_03 { background: url(../img/web_bg_pub.jpg) no-repeat; background-size: cover; background-position: center; }
.recruit .cont { width: 550px; overflow: hidden; font-size: 20px; }
.recruit .cont h2 { font-size: 38px }
.recruit .cont h3 { font-size: 30px; display: inline-block; }
.recruit .cont h3.type1 { color: #00aba3; margin-right: 10px; }
.recruit .cont h3.type2 { color: #e84c00; }
.recruit .detail { clear: both; margin: 60px 0; display: none; }
.recruit .detail.on { display: block; }
.recruiting .course { width: 520px; float: left; margin-right: 50px }
.recruiting .course:nth-child(even) { margin-right: 0; float: right; }
.recruiting .course .course_header { background: #e6f4f7; height: 150px; padding: 0 20px; display: flex; flex-direction: column; justify-content: center;}
.recruiting .course h2 { font-size: 30px; text-align: center; margin-bottom: 10px; }
.recruiting .course h3 { font-size: 26px; text-align: center; }
.recruiting .course h3.type1 { color: #00aba3; }
.recruiting .course h3.type2 { color: #e84c00; }
.recruiting p { text-align: center; }
.recruiting a.onlineBtn { display: inline-block; color: #fff; font-size: 18px; font-weight: bold; background: #ce5a57; height: 60px; padding: 0 60px; line-height: 60px; text-align: center; border-radius: 60px; margin-bottom: 60px; transition: all 0.3s }
.recruiting a:hover.onlineBtn { background: #111; color: #ffb606}
table.type05 { width: 100%; border-collapse: collapse; text-align: left; line-height: 1.2; margin: 24px 0 }
table.type05.h310 { height: 310px }
table.type05 tr { border-top: 1px solid #999; border-bottom: 1px solid #999; }
table.type05 th { width: 24%; box-sizing: border-box; padding-left: 20px; font-size: 16px }
table.type05 td { padding: 16px; box-sizing: border-box; }
table.type06 { width: 100%; border-collapse: collapse; text-align: left; line-height: 1.5; margin: 24px 0 60px; }
table.type06 tr { border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
table.type06 th { width: 26%; box-sizing: border-box; padding: 20px 10px 20px 60px; font-size: 18px }
table.type06 td { padding: 16px; box-sizing: border-box; }
table.type06 td p { padding: 4px 0 }
table.type07 { width: 100%; border-collapse: collapse; text-align: left; line-height: 1.5; margin-bottom: 40px; }
table.type07 thead tr { background: #dfe5f1; }
table.type07 thead th { width: 26%; box-sizing: border-box; padding: 20px 10px 20px 60px; font-size: 18px; font-weight: bold; }
table.type07 thead td { font-size: 18px; font-weight: bold; }
table.type07 tr { border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
table.type07 th { width: 26%; box-sizing: border-box; padding: 20px 10px 20px 60px; }
table.type07 td { padding: 16px; box-sizing: border-box; }
table.type07 td p { padding: 4px 0 }
table.type08 { width: 100%; border-collapse: collapse; text-align: center; line-height: 1.5; margin-bottom: 40px; }
table.type08 thead tr { background: #dfe5f1; }
table.type08 thead th { width: 40%; padding: 20px 0; font-size: 18px; }
table.type08 thead td { font-size: 18px; font-weight: bold; }
table.type08 tr { border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
table.type08 th { padding: 20px 0; }
.viewBtn { color: #fff; font-size: 18px; font-weight: bold; }
.viewBtn span { display: inline-block; background: #ce5a57; padding: 16px 60px; cursor: pointer; }
.viewBtn i { position: relative; top: 2px; padding-left: 10px; }
.closeBtn { color: #fff; font-size: 18px; font-weight: bold; text-align: center; }
.closeBtn span { display: inline-block; background: #444c5c; padding: 16px 60px; cursor: pointer; margin: 0 auto }
.closeBtn i { position: relative; top: 2px; padding-left: 10px; }

/*국비지원안내*/
.guideSub h2 { position: relative; font-size: 30px; height: 80px; border-bottom: 2px solid #666; box-sizing: border-box; line-height: 80px; padding-left: 28px; }
.guideSub h2:before { content: ''; position: absolute; display: block; top: 30px; left: 0; width: 18px; height: 18px; background: #444c5c; border-radius: 50% }
.guideSub p.subject { text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 16px; color: #00aba3 }
.guideSub .support { width: 900px; height: 404px; margin: 80px 100px }
.guideSub .supportB { height: 231px; margin: 0 0 40px 0 }
.guideSub .support.isA { background: url(../img/guide_a.jpg) no-repeat; background-size: contain; background-position: center; }
.guideSub .support.isB { background: url(../img/guide_b.jpg) no-repeat; background-size: contain; background-position: center; }
.guideSub .support.isC { background: url(../img/guide_c.jpg) no-repeat; background-size: contain; background-position: center; }
.guideSub .support.isD { background: url(../img/guide_d.jpg) no-repeat; background-size: contain; background-position: center; }
.guideSub .support.is2020 { background: url(../img/guide_2020.jpg) no-repeat; background-size: contain; background-position: center; }
.guideSub .supportB.isCard { background: url(../img/card_title.jpg) no-repeat; background-size: contain; background-position: center;}
.guideSub .cont { padding: 30px 0 80px }
.guideSub .cont ul.person { font-size: 16px; line-height: 2; box-sizing: border-box; padding: 0 20px }
.guideSub .cont ul.person li { position: relative; padding-left: 16px }
.guideSub .cont ul.person li:before { content: ''; position: absolute; display: block; top: 12px; left: 0; width: 6px; height: 6px; background: #444c5c; border-radius: 50% }
.guideSub .cont ul.person li span { display: block; color: #ce5a57 }
.guideSub .cont ul.person li p { font-size: 13px; position: relative; padding-left: 14px }
.guideSub .cont ul.person li p:before { content: ''; display: block; position: absolute; top: 12px; left: 0; height: 2px; width: 6px; background: #ccc; }
.guideSub .cont ul.person li.spc { display: block; color: #ce5a57; font-weight: 700; }
.guideSub .cont ul.step { display: flex; justify-content: space-between; }
.guideSub .cont ul.step li { width: 260px; height: 290px; box-sizing: border-box; border: 1px solid #ccc; text-align: center; padding-top: 26px }
.guideSub .cont ul.step li p.num { color: #e0e0e0; font-size: 100px; font-weight: 800; font-style: italic; }
.guideSub .cont ul.step li p.des span { display: block; color: #666; font-size: 14px; font-weight: 700; line-height: 1.5 }
.guideSub .cont ul.step li p.des span a.online { color: #fff; font-weight: 700; background: #ce5a57 }
.guideSub .cont ul.step li h3 { font-size: 26px; padding: 10px 0 16px }
.tab_container2 ul.tabs2 { list-style: none; border-bottom: 1px solid #444c5c; text-align: center; margin-bottom: 80px; font-size: 0 }
.tab_container2 ul.tabs2 li { background: #ddd; border: 1px solid #ddd; border-bottom: 1px solid #444c5c; color: #666; font-size: 28px; display: inline-block; padding: 30px 80px; cursor: pointer; position: relative; top: 1px }
.tab_container2 ul.tabs2 li.current { background: #fff; font-weight: 700; border: 1px solid #444c5c; border-bottom: 1px solid #fff; color: #111 }
.tab-content2 { display: none; }
.tab-content2.current { display: inherit; }
table.type09 { width: 100%; border-collapse: collapse; text-align: center; line-height: 1.5;}
table.type09 thead tr { background: #eee }
table.type09 thead th { padding: 18px 10px;  }
table.type09 thead td { font-size: 16px; font-weight: bold; border-right: 1px solid #d1d1d1 }
table.type09 tr { border: 1px solid #d1d1d1; }
table.type09 th { padding: 18px 10px;  border-right: 1px solid #d1d1d1}
table.type09 td { border-right: 1px solid #d1d1d1}

/*자격증안내*/
.certificate .outer { padding: 80px 0; border-top: 2px solid #444c5c }
.certificate .img { width: 360px; height: 240px; margin-right: 80px; float: left; }
.certificate .img.machine_bg_01 { background: url(../img/machine_bg_01.jpg) no-repeat; background-size: cover; }
.certificate .img.machine_bg_02 { background: url(../img/machine_bg_02.jpg) no-repeat; background-size: cover; }
.certificate .img.machine_bg_03 { background: url(../img/machine_bg_03.jpg) no-repeat; background-size: cover; }
.certificate .img.machine_bg_04 { background: url(../img/machine_bg_04.jpg) no-repeat; background-size: cover; }
.certificate .img.tax_bg_01 { background: url(../img/tax_bg_01.jpg) no-repeat; background-size: cover; }
.certificate .img.tax_bg_02 { background: url(../img/tax_bg_02.jpg) no-repeat; background-size: cover; }
.certificate .img.tax_bg_03 { background: url(../img/tax_bg_03.jpg) no-repeat; background-size: cover; }
.certificate .img.tax_bg_04 { background: url(../img/tax_bg_04.jpg) no-repeat; background-size: cover; }
.certificate .img.tax_bg_05 { background: url(../img/tax_bg_05.jpg) no-repeat; background-size: cover; }
.certificate .img.OA_bg_01 { background: url(../img/OA_bg_01.jpg) no-repeat; background-size: cover; }
.certificate .img.OA_bg_02 { background: url(../img/OA_bg_02.jpg) no-repeat; background-size: cover; }
.certificate .img.web_bg_01 { background: url(../img/web_bg_01.jpg) no-repeat; background-size: cover; }
.certificate .img.web_bg_02 { background: url(../img/web_bg_02.jpg) no-repeat; background-size: cover; }
.certificate .img.web_bg_03 { background: url(../img/web_bg_03.jpg) no-repeat; background-size: cover; }
.certificate .img.web_bg_04 { background: url(../img/web_bg_04.jpg) no-repeat; background-size: cover; }
.certificate .img.web_bg_05 { background: url(../img/web_bg_05.jpg) no-repeat; background-size: cover; }
.certificate .cont { width: 600px; overflow: hidden; font-size: 20px; }
.certificate .cont h2 { font-size: 38px; margin-bottom: 38px; }
.certificate .cont p { line-height: 1.5 }
.certificate .cont p.link { font-size: 13px; color: #ce5a57; padding-left: 16px; }
.certificate .cont p.link a { color: #0000cc }
table.type03 { width: 100%; border-collapse: collapse; text-align: left; line-height: 1.5; margin: 30px 0 10px;    /*color: #111*/ }
table.type03 tr { border-top: 1px solid #999; border-bottom: 1px solid #999; }
table.type03 th { width: 20%; box-sizing: border-box; padding-left: 20px; font-size: 16px }
table.type03 td { padding: 16px; box-sizing: border-box; }
table.type03 td p { padding: 4px 0 }

/*개인정보보호정책*/
.privacy section { margin-bottom: 40px }
.privacy section:last-child { margin-bottom: 0 }
.privacy .box1 { background: #e8e8e8; padding: 20px; color: #000 }
.privacy p { padding: 6px 0; }
.privacy h3 { margin-bottom: 12px; padding-left: 16px; position: relative; }
.privacy h3:before { content: ''; position: absolute; display: block; width: 10px; height: 10px; background: #333; top: 4px; left: 0; }
.privacy ul { font-size: 13px; color: #666; margin-top: 6px; line-height: 1.5 }
.privacy ul li { padding-left: 16px; position: relative; }
.privacy ul li:before { content: ''; position: absolute; display: block; width: 4px; height: 4px; background: #666; border-radius: 50%; top: 6px; left: 4px; }

@media all and (max-width:479px) {
	.Wrap .inner { width: 100%; padding: 30px 12px; box-sizing: border-box; }
	.greet { width: 100%; font-size: 14px }
	.greet h2 { font-size: 16px; margin-bottom: 20px; }
	.greet p { line-height: 26px; padding: 16px 26px }
	.greet p.emp { font-size: 18px; }
	.tab_container ul.tabs li { font-size: 14px; padding: 10px 12px; }
	table.type01 { margin: 10px 0; font-size: 13px }
	table.type01 th { width: 20%; padding: 8px 10px 0 16px; font-size: 18px; }
	table.type01 td { width: 80%; padding: 0 8px; }
	table.type01 td p { padding: 12px 0 }
	.map { width: 100%; padding: 20px 12px }
	.map h2 { display: none; }
	.map dl.left { display: none; }
	.map dl { width: 100%; float: none; line-height: 26px; }
	.map dl dt { width: 14%; float: left; font-weight: 700; padding-left: 6px; font-size: 14px; }
	.map dl dd span { font-size: 10px; padding: 4px 6px; margin: 0 10px; }
	.schedule .cont { margin-bottom: 40px; }
	.schedule h2 { font-size: 16px; margin-bottom: 20px; }
	table.type02 { font-size: 11px; }
	table.type02 thead { background: #515866; }
	table.type02 thead th { padding: 6px 2px; font-size: 11px; font-weight: normal; vertical-align: middle; }
	table.type02 tbody th { padding: 6px 2px; }
	table.type02 td { padding: 6px 2px; }

	/*자격증안내*/
	.certificate .outer { padding: 20px 0; border-top: 2px solid #444c5c }
	.certificate .img { width: 100%; height: 200px; margin-right: 0; float: none; }
	.certificate .cont { width: 100%; font-size: 14px; }
	.certificate .cont h2 { font-size: 24px; margin: 20px 0; }
	.certificate .cont p.link { font-size: 12px; }
	.certificate .cont p.link a { color: #0000cc }
	table.type03 { width: 100%; border-collapse: collapse; text-align: left; line-height: 1.5; margin: 30px 0 10px; }
	table.type03 tr { border-top: 1px solid #999; border-bottom: 1px solid #999; }
	table.type03 th { width: 20%; box-sizing: border-box; padding-left: 10px; font-size: 13px }
	table.type03 td { padding: 10px; font-size: 12px }
	table.type04 { font-size: 12px; }
	table.type04 thead { background: #515866; }
	table.type04 thead th { padding: 10px; font-size: 14px; }
	table.type04 tbody th { padding: 10px; }

	/*국비지원안내*/
	.guideSub h2 { font-size: 18px; height: 40px; line-height: 40px; padding-left: 14px; }
	.guideSub h2:before { top: 16px; width: 8px; height: 8px; }
	.guideSub p.subject { font-size: 20px; margin-bottom: 20px;}
	.guideSub .support { width: 100%; height: 150px; margin: 20px 0 40px }
	.guideSub .supportB { width: 100%; height: 80px; margin: 0 0 20px 0}

	.guideSub .cont { padding: 20px 0 40px }
	.guideSub .cont ul.person { font-size: 13px; padding: 0 14px }
	.guideSub .cont ul.person li { padding-left: 10px }
	.guideSub .cont ul.person li:before { top: 10px; width: 4px; height: 4px; }
	.guideSub .cont ul.step { flex-wrap: wrap; }
	.guideSub .cont ul.step li { width: 48%; height: auto; padding-top: 20px; padding-bottom: 30px; margin-bottom: 16px }
	.guideSub .cont ul.step li p.num { font-size: 60px; }
	.guideSub .cont ul.step li p.des span { font-size: 13px; }
	.guideSub .cont ul.step li h3 { font-size: 16px; }
	.guideSub .cont ul.person li p { font-size: 12px; padding-left: 8px }
	.guideSub .cont ul.person li p:before { top: 10px; width: 4px }
	.tab_container2 ul.tabs2 { margin-bottom: 40px; font-size: 0 }
	.tab_container2 ul.tabs2 li { font-size: 16px; padding: 14px 6px; width: 50%; box-sizing: border-box; }

	/*모집과정>모집과정*/
	.recruit .outer { padding: 20px 0; }
	.recruit .img { width: 100%; height: 160px; margin-right: 0; float: none; }
	.recruit .cont { width: 100%; overflow: hidden; font-size: 20px; }
	.recruit .cont h2 { font-size: 24px; margin-top: 20px }
	.recruit .cont h3 { font-size: 16px; }
	.recruit .detail { margin: 20px 0; }
	table.type05 { height: auto; }
	table.type05 th { padding-left: 10px; font-size: 13px }
	table.type05 td { padding: 12px; font-size: 12px }
	table.type06 { margin: 20px 0; }
	table.type06 th { width: 26%; padding: 10px; font-size: 14px }
	table.type06 td { padding: 10px; }
	table.type06 td p { padding: 4px 0; font-size: 12px }
	table.type07 { margin-bottom: 20px; }
	table.type07 thead th { padding: 10px; font-size: 14px; }
	table.type07 thead td { font-size: 14px; }
	table.type07 th { padding: 10px }
	table.type07 td { padding: 10px; font-size: 12px }
	table.type08 { font-size: 12px }
	table.type08 thead th { width: 40%; padding: 14px 0; font-size: 14px; }
	table.type08 thead td { font-size: 14px; font-weight: bold; width: 30% }
	table.type08 th { padding: 14px 0; }
	.viewBtn { font-size: 14px; text-align: center; }
	.viewBtn span { display: block; }
	.closeBtn { font-size: 14px; }
	.closeBtn span { display: block; }
	.recruiting .course { width: 100%; float: none; margin-right: 0 }
	.recruiting .course:nth-child(2) { margin-right: 0; float: none; }
	.recruiting .course .course_header { height: auto; padding: 16px }
	.recruiting .course h2 { font-size: 20px; }
	.recruiting .course h3 { font-size: 16px; }
	.recruiting a.onlineBtn { font-size: 16px; font-weight: bold; background: #ce5a57; height: 40px; padding: 0 40px; line-height: 40px; border-radius: 50px; margin-bottom: 40px }
	table.type09 { width: 100%; font-size: 12px;}
	table.type09 thead th { padding: 14px 2px;  }
	table.type09 th { padding: 14px 2px;}

}