.mainSection { padding: 60px 0; }
.mainSection.hasBg { background: #eee; }

.mainQuickLink  .col { border:1px solid #ddd; padding: 10px; }
.mainQuickLink  .col  h4 {  color: #000; font-size: 20px;  }
.mainQuickLink  .col  p { color: #999; }
.mainQuickLink  .col:after { content: "\e907"; font-family: xeicon; font-size: 18px; color: #999; position: absolute; right:15px; top:10px;  }
.mainQuickLink  .col  h4:before { position: absolute; content:""; display: block; width: 40px; top:-1px; border-top:3px solid #d90000; }
.mainQuickLink  .col .icon192 img { width: 150px; height: auto;   }

.mainQuickLink  .col:hover, .mainQuickLink  .col:focus { border-color: #d90000; }
.mainQuickLink  .col:hover h4, .mainQuickLink  .col:hover:after, .mainQuickLink  .col:focus h4,  .mainQuickLink  .col:focus:after { color: #d90000; }

.newsSection { background: #fff; border:1px solid #ddd; padding: 20px; overflow: hidden; }
.newsSection .importantNews {    display: block;}
.newsSection .importantNews li { float: left; width: 32%; padding-right: 2%; margin-right: 2%; box-sizing: border-box; border-right: 1px solid #ddd; }
.newsSection .importantNews li img { width: 100%; }
.newsSection .importantNews li span.info span { display: block;  }
.newsSection .importantNews li span.info span.title { margin: 15px 0; height: 2.4em;  line-height: 1.2em; color: #222; font-size: 18px;   }
.newsSection .importantNews li span.info span.summary { color: #666;  }

.newsSection .importantNews.titleOnly li span.info span.title { height: 3.6em }
.newsSection .importantNews.titleOnly li span.info .summary {color: #000 !important}

.newsSection .recentNews { width: 30%; float: right; }
.newsSection .recentNews li { border-top:1px solid #ddd; padding-top: 15px;  margin-top: 15px; overflow: hidden;}
.newsSection .recentNews li .thumb { float: left; margin-right: 10px; padding: 3px; border: 1px solid #ddd; text-align: center; line-height: 80px; width: 160px;}
.newsSection .recentNews li .thumb img { width: auto; max-width: 160px; max-height: 80px; }
 
.newsSection .recentNews li span { display: block; }
.newsSection .recentNews li span.title { color: #222; margin-bottom: 10px; font-size: 16px; line-height: 1.2em; }
.newsSection .recentNews li span.summary { font-size: 12px; color: #666; }
.newsSection .recentNews li:first-child { padding-top: 0; margin-top: 0; border:none; }



.newsSection span.date { font-family: roboto; font-size: 11px; color: #999; margin-top: 15px;}

.cultureSection { border:1px solid #ddd; padding: 20px 20px 30px; }
.cultureSection .col:after { content: ""; display: block; position: absolute; border-left: 1px solid #ddd; left: -5%; top:0px; bottom:0px;  }
.cultureSection .col:first-child:after { display: none; }

.businessArea { overflow: hidden; position: relative; }

.businessArea .areaVisual { position: absolute; left: 0px; bottom:0px; top:0px; width: 50%;  padding: 100px 50px; box-sizing: border-box; background-size: cover; }
.businessArea .areaVisual  h3 { text-align: center; color: #fff; font-size: 24px; }
.businessArea .areaVisual  h3:after { content: ""; display: block; border-bottom: 1px solid #fff;  width: 60px; margin: 20px auto;  }
.businessArea .areaVisual p { text-align: center; color: #fff; }
.businessArea .areaVisual .navigator { position: absolute; bottom:0px; right:0px; left: 0px; background: rgba(0,0,0,.5); }
.businessArea .areaVisual .navigator a { display: block; line-height: 40px; text-align: center; color: #fff; width: 50%; box-sizing: border-box; float: left; }
.businessArea .areaVisual .navigator a:first-child { border-right:1px solid #5171a1; }

.businessArea .companyList { overflow: hidden; border-right:1px solid #ddd; border-bottom:1px solid #ddd; float: right; box-sizing: border-box; width: 50%; }
.businessArea .companyList li { float: left; width: 50%; overflow: hidden;  box-sizing: border-box; border-left:1px solid #ddd; border-top:1px solid #ddd;}
.businessArea .companyList li a { display: block; text-align: center; padding:  30px 0; }
.businessArea .companyList li a span { display: block;  text-align: center; color: #222; }
.businessArea .companyList li a span.title { font-size: 16px; font-weight: bold;  margin: 5px 0;}
.businessArea .companyList li a span.summary { font-size: 12px; }

.imgLink { display: block; position: relative; }
.imgLink h4 { display: block; position: absolute; color: #000; top:20px; left: 20px;  z-index: 9; font-size: 18px;}
.imgLink h4:before { width: 20px; border-top:2px solid #d90000; margin-bottom: 6px; content: ""; display: block; }

.snsWrap { width: 30%; float: right; text-align: center;  padding-top: 20px; margin-top: 10px; border-top:1px solid #ddd; }
.snsWrap li { display: inline-block; padding: 0 10px ;   position: relative; }
.snsWrap li a { font-size: 24px; color: #666; line-height: 40px; }
.snsWrap li a:hover, .snsWrap li a:focus { color: #d90000; }
.snsWrap li:after { display: block; height: 20px; border-left: 1px solid #ccc; left:0px; top:50%; margin-top: -10px; content: ""; position: absolute; }
.snsWrap li:first-child:after { display: none; }

.recentMovie { margin-left: -20px; margin-right: -20px; }
.recentMovie li { float: left; width: 50%; box-sizing:border-box; padding: 20px; }
.recentMovie li span.title { font-size: 16px; color: #000; margin-top: 10px; display: block;  line-height: 1.2em; height: 2.4em;}
.recentMovie li .deem { background: url(../images/icon80_play.png) center no-repeat rgba(0,0,0,.5); position: absolute; display: block; top:0px; left:0px; bottom:0px; right:0px; }
.recentMovie li a:hover .deem { display: none; }

/*메인 슬라이드*/
.swiper-container {
	position: relative;
	max-width: 1600px;
    width: 100%;
    height: 620px;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 70px;
}
    
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background-size: cover;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.pagenumber_01 {background: url(../images/slide_1.png)no-repeat center;}	
.pagenumber_02 {background: url(../images/slide_2.png)no-repeat center;}	
.pagenumber_03 {background: url(../images/slide_3.png)no-repeat center;}	

.slide_info_box {position: absolute;  max-width: 510px; width: 100%; height: 490px; bottom: 20px; left: 15%; z-index: 100; }
.slide_info_box .inner {position: relative; width: 100%; height: 100%; background-color: rgba(255, 0, 4, 0.80); z-index: 100; padding: 70px 40px; box-sizing: border-box;}
.slide_info_box .inner h2 {color: #fff; font-size: 60px; line-height: 60px; margin-bottom: 30px;}
.slide_info_box .inner p {color: #fff; font-size: 20px; line-height: 30px; font-weight: 300; letter-spacing: -1px;}
.slide_info_box .inner a {position: absolute; bottom: 70px; left: 40px; width: 145px; line-height: 48px; padding: 0 15px; box-sizing: border-box; color: #fff; display: inline-block; font-weight: 300; font-size: 14px; background: url(../images/vatech_btn_arrow.png)no-repeat right center #2f3245;}
.slide_info_box:after {
	content: '';
	display: block;
	position: absolute;
	top:15px;
	left: 15px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.15);
	z-index: 99;
}
/* Bullets */
.swiper-pagination {
	bottom: 70px;
	right: 40px;
}
.swiper-pagination-bullet {
  width: 50px;
  height: 2px;
  display: inline-block;
  background: #fff;
  opacity: 1;
  margin-left: 10px;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #ffa200;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffa200;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #ffa200;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

.mainQuickLink  .col .stockHighlight { border:none; height: auto;  height: 150px; padding: 20px 0; box-sizing: border-box; color: #999;  text-align: center; font-size: 16px; }
.mainQuickLink  .col .stockHighlight h3 { text-align: center ; float: none;  font-size: 60px; line-height: 1.2em; }
.mainQuickLink  .col .stockHighligh span { margin: 0 10px; }
@media all and (max-width: 1280px) {

}

@media all and (max-width: 1080px) {

/* .newsSection .importantNews li {width: 60%} */
.newsSection .recentNews {width: 32%;}

}

@media all and (max-width: 980px) {

}

@media all and (max-width: 740px) {
.recentMovie li span.title { font-size: 14px; }
.newsSection .recentNews {width: 100%;}
.newsSection .importantNews li {width: 100%; border-bottom: 1px solid #ddd; border-right; margin-bottom: 15px; padding-bottom: 15px; border-right: 0;}
.newsSection .importantNews li span.info span.title {display: block; height: auto; margin-bottom: 5px; }
.newsSection .importantNews.titleOnly li span.info span.title {height: auto;}
.cultureSection .col:after {display: none;}
.snsWrap {width: 100%;}
.snsWrap li {box-sizing: border-box; width: 30%; text-align: center}

}

@media all and (max-width: 479px) {
.recentMovie li { width: 100%;  }
}

@media all and (max-width: 360px) {

}

@media all and (max-width: 320px) {

}