@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;500&display=swap");
  html{font-size:10px}
  html,body{margin:0;padding:0;color:#333}
  *,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  *{margin:0;padding:0;text-decoration:none}
  ul,li,ol,dl,dt,dd{list-style:none;padding:0;margin:0}
  a,button{border:0;outline:0;background:transpatrent;cursor:pointer;-webkit-tap-highlight-color:transparent}
  a{color:#000;text-decoration:none}
  button{overflow:visible;font-family:'Noto Sans KR',sans-serif;white-space:nowrap;background-color:transparent;padding:0}
  
  
  .clb:after{content:"";display:block;clear:both}
  .fl{float:left}
  .fr{float:right}
  

  .ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal}
  .vidbox-wrap{position:relative;width:100%;margin:0 auto;}
  .clb:after{content:"";display:block;clear:both}
  .fl{float:left}.fr{float:right}
  
  .vp-controls{display:none !important}
  
  .ta-l{text-align:left;padding-left:100px;padding-right:50px}
  .ta-r{text-align:right;padding-right:100px;padding-left:50px}
  
  .Noto Sans KR{font-family:"Noto Sans KR",sans-serif !important}
  .noto{font-family:"Metrisch", sans-serif !important}
  .lora{font-family:"Lora",serif !important}
  
  .ratio{width:100%;position:relative}
  .ratio:before{content:"";display:block;padding-top:56.2555555555%}
  .ratio__box{position:absolute;width:100%;height:100%;left:0;top:0}
  
  .video-box{width:100%;height:100%}.vidbox-row{ margin-top: 10px; position:relative; margin-bottom: 10px;}
  
  .vidbox-wrap .ratio {pointer-events: none;}
  /* #ivideo1, #ivideo2, .lastmovie, #fullVideo{ pointer-events: none;} */
  
  @media screen and (max-width:768px) {
	.vidbox-wrap .ratio {pointer-events: unset;}
  }



  .vidbox-row__inbox{width:50%;height:100%;position:absolute;overflow:hidden;position:relative}
  .vidbox-row__inbox.type-vid.right{margin-left:50%}
  .vidbox-row__inbox.type-txt{position:absolute;width:50%}
  .vidbox-row__inbox.type-txt.type-a{background:url(http://img.einet.kr/P202206026/main_bg.jpg) no-repeat center center/cover;right:0;height:100%}
  .vidbox-row__inbox.type-txt.type-b{background:url(http://img.einet.kr/P202206026/main_bg.jpg) no-repeat center center/cover;left:0;height:100%}
  .vidbox-row__table{width:100%;height:100%;display:table}
  .vidbox-row__cell{display:table-cell;vertical-align:middle;width:1%}
  .vidbox-row__inner{display:inline-block}
  .vidbox-row__tit{ font-family:'Gilda Display', cursive; font-weight:400; font-size:40px;color:#212121;}
  .vidbox-row__sub{ font-family:'Gilda Display', cursive;font-size:18px;color:#212121; margin-top:25px;word-break:keep-all}
  .vidbox-row__btn{ font-family:'Gilda Display', cursive; font-size:16px;color:#212121;margin-top:70px}
  .vidbox-row__tit.type-fff,.vidbox-row__sub.type-fff,.vidbox-row__btn.type-fff{color:#212121;}
  .vidbox .vimeoWrap iframe{position:absolute;top:-10%;left:-10%;width:120%;height:120%}
  .vidbox .vimeoWrap{padding-top:56.2555555%;margin-top:-5%}
  
  @media (max-width: 1024px){
  
  .vidbox .vimeoWrap{margin-top:50px}
  .vidbox .vimeoWrap iframe{display:block;position:absolute;top:0;left:0;width:100%;height:100%}
  .vidbox-wrap{/*margin-top:50px;margin-bottom:60px*/}
  
  .ta-l{text-align:left;padding-left:30px;padding-right:30px}
  .ta-r{text-align:right;padding-right:30px;padding-left:30px}
  .vidbox-row__inbox{width:auto}
  .vidbox-row__inbox.type-vid{width:56%}
  .vidbox-row__inbox.type-txt{width:44%}
  .vidbox-row__tit{font-size:14px;line-height:20px}
  .vidbox-row__sub{font-size:10px;line-height:12px;margin-top:10px}
  .vidbox-row__btn{font-size:10px;margin-top:10px}
  
  }
  
  @media (max-width: 550px){
  .vimeoWrap iframe{display:block;position:absolute;top:0;left:0;width:100%;height:100%}
  }










.main1 {
	padding: 100px 0 125px;
	background-color: #f8f8f8;
}
.main1_wrap {
	position: relative;
	max-width: 1620px;
	margin: 80px auto 0;
	padding: 0 110px;
}
.main1_wrap .swiper-main1 {
	padding-bottom: 65px;
}
.main1_wrap a {
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-align: center;
}
.main1_wrap a .thumbnails {
	padding-top: 59.25%;
}
.main1_wrap a .thumbnails .loader {
	background-position: top center;
}
.main1_wrap a .info {
	margin: 18px 0;
	padding-left: 3px;
	letter-spacing: -0.025em;
	text-align: left;
}
.main1_wrap a .info .ttl {
	font-family: 'Lato';
	font-size: 16px;
	color: #888;
	letter-spacing: -0.025em;
	line-height: 1.1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.main1_wrap .swiper-button-prev,
.main1_wrap .swiper-button-next {
	top: calc(50% - 95px);
}



@media ( max-width: 1620px ) {
	.main1_wrap .swiper-button-next {
		right: 20px;
	}
	.main1_wrap .swiper-button-prev {
		left: 20px;
	}
}



@media ( max-width: 1024px ) {
	.main1 {
		padding: 45px 0 ;
	}
	.main1_wrap {
		max-width: 100%;
		margin: 30px auto 0;
		padding: 0;
	}
	.main1_wrap .swiper-main1 {
		padding-bottom: 0;
	}
	.main1_wrap a {
		width: 220px;
	}
	.main1_wrap a:first-child {
		margin-left: 15px;
	}
	.main1_wrap a:last-child {
		margin-right: 15px;
	}
	.main1_wrap a .thumbnails {
		height: 130px;
		padding-top: 0;
	}
	.main1_wrap a .info {
		margin: 14px 0;
		padding-left: 0px;
	}
	.main1_wrap a .info .ttl {
		font-size: 14px;
	}
	
	.main1_wrap .swiper-button-next, .main1_wrap .swiper-button-prev {
		display: none;
	}
	.main1_wrap .swiper-pagination {
		display: none;
	}

}