@charset "utf-8";
/****************************************/
/* Name: KIAT 융합혁신지원단
/* Version: 1.0 / day: 2020-12-10
/* Author:  

/* Summary 
	1)메인 콘텐츠
	2)반응형 메인 콘텐츠
*/
/****************************************/

/*
================================================================================
메인콘텐츠
================================================================================
*/
/* 슬라이드 기본설정 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 0;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* 공통 */
.lt {float: left;}
.rt {float: right;}
a:hover {text-decoration: none!important;}

.mVisual{position:relative;}
.mVisual .mVisualBox {max-width: 1440px; margin: 0 auto;}
.mVisual .visualTxt{position:absolute;top:255px;left:50%;margin-left: -497px;z-index:20;text-align: center;}
.mVisual .visualTxt p{color:#fff}
.mVisual .visualTxt .txt1{margin-bottom:20px;font-size:60px;font-weight: 600;line-height:1.4;opacity:1;transition:all 0.8s ease;-webkit-transition:all 0.8s ease;transform:translateY(20px);text-align: center;}
.mVisual .visualTxt .txt1 b{display:block;margin-top:10px;font-size:70px}
.mVisual .visualTxt .txt2{font-size:28px;font-weight:300;opacity:1;transition:all 0.8s ease;-webkit-transition:all 0.8s ease;transform:translateY(20px)}
.mVisual.firstAct .visualTxt .txt1{opacity:1;transition-delay:0.1s;-webkit-transition-delay:0.1s;transform:translateY(0);text-shadow: 2px 0 6px rgba(0,0,0,0.2)}
.mVisual.firstAct .visualTxt .txt2{opacity:1;transition-delay:0.5s;-webkit-transition-delay:0.5s;transform:translateY(0);text-shadow: 2px 0 6px rgba(0,0,0,0.2)}
.mVisual .visSlide ul li{position:relative;height:720px;background-repeat:no-repeat;background-position:center bottom;background-size:cover}
.mVisual .visSlide ul li.bg1{background-image:url('../images/m_visual1.jpg');}
.mVisual .visSlide ul li.bg2{background-image:url('../images/m_visual2.jpg');}
.mVisual .visSlide ul li.bg3{background-image:url('../images/m_visual3.jpg');}
.mVisual.firstAct .control button{opacity:0.7;transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.mVisual .control button{position:absolute;top:50%;margin-top:-22px;width:50px;height:50px;text-indent:-999px;overflow:hidden;opacity:1;z-index:50;border:1px solid rgba(255,255,255,0.7);transition:all 0.6s ease;-webkit-transition:all 0.6s ease;}
.mVisual .control button::after{position:absolute;top:50%;left:50%;width:15px;height:15px;content:'';border:1px solid #fff;border-width:2px 0 0 2px}
.mVisual .control .prevSlide{left:50px}
.mVisual .control .nextSlide{right:50px}
.mVisual .control .prevSlide::after{margin:-8px 0 0 -5px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.mVisual .control .nextSlide::after{margin:-8px 0 0 -12px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}
.mVisual .mTopLink{position:absolute;left:0;bottom:-20px;padding:30px 20px 135px;width:100%;opacity:0;background:rgba(0,0,0,0.5);transition:all 0.6s ease;-webkit-transition:all 0.6s ease;z-index:30}

/* 컨텐츠 배너 */
.mConBox{position: relative;overflow:hidden;margin:0 auto;max-width:1440px; padding:40px 0;margin-top: -50px;background: #fff;z-index: 9;}
.mConBox::after{display:block;clear:both;content:''}
.mConBox.pt_area{padding-top: 30px!important;}
.mCon1::after{display:block;clear:both;content:''}
.mCon1 > div a:hover{text-decoration:none}
.mCon1 > div a:hover::after{right:0px}

.m_link{overflow: hidden}
.m_link li{position: relative;float: left;width: 25%;}
.m_link li a{display: block;height: 180px;border-right: 1px #dadada solid;padding: 0 0 0 40px;}
.m_link li:last-child a{border-right:none;}
.m_link li:nth-child(1)::before{position:absolute;top:0;left:40px;width:100%;height:55px;content:'';background: url(../images/main_icon01.png) no-repeat 0 0;}
.m_link li:nth-child(2)::before{position:absolute;top:0;left:40px;width:100%;height:55px;content:'';background: url(../images/main_icon02.png) no-repeat 0 0;}
.m_link li:nth-child(3)::before{position:absolute;top:0;left:40px;width:100%;height:55px;content:'';background: url(../images/main_icon03.png) no-repeat 0 0;}
.m_link li:nth-child(4)::before{position:absolute;top:0;left:40px;width:100%;height:55px;content:'';background: url(../images/main_icon04.png) no-repeat 0 0;}
.m_link li p{font-size: 18px;color: #252525;padding-top: 70px;margin-bottom: 10px;}
.m_link li:nth-child(2) p{margin-bottom: 35px;}
.m_link li span{font-size: 14px;font-weight: 500;color: #2d51c1;background: url(../images/icon_arrow02.png) no-repeat right 6px;padding-right: 30px;transition: all 0.3s ease;}
.m_link li span:hover{padding-right: 40px;}

/* 애니효과 */
.ani_0{transition-property: all;transition-duration: 0.6s;-webkit-transition-property: all;-webkit-transition-duration: 0.6s;}
.ani{opacity:0;transition-property: all;transition-duration: 0.6s;-webkit-transition-property: all;-webkit-transition-duration: 0.6s;}
.ani_y{opacity:0;transform:translateY(50px);transition-property: all;transition-duration: 0.6s;-webkit-transform:translateY(50px);-webkit-transition-property: all;-webkit-transition-duration: 0.6s;}
.ani_y.m{transform:translateY(-50px);-webkit-transform:translateY(-50px);transition-timing-function:ease;-webkit-transition-timing-function:ease}
.ani_x{opacity:0;transform:translateX(50px);transition-property: all;transition-duration: 0.6s;-webkit-transform:translateX(50px);-webkit-transition-property: all;-webkit-transition-duration: 0.6s;}
.ani_x.m{transform:translateX(-50px);-webkit-transform:translateX(-50px);transition-timing-function:ease;-webkit-transition-timing-function:ease}
.delay1{transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.delay2{transition-delay:0.5s;-webkit-transition-delay:0.5s;}
.delay3{transition-delay:0.8s;-webkit-transition-delay:0.8s;}
.delay4{transition-delay:1.1s;-webkit-transition-delay:1.1s;}
.delay5{transition-delay:1.4s;-webkit-transition-delay:1.4s;}
.delay6{transition-delay:1.7s;-webkit-transition-delay:1.7s;}
.delay7{transition-delay:2.0s;-webkit-transition-delay:2.0s;}
.delay8{transition-delay:2.3s;-webkit-transition-delay:2.3s;}
.delay9{transition-delay:2.6s;-webkit-transition-delay:2.6s;}
.delay10{transition-delay:3.0s;-webkit-transition-delay:3.0s;}

/* 팝업 */
#pop1,#pop2,#pop3{position: relative; width: 32%; z-index: 99;float: left;left: 0px;background:#fff;padding-top:40px;border: 1px solid #999;margin-right: 10px;}

#pop1 .close, #pop2 .close, #pop3 .close{position: absolute;
 top: 0;
 width: 100%;}

#pop1 #check1, #pop2 #check2, #pop3 #check3{float:left;margin-top: 12px;margin-left: 15px;}
#pop1 #close1, #pop2 #close2, #pop3 #close3{float:right; margin-right: 15px; margin-top: 12px;}

.popwrap{
 position: absolute;
 z-index: 999999;
 width: 1100px;
 margin: auto;
 left: 0;
 top: 0;
}

/*
================================================================================
반응형 메인 콘텐츠
================================================================================

 /* TABLET Device */
@media all and (max-width:1250px){
    .mbr{display:none}
    .mVisual .visualTxt .txt1 {font-size: 42px;}
    .mVisual .visualTxt .txt2 {font-size: 22px;}
	.mVisual .control .prevSlide{left:20px}
	.mVisual .control .nextSlide{right:20px}
    .mVisual .visSlide ul li{height: 630px;}
    .mVisual .visualTxt{margin-left: -360px;}
    .mConBox{margin-top: 0;}
    .m_link li{width: 50%;margin-bottom: 40px;}
    .m_link li:nth-child(2) a{border-right:none;}
    .m_link li:nth-child(2) p{margin-bottom:10px;}
    .m_link li a{height: 130px;}
    .m_link li p br{display: none;}
    
}

@media (max-width:800px) {
	#pop1{width:100% !important;}
	#pop2{width:100% !important;}
	#pop3{width:100% !important;}
}

 /* Mobile Device */
@media all and (max-width:640px){
    .mVisual .visualTxt{top: 160px;left:0;margin-left: auto;text-align: center;padding: 0 30px;}
	.mVisual .visualTxt .txt1{font-size: 26px;}
    .mVisual .visualTxt .txt1 br{display: none;}
	.mVisual .visualTxt .txt2{font-size:16px}
	.mVisual .visSlide ul li{height:450px}
	.mVisual .control button{width:22px;height:22px}
	.mVisual .control button::after{width:5px;height:5px}
	.mVisual .control .prevSlide{left:10px}
	.mVisual .control .nextSlide{right:10px}
	.mVisual .control .prevSlide::after{margin: -4px 0 0 -2px;}
	.mVisual .control .nextSlide::after{margin: -4px 0 0 -5px;}
    
    .mConBox{padding: 25px 0;}
    .m_link li{width: 100%;margin-bottom: 20px;}
    .m_link li::before{display: none;}
    .m_link li a{height:auto;border-right:none;border-bottom: 1px #ddd solid;padding: 0 20px 20px 20px;}
    .m_link li:last-child a{border-bottom:none;}
    .m_link li p{font-size: 15px;padding-top: 0;margin-bottom: 5px;}
    .m_link li span{font-size: 13px;}
}

 /* Mobile Device */
@media all and (max-width:341px){
	.mVisual .visSlide ul li{height: 560px;}
}