@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap');

body		{-webkit-text-size-adjust:none;}
.d_width	{position:relative;margin:0 auto;width:1240px;}
.s_top		{display: none; width:50px; height:50px; background-color:rgba(0,0,0,0.5); color:#fff!important; position:fixed; right:10px; bottom:10px; z-index:9999; text-align:center; line-height:50px; font-weight:300; border-radius:10px;}

#logo		{position:absolute;left:0;top:30px;}
#logo em{font-size:18px;font-weight:700;color:#fff;margin:0 0 0 10px;}
#logo img	{height:35px;}
#intro-footer	{background:#333;padding:30px 0;}
#intro-footer .f-logo	{float:left;width:150px;opacity:0.5;}
#intro-footer .f-logo img	{height:30px;}
#intro-footer p	{float:left;width:calc(100% - 150px);font-size:12px;color:#999;line-height:1.4;}

#intro-section section	{position:relative;min-width:1240px;}
#intro-section .skew-bg	{position:absolute;left:0;display:block;width:100%;}
#ibg1					{position:relative;}
#ibg1 .skew-bg			{height:100%;top:0;background:#fff;transform:skewY(-10deg);transform-origin:0;overflow:hidden;z-index:2;}
#ibg1 .skew-bg:before	{content:"";position:absolute;right:0;top:0;display:block;width:100%;height:50%;background:#EAEAEA;transform:skewY(25deg);transform-origin:100%;z-index:3;}
#ibg2 .skew-bg			{height:50%;bottom:100%;background:#fff;transform:skewY(10deg);transform-origin:0;overflow:hidden;z-index:2;}
#ibg2 .skew-bg:before	{content:"";position:absolute;right:0;bottom:0;display:block;width:100%;height:50%;background:#FF6600;transform:skewY(-25deg);transform-origin:100%;z-index:3;}
#ibg2 .skew-bg:after	{content:"";position:absolute;right:-100px;top:0;display:block;width:830px;height:670px;background:url(../../data/img/intro/ibg2_skew_bg.png) no-repeat 50% 50%;transform:skewY(-10deg);z-index:2;}
#intro-section .d_width	{z-index:9;}
#intro-section .d_width:before	{position:absolute;left:-200px;top:50%;margin-top:200px;transform:rotate(-90deg);font-size:12px;line-height:1;text-align:center;width:400px;height:12px;transform-origin:0 0;}
#ibg1 .d_width	{z-index:999;}
#ibg1 .d_width:before	{content:"";letter-spacing:4px;color:#222;}
#ibg2 .d_width:before	{content:"INFOGRAPHIC";letter-spacing:20px;color:#fff;}
#ibg3 .d_width:before	{content:"CERTIFICATE";letter-spacing:20px;color:#222;}
#ibg5 .d_width:before	{content:"ROAD MAP";letter-spacing:20px;color:#222;}
#intro-visual			{padding:60px 0 320px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#intro-visual:before	{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:url(../../data/img/pattern01.png) repeat;opacity:0.05;}
#intro-visual .cont		{}
.visual-tit	{float:left;width:calc(100% - 710px);padding-top:180px;word-break:keep-all}
.visual-img	{float:left;width:710px;}
.visual-btn 	{display:inline-block !important;margin-top:40px;background: #ff6600; color:#fff !important;border:none;}

.visual-tit .en	{font-size:16px;color:#ccc;}
.visual-tit .tit-br{display: block;}
.visual-tit .tit	{line-height:1;letter-spacing:-3px;font-weight:600;margin:20px 0 60px;font-size:100px;color:#FF6600;}
.visual-tit .txt1	{font-size:22px;color:#fff;margin:0 0 20px;}
.visual-tit .txt2	{font-size:16px;color:#ccc;}
.visual-tit .txt3	{font-size:22px;font-weight:500;margin:0 0 20px;}
.txt-slide			{position:absolute;right:0;top:620px;background:#FF6600;width:300px;z-index:10}
.txt-slide:before,
.txt-slide:after	{content:"";position:absolute;left:0;display:block;border-left:150px solid transparent;border-right:150px solid transparent;}
.txt-slide:before	{top:-80px;border-bottom:80px solid #FF6600;}
.txt-slide:after	{bottom:-80px;border-top:80px solid #FF6600;}
.txt-slide li		{padding:30px 20px;text-align:center;}
.txt-slide .tit		{font-size:46px;font-weight:600;line-height:1;margin:0 0 20px;color:#fff;}
.txt-slide .txt		{font-size:18px;color:#F4F4F4;line-height:1.4;}
.txt-slide .txt2		{font-size:14px;color:#F4F4F4;line-height:1.4;}
.txt-slide .tit-br	{display:block;}
.txt-slide .tit-br2	{display:block; font-size:11px;}
.txt-slide .bx-pager		{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);z-index:1;}
.txt-slide .bx-pager-item	{display:inline-block;margin:0 5px;}
.txt-slide .bx-pager a		{display:block;margin:0;width:3px;height:16px;transform:rotate(45deg);background:rgba(255,255,255,0.5);text-indent:-9999px;overflow:hidden;}
.txt-slide .bx-pager a.active	{background:#fff;}

#mn			{position:relative;z-index:9999;text-align:center;background:#111;margin-bottom:40px;transition:all ease-out 0.2s}
#mn a		{position:relative;display:inline-block;color:#fff;padding:0 30px;line-height:60px;}
/* #mn a:after	{content:"";position:absolute;top: 50%;transform: translateY(-50%);display:inline-block;width:1px;height:15px;background:rgba(255,255,255,0.5);right: 0;} */
#mn a:last-child:after	{content:none;}
#mn.fixed	{position:fixed;left:0;top:0;width:100%;z-index:9999;}


/*미디어쿼리 구간*/
@media only screen and (max-width:1240px){ /* 960px */
	.d_width		{width:960px;}
	#intro-section section{min-width:auto;}	
	#intro-visual	{padding:120px 0;}
	.visual-tit		{width:calc(100% - 300px);padding-top:0}
	.visual-img		{display: none;}
	.txt-slide		{top:auto;bottom:60px;}
}

@media only screen and (max-width:1023px){ /* 720px */
	.d_width		{width:auto;padding:0 20px;}
	#intro-visual	{padding:120px 0;}
	.visual-tit		{float:none;width:auto;text-align: center;}
	.visual-tit .tit	{letter-spacing:-2px;margin:20px 0 60px;font-size:80px;}
	.visual-tit .txt1	{font-size:22px;color:#fff;margin:0 0 40px;}
	.visual-tit .txt2	{font-size:16px;color:#ccc;}	
	.txt-slide		{position:relative;bottom:auto;margin:120px auto 0;}
	.txt-slide.comm-h	{height:160px;}
}

@media only screen and (max-width:767px){ /* auto */
	#mn		{width:auto}
	#mn a	{font-size:14px; padding: 0 6px; line-height: 40px;}
	#mn a:after	{content: "/";margin-left: 10px;}

	#logo{width:100%; text-align: center;}
	#intro-visual{padding:0;}
	.visual-tit	{padding:80px 0 0 0;}
	.visual-tit .en{font-size:14px;}
	.visual-tit .tit{font-size:50px; margin:10px 0 30px 0; letter-spacing:0px;}
	.visual-tit .txt1{font-size:16px; margin: 0 0 20px 0; word-break:keep-all; line-height:135%;}
	.visual-tit .txt2{line-height:135%; word-break:keep-all; font-size:14px;}
	.txt1 .tit-br{display: block;}
	.txt2 .tit-br{display: block;}
	.txt-slide{width:auto;margin:20px auto;}
	.txt-slide li{height:120px;}
	.txt-slide:before, .txt-slide:after{border:none;}
	.txt-slide .tit{font-size:25px; margin:0 0 5px 0;}
	.txt-slide .txt{font-size:14px;}
	.txt-slide .bx-pager{bottom:10px;}
}
.intro-title		{position:relative;font-size:80px;line-height:1;letter-spacing:-2px;font-weight:600;margin:0 0 80px;}
.intro-title:before	{content:"";position:absolute;right:0;bottom:2px;display:block;width:100%;height:4px;}
#ibg1 .txt-br				{display:block;}
#ibg1 .intro-title			{color:#222;}
#ibg1 .intro-title:before	{background:#222;width:calc(100% - 240px);}
#ibg2 .intro-title			{color:#fff;}
#ibg2 .intro-title:before	{background:#fff;width:calc(100% - 240px);}
#ibg3 .intro-title:before	{width:calc(100% - 240px);}
#ibg4 .intro-title			{color:#FF6600;}
#ibg4 .intro-title:before	{background:#FF6600;width:calc(100% - 610px);}
#ibg5 .intro-title			{color:#222;}
#ibg5 .intro-title:before	{background:#222;width:calc(100% - 410px);}
#ibg6 .intro-title			{color:#222;}
#ibg6 .intro-title:before	{background:#222;width:calc(100% - 320px);}
#ibg7 .intro-title			{color:#222;}
#ibg7 .intro-title:before	{background:#222;width:calc(100% - 180px);}

#ibg1			{}
#ibg2			{padding:320px 0 100px 0;background-image:url(../../data/img/intro/ibg2.jpg);background-repeat:no-repeat;background-position: 50% 50%;background-size: cover;}
#ibg3			{padding:120px 0 100px 0;background-image:url(../../data/img/intro/ibg3.png);background-repeat:no-repeat;background-position:100% 50%;background-size:auto 100%;}
#ibg4			{padding:120px 0 100px 0;background-image:url(../../data/img/intro/ibg40.jpg);background-repeat:no-repeat;background-position:right 20px;background-size:top 0;}
#ibg4:before	{content:"";position:absolute;left:0;bottom:0;display:block;border-bottom:600px solid #F7F7F7;border-right:600px solid transparent;}
#ibg5			{padding:120px 0 100px 0;background:#F4F4F4;}
#ibg5:before	{content:"";position:absolute;right:0;top:0;display:block;border-top:830px solid #E5E5E5;border-left:830px solid transparent;}
#ibg5:after		{content:"CONTENTS";position:absolute;left:0;bottom:0;width:100%;text-align:center;font-weight:600;font-size:150px;color:rgba(255,255,255,0.5);line-height:0.8;word-break:keep-all;}
#ibg6			{padding:120px 0 100px 0;background:#ECECEC;}
#ibg6:before	{content:"";position:absolute;left:0;bottom:0;display:block;border-bottom:600px solid #EFEFEF;border-right:600px solid transparent;}
#ibg7			{padding:120px 0 100px 0;background:#f4f4f4;}
#ibg6 .slide-tit{position:absolute; bottom:0; height:80px;  background:linear-gradient(0deg, black 10%, transparent); width:100%; color:#fff; padding:25px; font-size:30px;}

.cont1			{float:left;width:calc(100% - 490px);padding-left:240px;padding-right:20px;}
.cont1-img		{float:left;width:490px}
.cont1 .bx		{margin-bottom:60px}
.cont1 .tit		{font-size:30px;letter-spacing:-2px;line-height:1.2;margin:0 0 20px;font-weight:500;}
.cont2			{display:flex;flex-flow:row wrap;align-items:top;justify-content:center;}
.cont2 >  div	{display:inline-block;width:24%;text-align:center;margin:0px auto;}
.cont2 .ico		{display:block;width:90px;height:90px;background-repeat:no-repeat;background-position:50% 50%;margin:0 auto 30px;}
.cont2 .ico1	{background-image:url(../../data/img/intro/intro_cont2_ico1.png);}
.cont2 .ico2	{background-image:url(../../data/img/intro/intro_cont2_ico2.png);}
.cont2 .ico3	{background-image:url(../../data/img/intro/intro_cont2_ico3.png);}
.cont2 .ico4	{background-image:url(../../data/img/intro/intro_cont2_ico4.png);}
.cont2 .ico5	{background-image:url(../../data/img/intro/intro_cont2_ico5.png);}
.cont2 .ico6	{background-image:url(../../data/img/intro/intro_cont2_ico6.png);}
.cont2 .ico7	{background-image:url(../../data/img/intro/intro_cont2_ico7.png);}
.cont2 .ico8	{background-image:url(../../data/img/intro/intro_cont2_ico8.png);}
.cont2 .ico9	{background-image:url(../../data/img/intro/intro_cont2_ico9.png);}
.cont2 .tit		{font-size:30px;font-weight:700;line-height:1;color:#FFCC00;}
.cont2 .tit-text{font-size:56px;line-height:1;opacity: 0.5;color: #fff;}
.cont2 .tit span{font-size:60px;letter-spacing:-1px;margin-right:5px;}
.cont2 .txt		{margin-top:30px;font-size:18px;color:#fff;}
.cont3 ul		{margin:0 -5px}
.cont3 li		{float:left;width:calc(25% - 10px);margin:5px;border:1px solid rgba(255,255,255,0.6);line-height:60px;text-align:center;color:#fff}
.cont3 ul li	ul.bu li	{border:none;}
/*자격증
.cont3 .bx-viewport	{height:230px !important;}
.cont3 li		{position:relative;}
.cont3 li:before	{content:"";position:absolute;right:0;top:0;display:block;border-top:20px solid #FF6600;border-left:20px solid transparent;z-index:1;}
.cont3 li:after		{content:"";position:absolute;left:0;bottom:0;display:block;border-bottom:20px solid #FF6600;border-right:20px solid transparent;z-index:1;}
.cont3 li:nth-child(even)	{margin-top:50px;}
.cont3 li .img	{position:relative;height:180px;}
.cont3 li img	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.cont3 li p		{position:absolute;left:0;top:50%;width:100%;padding:0 30px;transform:translateY(-50%);font-size:18px;line-height:1.4;color:#F4F4F4;letter-spacing:-0.5px;text-align:center;}
.cont3 .bx-pager		{text-align:center;margin:70px 0 0 0;}
.cont3 .bx-pager-item	{display:inline-block;margin:0 5px;}
.cont3 .bx-pager a		{display:block;width:3px;height:16px;text-indent:-9999px;overflow:hidden;background:rgba(255,255,255,0.5);transform:rotate(45deg);}
.cont3 .bx-pager a.active	{background:#fff;}
*/
.cont4 ul	{margin:0 -20px 30px;padding:0 60px;}
.cont4 li	{position:relative;float:left;width:calc(33.3333% - 20px);margin:10px;text-align:center;}
.cont4 li:nth-child(3n+1)	{clear:both;}
.cont4 table	{border-top:2px solid #333;}
.cont4 table th, .cont4 table td	{padding:20px 0;border-bottom:1px solid #999;}
.cont4 table th	{width:200px;text-align:left;font-size:18px;color:#000;font-weight:500;}
.cont4 table td	{font-size:16px;}
.cont6 .bx-wrapper	{position:relative;}
.cont6 .img img	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.cont6 .img li	{position:relative;height:500px;overflow:hidden;}
.cont6 .img .thumb-pager	{margin:20px -10px 0 -10px;}
.cont6 .img .thumb-pager a	{position:relative;display:block;float:left;width:calc(16.6666% - 20px);height:120px;margin:0 10px 10px;overflow:hidden;}
.cont6 .img .thumb-pager a:before	{content:"\f067";font-family:FontAwesome;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);text-align:center;line-height:120px;font-size:24px;color:#fff;z-index:1;opacity:0;transition:all 0.2s ease-out;}
.cont6 .img .thumb-pager a.active:before	{opacity:1;}
.cont6 .bx-controls a	{position:absolute;top:calc(50% - 35px);display:block;width:70px;height:70px;background:#333;text-indent:-9999px;overflow:hidden;}
.cont6 .bx-controls a:before	{font-family:FontAwesome;position:absolute;left:0;top:0;display:block;width:100%;height:100%;text-align:center;text-indent:0;color:#fff;line-height:68px;font-size:20px;}
.cont6 .bx-controls .bx-prev	{left:0;}
.cont6 .bx-controls .bx-next	{right:0;}
.cont6 .bx-controls .bx-prev:before	{content:"\f104";}
.cont6 .bx-controls .bx-next:before	{content:"\f105";}
.cont6 .list	{margin:50px 0 0 0;}
.cont6 .list ul	{margin:0 -10px;}
.cont6 .list li	{position:relative;float:left;width:calc(33.3333% - 20px);margin:0 10px;border-bottom:1px solid #ccc;height:100px;}
.cont6 .list li:nth-child(n+1):nth-child(-n+3)	{border-top:1px solid #ccc;}
.cont6 .list li span	{position:absolute;left:0;top:50%;display:block;width:100%;transform:translateY(-50%);font-size:18px;color:#333;word-break:keep-all;line-height:1.4;text-align:center;}


/*교수소개*/
#ibg7 img				{max-width:100%}
#ibg7 .top-cont 		{position:relative;margin-bottom:40px;}

#ibg7 .top-cont .txt		{float:left;width:calc(100% - 400px)}
#ibg7 .top-cont .txt li span{display:inline-block;width:80px;color:#888;}
#ibg7 .top-cont .name		{font-size:30px;font-weight:600;color:#111;margin-bottom:20px;line-height:1.2}
#ibg7 .top-cont .name span	{display:block;}
#ibg7 .top-cont .photo	{float:right;width:300px;/* height:460px; */overflow:hidden;}
#ibg7 .top-cont .photo img	{width:300px;width:300px;}
#ibg7 .cont ul	{margin:0 -5px}
#ibg7 .cont li	{float:left;width:calc(10% - 10px);margin:0 5px 15px;text-align:center;line-height:1.2;font-size:14px}
#ibg7 .cont .thumb{height:130px;overflow:hidden;margin-bottom:5px;}
#ibg7 .cont li:nth-child(10n+1){clear:both;}



@media only screen and (max-width:1240px){ /* 960px */
	.intro-title	{font-size:60px;margin-bottom:60px}	
	#ibg1{padding-top:0px;}	
	#ibg2{padding:160px 0 80px 0px;}
	#ibg5{overflow:hidden;}
	.cont1{padding-left:0px;}
	.cont2 .tit		{font-size:20px;}
	.cont2 .tit span{font-size:40px;}
	.cont5 img{width:100%;}
}

@media only screen and (max-width:1023px){ /* 720px */
	.cont1		{width:calc(100% - 320px)}
	.cont1-img	{width:320px}
	.cont1-img img{max-width:100%;}
	
	.cont2 .ico		{width:70px;height:70px;background-size:100% auto;}
	.cont2 .tit		{font-size:36px;}
	.cont2 .txt		{font-size:16px;}

	.cont3 li{width:calc(33.3333% - 10px);}
	#ibg7 .top-cont .txt	{width:calc(100% - 240px)}
	#ibg7 .top-cont .photo	{width:240px;height:280px;}
	#ibg7 .cont .thumb{height:90px;}
}

@media only screen and (max-width:767px){ /* auto */
	.intro-title{font-size:40px; margin:0 0 30px;}
	.intro-title:before{display:none !important}
	#ibg1 .txt-br{display: inline;}
	.cont1,
	.cont1-img	{float:none;width:auto;padding-right:0;}
	.cont1-img	{text-align:center;}
	.cont1 .bx{margin-bottom:30px;}
	.cont1 .tit{font-size:20px; margin: 0 0 10px;}
	.cont1 .txt{font-size:16px; word-break:keep-all;}

	#ibg2{padding:100px 0 40px;}
	.cont2{padding:20px 0;}
	.cont2 >  div	{width:50% !important;margin:10px 0;}
	.cont2 .tit{font-size:30px; margin:15px 0 10px;}
	.cont2 .txt{font-size:14px; line-height:135%;}

	.cont3 li{width:100%;}
	.cont4 ul{padding:0;}
	.cont4 img{width:100%;}

	#ibg3{padding:40px 0;background-position:0% 50%;}
	#ibg4{background-position:right 100% top -110px; padding:60px 0 50px 0; overflow:hidden;}

	.cont4 table{}
	.cont4 table tr{border-bottom:2px solid #333;}
	.cont4 table th{border:none; display: block; width:100%; padding:15px 0 0 0;}
	.cont4 table td{display: block; border:none; padding:15px 0;}

	.cont6 .list li{width:calc(50% - 20px);}
	.cont6 .list li:nth-child(3)	{border-top:none !important;}
	.cont6 .img li{height:240px;} /*300*/
	.cont6 .bx-controls-direction{position: relative;}
	.cont6 .img .thumb-pager a{height:50px;}
	/*.cont6 .bx-controls a{    top: calc(50% - 20px);}*/
	.cont6 .bx-controls a	{top:calc(50% - 140px);width:40px;height:40px;}
	.cont6 .bx-controls a:before	{line-height:40px;}
	#ibg5{overflow:hidden; padding:60px 0 50px 0;}
	#ibg6{padding:60px 0 50px 0; overflow:hidden;}
	#ibg6 .slide-tit{font-size:15px; padding:40px 20px 20px 15px;line-height:15px;}
	#ibg7			{padding:40px 0}
	#ibg7 .top-cont .name	{font-size:20px;margin-bottom:10px;}
	#ibg7 .top-cont .txt	{width:calc(100% - 180px)}
	#ibg7 .top-cont .photo	{width:180px;height:220px;}
	#ibg7 .cont li		{width:calc(100% / 6 - 10px);}
	#ibg7 .cont li:nth-child(10n+1){clear:none;}
	#ibg7 .cont li:nth-child(6n+1){clear:both;}

	#intro-footer .f-logo{width:100%; text-align: center; margin:0 0 20px 0;}
	#intro-footer p{width:100%; text-align: center;}
}
@media only screen and (max-width:576px){/*mobile-s*/
	.cont2 .ico		{width:60px;height:60px;}
	.cont2 .tit{font-size:20px;}
	.cont6 .list li span	{font-size:16px;}
	#ibg7 .top-cont .txt	{width:calc(100% - 180px)}
	#ibg7 .top-cont .photo	{width:140px;height:180px;}
	#ibg7 .cont .thumb	{height:80px;}
	#ibg7 .cont li		{width:calc(100% / 5 - 10px);}
	#ibg7 .cont li:nth-child(6n+1){clear:none;}
	#ibg7 .cont li:nth-child(5n+1){clear:both;}

}

/*졸업생취업후기*/
#ibg8			{padding:120px 0 100px 0;background:#fff;}
#ibg8:before	{content:"";position:absolute;right:0;top:0;display:block;border-top:830px solid #f7f7f7;border-left:830px solid transparent;}
#ibg8 .intro-title			{color:#222;}
#ibg8 .intro-title:before	{background:#222;width:calc(100% - 320px);}
.cont8 ul		{margin:0 -10px}
.cont8 li		{padding:0 10px 30px;}
.cont8 li img	{width:100%;}
.cont8 li .tit	{font-size:18px;font-weight:500;margin:15px 0 10px;line-height:1.2;text-align:center;}
.cont8 li .txt	{color:#555;padding:0 5px;text-align:justify;line-height:1.5;font-size:0.95rem}


/*학과홍보동영상*/
#ibg9 .intro-title			{color:#222;}
#ibg9 .intro-title:before	{background:#222;width:calc(100% - 320px);}
#ibg9			{padding:120px 0 100px 0;background:#ECECEC;}
#ibg9:before	{content:"";position:absolute;left:0;bottom:0;display:block;border-bottom:600px solid #f7f7f7;border-right:600px solid transparent;}
#ibg9 .video-wrap{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;} 
#ibg9 .video-wrap iframe,.video-wrap object,.video-wrap embed{position:absolute;top:0;left:0;width:100%;height:100%;} 


@media only screen and (max-width:1023px){ /* 720px */

}
@media only screen and (max-width:767px){ /* auto */
	#ibg8		{padding:40px 0}
	.cont8 ul	{margin:0 }
	.cont8 li	{float:none !important;width:auto !important;padding:0 0 20px 0}
	#ibg9		{padding:40px 0}
	#ibg9:before{display:none;}
}
@media only screen and (max-width:576px){/*mobile-s*/
	.cont8 li .tit	{font-size:15px;}
}