@charset "UTF-8";

/************************************************************

Style CSS 

Date		: 2023-11-23
Copyright	: powerd by 
E-mail		: 

************************************************************/

.user-point {color:#176fe8 !important}
.user-bg {background-color:#176fe8 !important}

/* flex */
.flex-grid {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}

.flex-grid.direction-row {-ms-flex-direction:row;flex-direction:row}
.flex-grid.direction-row-reverse {-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.flex-grid.direction-column {-ms-flex-direction:column;flex-direction:column}
.flex-grid.direction-column-reverse {-ms-flex-direction:column-reverse;flex-direction:column-reverse}

.flex-grid.align-stretch {-ms-align-items:stretch;align-items:stretch}
.flex-grid.align-start {-ms-align-items:flex-start;align-items:flex-start}
.flex-grid.align-center {-ms-align-items:center;align-items:center;-ms-align-content:center;align-content:center}
.flex-grid.align-end {-ms-align-items:flex-end;align-items:flex-end}

.flex-grid.justify-start {-ms-flex-pack:flex-start;justify-content:flex-start}
.flex-grid.justify-center {-ms-flex-pack:center;justify-content:center}
.flex-grid.justify-end {-ms-flex-pack:flex-end;justify-content:flex-end}
.flex-grid.justify-between {-ms-flex-pac:space-between;justify-content:space-between}

.flex-cell {-ms-flex-preffered-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0}
.flex-cell-auto {-ms-flex:0 0 auto;flex:0 0 auto;width:auto}
.flex-cell-full, .flex-grid.cell-full .flex-cell {-ms-flex:1 0 100%;flex:1 0 100%;width:100%}

@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 425px) {
}
@media screen and (max-width: 375px) {
}


/************************************************************
note : default
************************************************************/
#metacon-wrap {position:relative;width:100%;letter-spacing:-.03em}
#metacon-wrap .page-inner {position:relative;z-index:1;max-width:1600px;margin:0 auto}

/* header */
#metacon-wrap #header {position:absolute;z-index:90;top:0;left:0;width:100%;padding:70px 160px 0}

@media screen and (max-width: 1280px) {
	#metacon-wrap .page-inner {padding:0 120px}

	/* header */
	#metacon-wrap #header {padding:50px 100px 0}
	#metacon-wrap #header .logo {max-height:100px;text-align:right}
	#metacon-wrap #header .logo img {max-height:100%}
}
@media screen and (max-width: 1024px) {
	#metacon-wrap .page-inner {padding:0 60px}

	/* header */
	#metacon-wrap #header {padding-left:50px;padding-right:50px}
	#metacon-wrap #header .logo {max-height:80px}
}
@media screen and (max-width: 768px) {
	#metacon-wrap .page-inner {padding:0 40px}

	/* header */
	#metacon-wrap #header {padding:30px}
}
@media screen and (max-width: 425px) {
	#metacon-wrap .page-inner {padding:0 30px}
}
@media screen and (max-width: 375px) {
	#metacon-wrap .page-inner {padding:0 20px}
}

/* container */
#metacon-wrap #container .section-page {position:relative;overflow:hidden;width:100%;padding:250px 0;background-color:#fff}
#metacon-wrap #container .section-page.gray {background-color:#f7f7f7}
#metacon-wrap #container .section-page.dark {background-color:#26272d}
#metacon-wrap #container .section-page .page-header {margin-bottom:120px}
#metacon-wrap #container .section-page .page-title {position:relative;padding-left:40px;font-size:86px;font-weight:700;line-height:1.2}
#metacon-wrap #container .section-page .page-title::before {content:'';position:absolute;z-index:1;top:0;left:0;width:18px;height:18px;background-color:#176fe8;border-radius:50%}
#metacon-wrap #container .section-page .page-title-summary,
#metacon-wrap #container .section-page .page-title-list {position:relative;margin:60px 0 0;font-size:36px;font-weight:500;color:#6e6e6e;line-height:1.25}
#metacon-wrap #container .section-page .page-title-list {margin-left:30px}
#metacon-wrap #container .section-page .page-title-list li:not(:first-child) {margin-top:5px}

#metacon-wrap #container .section-page.dark .page-title,
#metacon-wrap #container .section-page.img .page-title {color:#fff}
#metacon-wrap #container .section-page.dark .page-title-summary,
#metacon-wrap #container .section-page.img .page-title-summary,
#metacon-wrap #container .section-page.dark .page-title-list,
#metacon-wrap #container .section-page.img .page-title-list {color:rgba(255,255,255,.75)}
#metacon-wrap #container .section-page.img .page-title::before {background-color:#fff}

@media screen and (max-width: 1280px) {
	#metacon-wrap #container .section-page {padding:200px 0}
	#metacon-wrap #container .section-page .page-header {margin-bottom:80px}
	#metacon-wrap #container .section-page .page-title {padding-left:30px;font-size:66px}
	#metacon-wrap #container .section-page .page-title::before {width:15px;height:15px}
	#metacon-wrap #container .section-page .page-title-summary,
	#metacon-wrap #container .section-page .page-title-list {margin-top:40px;font-size:30px}
}
@media screen and (max-width: 1024px) {
	#metacon-wrap #container .section-page {padding:150px 0}
	#metacon-wrap #container .section-page .page-header {margin-bottom:60px}
	#metacon-wrap #container .section-page .page-title {font-size:60px}
	#metacon-wrap #container .section-page .page-title-summary,
	#metacon-wrap #container .section-page .page-title-list {margin-top:30px;font-size:24px}
	#metacon-wrap #container .section-page .page-title-summary br {display:none}
}
@media screen and (max-width: 768px) {
	#metacon-wrap #container .section-page {padding:100px 0}
	#metacon-wrap #container .section-page .page-header {margin-bottom:40px}
	#metacon-wrap #container .section-page .page-title {padding-left:20px;font-size:40px}
	#metacon-wrap #container .section-page .page-title::before {width:10px;height:10px}
	#metacon-wrap #container .section-page .page-title-summary,
	#metacon-wrap #container .section-page .page-title-list {margin-top:20px;font-size:18px}
	#metacon-wrap #container .section-page .page-title-list {margin-left:15px}
}
@media screen and (max-width: 425px) {
}
@media screen and (max-width: 375px) {
}


/************************************************************
note : floating banner
************************************************************/
#floating-banner {position:fixed;z-index:100;right:50px;bottom:50px}
#floating-banner .item {width:170px;height:170px;background-color:#333;border-radius:50%}
#floating-banner .item:not(:first-child) {margin-top:20px}
#floating-banner .item.home {background:linear-gradient(135deg, rgb(23,96,232) 0%, rgb(23,210,232) 100%)}
#floating-banner .item.kakao {background-color:#ffe000}
#floating-banner .item > i[class*="icon-"] {font-size:60px;color:#fff;line-height:1}
#floating-banner .item.kakao > i[class*="icon-"] {color:#391b1b}
#floating-banner .item > strong {margin-top:10px;font-size:22px;font-weight:600;color:#fff;line-height:1.2;text-align:center}
#floating-banner .item.kakao > strong {color:#391b1b}

@media screen and (max-width: 1280px) {
	#floating-banner .item {width:120px;height:120px}
	#floating-banner .item > i[class*="icon-"] {font-size:40px}
	#floating-banner .item > strong {margin-top:5px;font-size:18px}
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
	#floating-banner {right:20px;bottom:20px}
	#floating-banner .item {width:80px;height:80px}
	#floating-banner .item:not(:first-child) {margin-top:10px}
	#floating-banner .item > i[class*="icon-"] {font-size:20px}
	#floating-banner .item > strong {font-size:14px;font-weight:500;line-height:1.125}
}
@media screen and (max-width: 425px) {
	#floating-banner .item {width:40px;height:40px}
	#floating-banner .item > strong {display:none}
}
@media screen and (max-width: 375px) {
}

/************************************************************
note : visual image
************************************************************/
#metacon-wrap #container .main-visual {height:937px;padding:0}

/* visual image */
#metacon-wrap .main-visual .visual-img {position:absolute;z-index:70;top:0;left:0;width:100%;height:100%}
#metacon-wrap .main-visual .visual-img span {display:block;width:100%;height:100%}
#metacon-wrap .main-visual .visual-img .mobile {display:none}
#metacon-wrap .main-visual .visual-img span > img {position:absolute;z-index:1;top:0;overflow:hidden;display:block;min-width:100%;min-height:947px;transform:scale(1.2);animation:scaleUp 10s forwards ease;animation-delay:.1s}
@keyframes scaleUp {
	0% {transform:scale(1.2)}
	100% {transform:scale(1)}
}

@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1024px) {
	#metacon-wrap #container .main-visual {height:845px}
}
@media screen and (max-width: 768px) {
	#metacon-wrap .main-visual .visual-img .pc {display:none}
	#metacon-wrap .main-visual .visual-img .mobile {display:block}
}
@media screen and (max-width: 425px) {
}
@media screen and (max-width: 375px) {
}

/* title */
#metacon-wrap .main-visual .visual-title {position:absolute;z-index:80;top:50%;left:50%;width:100%;transform:translate(-50%, -50%);text-align:center}
#metacon-wrap .main-visual .visual-title .text {font-size:110px;color:#fff;line-height:130px;opacity:0;transform:translateY(-120px);transition:1s all}
#metacon-wrap .main-visual .visual-title.load .text {opacity:1;transform:translateY(0)}
#metacon-wrap .main-visual .visual-title.load .text:nth-child(1) {transition-delay:.6s}
#metacon-wrap .main-visual .visual-title.load .text:nth-child(2) {transition-delay:.7s}
#metacon-wrap .main-visual .visual-title.load .text:nth-child(3) {transition-delay:.8s}
#metacon-wrap .main-visual .visual-title .text.small {font-size:40px;line-height:60px}

@media screen and (max-width: 1280px) {
	#metacon-wrap .main-visual .visual-title {top:45%}
	#metacon-wrap .main-visual .visual-title .text {font-size:90px;line-height:110px;transform:translateY(-100px)}
}
@media screen and (max-width: 1024px) {
	#metacon-wrap .main-visual .visual-title .text {font-size:70px;line-height:80px;transform:translateY(-80px)}
	#metacon-wrap .main-visual .visual-title .text.small {margin-top:10px}
}
@media screen and (max-width: 768px) {
	#metacon-wrap .main-visual .visual-title {top:50%}
	#metacon-wrap .main-visual .visual-title .text {font-size:60px;line-height:1;transform:translateY(-70px)}
	#metacon-wrap .main-visual .visual-title .text:nth-child(2) {margin-top:20px}
	#metacon-wrap .main-visual .visual-title .text.small {font-size:30px}
}
@media screen and (max-width: 425px) {
	#metacon-wrap .main-visual .visual-title {left:30px;transform:translateY(-50%)}
	#metacon-wrap .main-visual .visual-title .text {font-size:50px;line-height:1;text-align:left}
	#metacon-wrap .main-visual .visual-title .text.small {font-size:26px}
}
@media screen and (max-width: 375px) {
}

/************************************************************
note : 학과소개
************************************************************/
#metacon-wrap .intro-department::before,
#metacon-wrap .intro-department::after {position:absolute;z-index:1;right:0;font-family:'Poppins', sans-serif;font-size:320px;font-weight:700;color:#eee;line-height:1;text-transform:uppercase;text-align:right}
#metacon-wrap .intro-department::before {content:'Depart';top:-46px}
#metacon-wrap .intro-department::after {content:'Ment';top:220px}
#metacon-wrap .intro-department .page-inner {position:relative;z-index:2}
#metacon-wrap .intro-department .con-title {margin-bottom:50px;font-size:58px;font-weight:700;-webkit-text-fill-color:transparent;color:transparent;background:linear-gradient(90deg, rgb(23,96,232) 0%, rgb(23,210,232) 100%);-webkit-background-clip:text;background-clip:text}
#metacon-wrap .intro-department .con-list {margin-left:-10px;margin-right:-10px}
#metacon-wrap .intro-department .con-list .item {padding:0 10px}
#metacon-wrap .intro-department .con-list .item .inner {width:100%;height:100%;padding:50px;background-color:#fff;border:1px solid rgba(0,0,0,.12)}
#metacon-wrap .intro-department .con-list .item .img {display:inline-block;height:129px;background:url('/image/design_basic.png') no-repeat}
#metacon-wrap .intro-department .con-list .item:nth-child(1) .img {width:140px;background-position:0 0}
#metacon-wrap .intro-department .con-list .item:nth-child(2) .img {width:108px;background-position:-150px 0}
#metacon-wrap .intro-department .con-list .item:nth-child(3) .img {width:134px;background-position:-300px 0}
#metacon-wrap .intro-department .con-list .item:nth-child(4) .img {width:132px;background-position:-450px 0}
#metacon-wrap .intro-department .con-list .item .title {display:block;margin-top:40px;font-size:32px;font-weight:700;color:#222}
#metacon-wrap .intro-department .con-list .item ul {margin:20px 0 0}
#metacon-wrap .intro-department .con-list .item ul li {font-size:24px;font-weight:500;color:#6f6f6f;text-align:center}

@media screen and (max-width: 1280px) {
	#metacon-wrap .intro-department::before, #metacon-wrap .intro-department::after {font-size:200px}
	#metacon-wrap .intro-department::before {top:-30px}
	#metacon-wrap .intro-department::after {top:140px}
	#metacon-wrap .intro-department .con-title {font-size:48px}
	#metacon-wrap .intro-department .con-list .item .inner {padding:25px}
	#metacon-wrap .intro-department .con-list .item .img {height:96px;background-size:450px}
	#metacon-wrap .intro-department .con-list .item:nth-child(1) .img {width:105px;background-position:0 0}
	#metacon-wrap .intro-department .con-list .item:nth-child(2) .img {width:81px;background-position:-113px 0}
	#metacon-wrap .intro-department .con-list .item:nth-child(3) .img {width:101px;background-position:-226px 0}
	#metacon-wrap .intro-department .con-list .item:nth-child(4) .img {width:100px;background-position:-339px 0}
	#metacon-wrap .intro-department .con-list .item .title {font-size:28px}
	#metacon-wrap .intro-department .con-list .item ul li {font-size:20px}
}
@media screen and (max-width: 1024px) {
	#metacon-wrap .intro-department::before, #metacon-wrap .intro-department::after {font-size:140px}
	#metacon-wrap .intro-department::before {top:-20px}
	#metacon-wrap .intro-department::after {top:100px}
	#metacon-wrap .intro-department .con-title {font-size:36px}
	#metacon-wrap .intro-department .con-list .item {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;margin-top:20px}
	#metacon-wrap .intro-department .con-list .item:nth-child(-n + 2) {margin-top:0}
}
@media screen and (max-width: 768px) {
	#metacon-wrap .intro-department::before, #metacon-wrap .intro-department::after {font-size:100px}
	#metacon-wrap .intro-department::before {top:-15px}
	#metacon-wrap .intro-department::after {top:70px}
	#metacon-wrap .intro-department .con-title {font-size:24px}
	#metacon-wrap .intro-department .con-list .item .inner {padding:20px}
	#metacon-wrap .intro-department .con-list .item .title {font-size:24px}
	#metacon-wrap .intro-department .con-list .item ul li {font-size:18px}
	#metacon-wrap .intro-department .con-list .item ul li:not(:first-child) {margin-top:5px}
	#metacon-wrap .intro-department .con-list .item ul li br {display:none}
}
@media screen and (max-width: 425px) {
	#metacon-wrap .intro-department::before, #metacon-wrap .intro-department::after {font-size:80px}
	#metacon-wrap .intro-department::before {top:-12px}
	#metacon-wrap .intro-department::after {top:56px}
	#metacon-wrap .intro-department .con-title {margin-bottom:30px;font-size:30px;padding-right:70px}
	#metacon-wrap .intro-department .con-list .item {-ms-flex:1 0 100%;flex:1 0 100%;max-width:100%}
	#metacon-wrap .intro-department .con-list .item:nth-child(2) {margin-top:20px}
	#metacon-wrap .intro-department .con-list .item .inner {padding:30px 25px}
	#metacon-wrap .intro-department .con-list .item .title {margin-top:20px;font-size:30px}
	#metacon-wrap .intro-department .con-list .item ul li br {display:inline}
}
@media screen and (max-width: 375px) {
	#metacon-wrap .intro-department::before, #metacon-wrap .intro-department::after {font-size:60px}
	#metacon-wrap .intro-department::before {top:-9px}
	#metacon-wrap .intro-department::after {top:42px}
	#metacon-wrap .intro-department .con-title {padding-right:80px}
}

/************************************************************
note : 재학생 인터뷰
************************************************************/
#metacon-wrap .student-interview .group {padding:80px 60px;background-color:#fff;border:1px solid rgba(0,0,0,.12)}
#metacon-wrap .student-interview .group:not(:first-child) {margin-top:30px}
#metacon-wrap .student-interview .group .group-img {-ms-flex:0 0 192px;flex:0 0 192px;margin-right:70px}
#metacon-wrap .student-interview .group .group-cont .item:not(:first-child) {margin-top:20px}
#metacon-wrap .student-interview .group .group-cont .item > strong {margin-right:20px;font-size:50px;font-weight:900;color:#7d7d7d}
#metacon-wrap .student-interview .group .group-cont .item > p {margin:0;font-size:35px;font-weight:500;color:#7d7d7d;line-height:1.375}
#metacon-wrap .student-interview .group .group-cont .item.question > p {font-size:42px;font-weight:700;color:#222}

@media screen and (max-width: 1280px) {
	#metacon-wrap .student-interview .group {padding:60px 40px}
	#metacon-wrap .student-interview .group .group-img {-ms-flex:0 0 150px;flex:0 0 150px;margin-right:50px}
	#metacon-wrap .student-interview .group .group-img > img {max-width:100%}
	#metacon-wrap .student-interview .group .group-cont .item > strong {font-size:40px}
	#metacon-wrap .student-interview .group .group-cont .item > p {font-size:30px}
	#metacon-wrap .student-interview .group .group-cont .item.question > p {font-size:32px}
}
@media screen and (max-width: 1024px) {
	#metacon-wrap .student-interview .group {padding:30px}
	#metacon-wrap .student-interview .group .group-img {-ms-flex:0 0 120px;flex:0 0 120px;margin-right:30px}
	#metacon-wrap .student-interview .group .group-cont .item > strong {font-size:32px}
	#metacon-wrap .student-interview .group .group-cont .item > p {font-size:20px}
	#metacon-wrap .student-interview .group .group-cont .item.question > p {font-size:26px}
}
@media screen and (max-width: 768px) {
	#metacon-wrap .student-interview .group .group-img {margin-right:0;margin-bottom:30px}
	#metacon-wrap .student-interview .group .group-cont {-ms-flex:1 0 100%;flex:1 0 100%;max-width:100%}
}
@media screen and (max-width: 425px) {
	#metacon-wrap .student-interview .group .group-cont .item.question {-ms-align-items:flex-start;align-items:flex-start}
}
@media screen and (max-width: 375px) {
}

/************************************************************
note : 하이테크과정만의 특별함
************************************************************/
#metacon-wrap .process-speciality::before,
#metacon-wrap .process-speciality::after {position:absolute;right:0;font-family:'Poppins', sans-serif;font-size:320px;font-weight:700;color:#eee;line-height:1;text-transform:uppercase;text-align:right}
#metacon-wrap .process-speciality::before {content:'spe';bottom:220px}
#metacon-wrap .process-speciality::after {content:'ciality';bottom:-46px}

#metacon-wrap .process-speciality .group:not(:first-child) {margin-top:60px}
#metacon-wrap .process-speciality .group.direction-row-reverse {text-align:right}
#metacon-wrap .process-speciality .group .group-img {position:relative;margin-right:60px}
#metacon-wrap .process-speciality .group .group-img::after {content:'';position:absolute;top:0;left:0;display:block;clear:both;width:100%;height:100%;background-color:#176fe8;transition:1s ease all;transform-origin:0%}
#metacon-wrap .process-speciality .group:nth-child(2n) .group-img::after {transform-origin:100%}
#metacon-wrap .process-speciality .group.action .group-img::after {transform:scale(0, 1)}
#metacon-wrap .process-speciality .group.direction-row-reverse .group-img {margin-left:60px;margin-right:0}
#metacon-wrap .process-speciality .group .group-cont {opacity:0;transform:translateX(100px);transition:1s all;transition-delay:.1s}
#metacon-wrap .process-speciality .group.direction-row-reverse .group-cont {transform:translateX(-100px)}
#metacon-wrap .process-speciality .group.action .group-cont {opacity:1;transform:translateX(0)}
#metacon-wrap .process-speciality .group .group-cont .con-title {font-size:66px;font-weight:700;color:#222}
#metacon-wrap .process-speciality .group .group-cont .con-title > strong {font-weight:inherit}
#metacon-wrap .process-speciality .group .group-cont .con-summary {margin:30px 0 0;font-size:44px;font-weight:500;color:#878787;letter-spacing:-.05em}

@media screen and (max-width: 1280px) {
	#metacon-wrap .process-speciality::before, #metacon-wrap .process-speciality::after {font-size:200px}
	#metacon-wrap .process-speciality::before {bottom:140px}
	#metacon-wrap .process-speciality::after {bottom:-30px}
	#metacon-wrap .process-speciality .group .group-img {-ms-flex:0 0 450px;flex:0 0 450px;max-width:450px;margin-right:40px}
	#metacon-wrap .process-speciality .group.direction-row-reverse .group-img {margin-left:40px}
	#metacon-wrap .process-speciality .group .group-img > img {max-width:100%}
	#metacon-wrap .process-speciality .group .group-cont .con-title {font-size:56px}
	#metacon-wrap .process-speciality .group .group-cont .con-summary {font-size:34px}
}
@media screen and (max-width: 1024px) {
	#metacon-wrap .process-speciality::before, #metacon-wrap .process-speciality::after {font-size:140px}
	#metacon-wrap .process-speciality::before {bottom:100px}
	#metacon-wrap .process-speciality::after {bottom:-20px}
	#metacon-wrap .process-speciality .group .group-img {-ms-flex:0 0 300px;flex:0 0 300px;max-width:300px;margin-right:30px}
	#metacon-wrap .process-speciality .group.direction-row-reverse .group-img {margin-left:30px}
	#metacon-wrap .process-speciality .group .group-cont .con-title {font-size:36px}
	#metacon-wrap .process-speciality .group .group-cont .con-summary {font-size:24px}
}
@media screen and (max-width: 768px) {
	#metacon-wrap .process-speciality::before, #metacon-wrap .process-speciality::after {font-size:100px}
	#metacon-wrap .process-speciality::before {bottom:70px}
	#metacon-wrap .process-speciality::after {bottom:-15px}
	#metacon-wrap .process-speciality .group .group-img,
	#metacon-wrap .process-speciality .group .group-cont {-ms-flex:1 0 100%;flex:1 0 100%;max-width:100%;text-align:center}
	#metacon-wrap .process-speciality .group .group-img {margin-left:0;margin-right:0;margin-bottom:20px}
	#metacon-wrap .process-speciality .group .group-cont .con-summary {margin-top:15px}
}
@media screen and (max-width: 425px) {
	#metacon-wrap .process-speciality::before, #metacon-wrap .process-speciality::after {font-size:80px}
	#metacon-wrap .process-speciality::before {bottom:56px}
	#metacon-wrap .process-speciality::after {bottom:-12px}
	#metacon-wrap .process-speciality .group .group-cont .con-title {font-size:30px}
	#metacon-wrap .process-speciality .group .group-cont .con-summary {font-size:22px}
}
@media screen and (max-width: 375px) {
	#metacon-wrap .process-speciality::before, #metacon-wrap .process-speciality::after {font-size:80px}
	#metacon-wrap .process-speciality::before {bottom:42px}
	#metacon-wrap .process-speciality::after {bottom:-9px}
}

/************************************************************
note : 교과과정
************************************************************/
#metacon-wrap .course-of-study {background:url('/image/study-course-bg.jpg') no-repeat;background-size:cover}
#metacon-wrap .course-of-study .step-list {margin-left:-18px;margin-right:-18px}
#metacon-wrap .course-of-study .step-list .item {padding:0 18px}
#metacon-wrap .course-of-study .step-list .item .inner {width:100%;height:100%;padding:60px;background-color:#fff}
#metacon-wrap .course-of-study .step-list .item .inner .step {padding-bottom:5px;font-size:30px;font-weight:700;line-height:1;text-transform:uppercase;border-bottom:4px solid #176fe8}
#metacon-wrap .course-of-study .step-list .item .inner .title {margin-top:20px;font-size:50px;font-weight:700;color:#222}
#metacon-wrap .course-of-study .step-list .item .inner .list {margin:40px 0 0;font-size:30px;font-weight:500;color:#898989;text-align:center}

@media screen and (max-width: 1280px) {
	#metacon-wrap .course-of-study .step-list .item .inner {padding:40px 30px}
	#metacon-wrap .course-of-study .step-list .item .inner .step {font-size:24px}
	#metacon-wrap .course-of-study .step-list .item .inner .title {font-size:40px}
	#metacon-wrap .course-of-study .step-list .item .inner .list {margin-top:30px;font-size:20px}
}
@media screen and (max-width: 1024px) {
	#metacon-wrap .course-of-study .step-list {margin-left:-10px;margin-right:-10px}
	#metacon-wrap .course-of-study .step-list .item {padding:0 10px}
	#metacon-wrap .course-of-study .step-list .item .inner {padding:25px 20px}
	#metacon-wrap .course-of-study .step-list .item .inner .step {font-size:20px}
	#metacon-wrap .course-of-study .step-list .item .inner .title {font-size:30px}
	#metacon-wrap .course-of-study .step-list .item .inner .list {margin-top:20px;font-size:16px}
}
@media screen and (max-width: 768px) {
	#metacon-wrap .course-of-study .step-list {margin:0}
	#metacon-wrap .course-of-study .step-list .item {-ms-flex:1 0 100%;flex:1 0 100%;width:100%;padding:0}
	#metacon-wrap .course-of-study .step-list .item:not(:first-child) {margin-top:20px}
}
@media screen and (max-width: 425px) {
}
@media screen and (max-width: 375px) {
}

/************************************************************
note : 취득관련 자격증
************************************************************/
#metacon-wrap .license::before {content:'license';position:absolute;z-index:1;left:50%;bottom:-46px;font-family:'Poppins', sans-serif;font-size:320px;font-weight:700;color:#2a2b31;line-height:1;text-transform:uppercase;text-align:right;transform:translateX(-50%)}
#metacon-wrap .license .license-list .item {position:relative;overflow:hidden;height:674px;transform:translateY(0);transition:all .5s ease-in-out}
#metacon-wrap .license .license-list .item::before {content:'';position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);transition:all .5s ease-in-out}
#metacon-wrap .license .license-list .item:hover {transform:translateY(-80px)}
#metacon-wrap .license .license-list .item:hover::before {background-color:rgba(0,0,0,.3)}
#metacon-wrap .license .license-list .item .img {position:absolute;z-index:-2;top:0;left:0}
#metacon-wrap .license .license-list .item .title {font-size:50px;font-weight:600;color:#fff}
#metacon-wrap .license .license-list .item .list {margin:50px 0 0;font-size:30px;font-weight:500;color:#fff;line-height:1.375;text-align:center}

@media screen and (max-width: 1280px) {
	#metacon-wrap .license::before {bottom:-30px;font-size:200px}
	#metacon-wrap .license .license-list .item {height:500px}
	#metacon-wrap .license .license-list .item .img {left:50%;transform:translateX(-50%)}
	#metacon-wrap .license .license-list .item .title {font-size:36px}
	#metacon-wrap .license .license-list .item .list {margin-top:40px;font-size:22px}
}
@media screen and (max-width: 1024px) {
	#metacon-wrap .license::before {bottom:-20px;font-size:140px}
	#metacon-wrap .license .license-list .item {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;height:500px}
	#metacon-wrap .license .license-list .item .title {font-size:30px}
	#metacon-wrap .license .license-list .item .list {margin-top:30px;font-size:20px}
}
@media screen and (max-width: 768px) {
	#metacon-wrap .license::before {bottom:-15px;font-size:100px}
	#metacon-wrap .license .license-list .item {height:350px}
	#metacon-wrap .license .license-list .item .img {width:100%}
}
@media screen and (max-width: 425px) {
	#metacon-wrap .license::before {bottom:-12px;font-size:80px}
	#metacon-wrap .license .license-list .item {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;height:250px}
	#metacon-wrap .license .license-list .item .list {margin-top:20px}
}
@media screen and (max-width: 375px) {
}

/************************************************************
note : MOU 체결 업체
************************************************************/
#metacon-wrap .mou-contract {background:url('/image/mou-contract-bg.png') no-repeat;background-size:cover}
#metacon-wrap .mou-contract .page-content {padding-top:125px}
#metacon-wrap .mou-contract .company-list {margin-left:-15px;margin-right:-15px}
#metacon-wrap .mou-contract .company-list .group {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:0 15px}
#metacon-wrap .mou-contract .company-list .group:nth-child(even) {margin-top:-125px}
#metacon-wrap .mou-contract .company-list .group:nth-child(-n + 2) {margin-bottom:30px}
#metacon-wrap .mou-contract .company-list .group .inner {display:block;width:100%;height:425px;padding:60px 36px;background-color:#fff;border:1px solid rgba(0,0,0,.12);border-radius:10px}
#metacon-wrap .mou-contract .company-list .group .company-logo {display:block;width:100%}
#metacon-wrap .mou-contract .company-list .group .company-logo > img {max-width:100%}
#metacon-wrap .mou-contract .company-list .group .company-name {display:block;width:100%;margin-top:30px;width:100%;font-size:35px;font-weight:700;color:#222;letter-spacing:-.05em}
#metacon-wrap .mou-contract .company-list .group ul {display:block;width:100%;margin-top:20px}
#metacon-wrap .mou-contract .company-list .group ul li {font-size:24px;font-weight:500;color:#828282;line-height:1.25}
#metacon-wrap .mou-contract .company-list .group ul li:not(:first-child) {margin-top:5px}

@media screen and (max-width: 1280px) {
	#metacon-wrap .mou-contract .page-header {-ms-flex:0 0 400px;flex:0 0 400px;max-width:400px;margin-right:50px}
	#metacon-wrap .mou-contract .page-content {padding-top:100px}
	#metacon-wrap .mou-contract .company-list .group:nth-child(even) {margin-top:-100px}
	#metacon-wrap .mou-contract .company-list .group .inner {display:block;height:400px;padding:40px 30px}
	#metacon-wrap .mou-contract .company-list .group .company-name {font-size:24px}
	#metacon-wrap .mou-contract .company-list .group ul {margin-top:20px}
	#metacon-wrap .mou-contract .company-list .group ul li {font-size:20px}
	#metacon-wrap .mou-contract .company-list .group ul li br {display:none}
}
@media screen and (max-width: 1024px) {
	#metacon-wrap .mou-contract .page-header,
	#metacon-wrap .mou-contract .page-content {-ms-flex:1 0 100%;flex:1 0 100%;max-width:100%}
	#metacon-wrap .mou-contract .page-header {margin-right:0}
}
@media screen and (max-width: 768px) {
	#metacon-wrap .mou-contract .company-list .group .inner {height:300px;padding:30px 20px}
	#metacon-wrap .mou-contract .company-list .group .company-name {margin-top:20px;font-size:20px}
	#metacon-wrap .mou-contract .company-list .group ul li {font-size:16px}
}
@media screen and (max-width: 425px) {
	#metacon-wrap .mou-contract .page-content {padding-top:0}
	#metacon-wrap .mou-contract .company-list .group {-ms-flex:1 0 100%;flex:1 0 100%;max-width:100%}
	#metacon-wrap .mou-contract .company-list .group:nth-child(even) {margin-top:0}
	#metacon-wrap .mou-contract .company-list .group:not(:last-child) {margin-bottom:20px}
	#metacon-wrap .mou-contract .company-list .group .inner {height:auto;padding:30px}
	#metacon-wrap .mou-contract .company-list .group .company-name {font-size:28px}
	#metacon-wrap .mou-contract .company-list .group ul li {font-size:18px}
	#metacon-wrap .mou-contract .company-list .group ul li br {display:inline}
}
@media screen and (max-width: 375px) {
}

/************************************************************
note : 강의실 및 시설 소개
************************************************************/
#metacon-wrap .intro-classroom {background:url('/image/classroom-bg.jpg') no-repeat;background-size:cover}
#metacon-wrap .intro-classroom .page-inner {max-width:100%;padding-left:calc((100% - 1600px) / 2)}

/* header */
#metacon-wrap .intro-classroom .page-header {-ms-flex:0 0 450px;flex:0 0 450px;max-width:450px}
#metacon-wrap #container .section-page.intro-classroom .page-title::before {background-color:#176fe8}

/* content */
#metacon-wrap .intro-classroom .classroom-list {position:relative}
#metacon-wrap .intro-classroom .classroom-list .item {position:relative;width:593px;margin:0 15px}
#metacon-wrap .intro-classroom .classroom-list .item img {max-width:100%}
#metacon-wrap .intro-classroom .classroom-list .item .title {display:block;margin-top:30px;font-size:34px;font-weight:700;color:#fff}
#metacon-wrap .intro-classroom .classroom-list .photo-btn {position:absolute;z-index:1;bottom:60px;display:inline-block;width:74px;height:74px;background:url('/image/design_basic.png') no-repeat}
#metacon-wrap .intro-classroom .classroom-list .photo-btn.prev {left:-260px;background-position:-300px -150px}
#metacon-wrap .intro-classroom .classroom-list .photo-btn.next {left:-173px;background-position:-450px -150px}

@media screen and (max-width: 1280px) {
	#metacon-wrap .intro-classroom .page-inner {padding-left:120px;padding-right:0}
	
	/* header */
	#metacon-wrap .intro-classroom .page-header {-ms-flex:0 0 380px;flex:0 0 380px;max-width:380px}
	#metacon-wrap .intro-classroom .classroom-list .item .title {font-size:30px}

	/* content */
	#metacon-wrap .intro-classroom .classroom-list .item {width:500px}
}
@media screen and (max-width: 1024px) {
	#metacon-wrap .intro-classroom .page-inner {padding-left:60px}
	#metacon-wrap .intro-classroom .page-header,
	#metacon-wrap .intro-classroom .page-content {-ms-flex:1 0 100%;flex:1 0 100%;max-width:100%}
	#metacon-wrap .intro-classroom .page-header .page-title br {display:none}

	/* content */
	#metacon-wrap .intro-classroom .classroom-list .photo-btn {top:-124px;bottom:initial;width:56px;height:56px;background-size:450px}
	#metacon-wrap .intro-classroom .classroom-list .photo-btn.prev {left:initial;right:130px;background-position:-225px -113px}
	#metacon-wrap .intro-classroom .classroom-list .photo-btn.next {left:initial;right:60px;background-position:-338px -113px}
}
@media screen and (max-width: 768px) {
	#metacon-wrap .intro-classroom .page-inner {padding-left:40px}

	/* content */
	#metacon-wrap .intro-classroom .classroom-list .item {width:300px}
	#metacon-wrap .intro-classroom .classroom-list .photo-btn {top:-84px;bottom:initial;width:38px;height:38px;background-size:300px}
	#metacon-wrap .intro-classroom .classroom-list .photo-btn.prev {right:86px;background-position:-150px -75px}
	#metacon-wrap .intro-classroom .classroom-list .photo-btn.next {right:40px;background-position:-225px -75px}
}
@media screen and (max-width: 425px) {
	#metacon-wrap .intro-classroom .page-header .page-title br {display:inline}
}
@media screen and (max-width: 375px) {
}

/************************************************************
note : 졸업 후 진로
************************************************************/
#metacon-wrap .after-career .career-list {margin-left:-10px;margin-right:-10px}
#metacon-wrap .after-career .career-list .group {position:relative;z-index:2;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;margin-top:20px;padding:0 10px}
#metacon-wrap .after-career .career-list .group:nth-child(-n + 4) {margin-top:0}
#metacon-wrap .after-career .career-list .group.half {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
#metacon-wrap .after-career .career-list .group.half::before {content:'';position:absolute;right:30px;bottom:0;width:218px;height:226px;background:url('/image/design_basic.png') no-repeat;background-position:0 -450px}
#metacon-wrap .after-career .career-list .group .inner {width:100%;height:530px;padding:30px;background-color:#fff}
#metacon-wrap .after-career .career-list .group .group-title {display:block;width:100%;font-size:40px;font-weight:700;color:#222}
#metacon-wrap .after-career .career-list .group .group-summary {position:relative;z-index:2;margin:15px 0 20px;font-size:26px;font-weight:500;color:#878787;line-height:1.375}
#metacon-wrap .after-career .career-list .group img {max-width:100%}

@media screen and (max-width: 1280px) {
	#metacon-wrap .after-career .career-list .group.half::before {width:164px;height:170px;background-size:450px;background-position:0 -338px}
	#metacon-wrap .after-career .career-list .group .inner {height:440px}
	#metacon-wrap .after-career .career-list .group .group-title {font-size:30px}
	#metacon-wrap .after-career .career-list .group .group-summary {font-size:20px}
	#metacon-wrap .after-career .career-list .group img {width:100%}
}
@media screen and (max-width: 1024px) {
	#metacon-wrap .after-career .career-list .group {-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}
	#metacon-wrap .after-career .career-list .group:nth-child(4) {margin-top:20px}
	#metacon-wrap .after-career .career-list .group.half {-ms-flex:1 0 100%;flex:1 0 100%;max-width:100%}
	#metacon-wrap .after-career .career-list .group .inner {height:400px;padding:25px}
	#metacon-wrap .after-career .career-list .group.half .inner {height:360px}
	#metacon-wrap .after-career .career-list .group .group-title {font-size:26px}
	#metacon-wrap .after-career .career-list .group .group-summary {font-size:18px}
}
@media screen and (max-width: 768px) {
	#metacon-wrap .after-career .career-list .group {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
	#metacon-wrap .after-career .career-list .group:nth-child(3) {margin-top:20px}
	#metacon-wrap .after-career .career-list .group .inner {display:block;height:100%;padding:25px}
	#metacon-wrap .after-career .career-list .group .group-title {font-size:24px}
	#metacon-wrap .after-career .career-list .group .group-summary {font-size:17px}
	#metacon-wrap .after-career .career-list .group .group-summary br {display:none}
}
@media screen and (max-width: 425px) {
	#metacon-wrap .after-career .career-list .group {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
	#metacon-wrap .after-career .career-list .group:nth-child(2) {margin-top:20px}
	#metacon-wrap .after-career .career-list .group .group-title {font-size:24px}
	#metacon-wrap .after-career .career-list .group .group-summary {font-size:17px}
	#metacon-wrap .after-career .career-list .group.half .group-title br {display:none}
}
@media screen and (max-width: 375px) {
}

/************************************************************
note : 학과 영상
************************************************************/
#metacon-wrap .video::before,
#metacon-wrap .video::after {content:'';position:absolute;left:0;right:0;width:100%;height:382px;background:url('/image/video-bg.png') no-repeat;background-size:cover}
#metacon-wrap .video::before {top:0}
#metacon-wrap .video::after {bottom:0;transform:rotate(180deg)}

@media screen and (max-width: 1280px) {
	#metacon-wrap .video iframe {height:740px}
}
@media screen and (max-width: 1024px) {
	#metacon-wrap .video iframe {height:540px}
}
@media screen and (max-width: 768px) {
	#metacon-wrap .video iframe {height:370px}
}
@media screen and (max-width: 425px) {
	#metacon-wrap .video iframe {height:270px}
}
@media screen and (max-width: 375px) {
}

/************************************************************
note : SNS
************************************************************/
#metacon-wrap .department-sns .sns-list {gap:30px}
#metacon-wrap .department-sns .sns-list .sns {height:80px;font-size:30px;font-weight:600;color:#176fe8;background-color:#fff;border:2px solid #176fe8;border-radius:10px;transition:all .3s ease-in-out}
#metacon-wrap .department-sns .sns-list .sns > i[class*="icon-"] {margin-right:10px;font-size:40px}
#metacon-wrap .department-sns .sns-list .sns:hover {color:#fff;background-color:#176fe8}

@media screen and (max-width: 1280px) {
	#metacon-wrap .department-sns .sns-list .sns {height:70px;font-size:26px}
	#metacon-wrap .department-sns .sns-list .sns > i[class*="icon-"] {font-size:36px}
}
@media screen and (max-width: 1024px) {
	#metacon-wrap .department-sns .sns-list {gap:20px}
	#metacon-wrap .department-sns .sns-list .sns {height:60px;font-size:22px}
	#metacon-wrap .department-sns .sns-list .sns > i[class*="icon-"] {font-size:28px}
}
@media screen and (max-width: 768px) {
	#metacon-wrap .department-sns .sns-list {gap:10px}
	#metacon-wrap .department-sns .sns-list .sns {height:50px;font-size:20px}
	#metacon-wrap .department-sns .sns-list .sns > i[class*="icon-"] {font-size:24px}
}
@media screen and (max-width: 425px) {
	#metacon-wrap .department-sns .sns-list {display:block}
	#metacon-wrap .department-sns .sns-list .sns:not(:first-child) {margin-top:15px}
}
@media screen and (max-width: 375px) {
}

/************************************************************
note : footer
************************************************************/
#footer {display:block;padding:80px 0;background-color:#454545}

/* logo */
#footer .footer-logo {}
#footer .footer-logo img {max-width:100%}

/* copyright */
#footer .footer-copy {padding:0 100px;font-size:24px;font-weight:300;color:#757575}

/* link btn */
#footer .footer-btn {flex:0 0 510px}
#footer .footer-btn > a {font-size:20px;font-weight:300;padding:20px 0;color:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.2);text-align:center;transition:all .3s ease-in-out}
#footer .footer-btn > a:not(:first-child) {margin-left:10px}
#footer .footer-btn > a:hover {color:#fff;border-color:#fff}

@media screen and (max-width: 1280px) {
	/* logo */
	#footer .footer-logo {-ms-flex:0 0 200px;flex:0 0 200px;max-width:200px}

	/* copyright */
	#footer .footer-copy {padding:0 50px;font-size:20px}

	/* link btn */
	#footer .footer-btn {flex:0 0 410px}
	#footer .footer-btn > a {font-size:18px;padding:15px 0}
}
@media screen and (max-width: 1024px) {
	#footer .footer-logo,
	#footer .footer-copy,
	#footer .footer-btn {-ms-flex:1 0 100%;flex:1 0 100%;max-width:100%}
	#footer .footer-copy {margin-top:30px;padding:0;font-size:20px}
	#footer .footer-btn {margin-top:30px}
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 425px) {
	/* logo */
	#footer .footer-logo {-ms-flex:0 0 200px;flex:0 0 200px;max-width:200px}

	/* copyright */
	#footer .footer-copy {font-size:18px}

	/* link btn */
	#footer .footer-btn > a {font-size:16px}
}
@media screen and (max-width: 375px) {
}