@charset "utf-8";

html,body { margin:0; padding:0; width:100%; height:100%;  }
.box { width:100%; height:100%; position:relative; }
.box1 { width:100%; position:relative; }

#section1,
#section2,
#section3,
#section4,
#section5 { overflow: hidden; }

#section1 .swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-slide > .swiper-slide-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent no-repeat 50% 50% /cover;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide .slide1 {
  background-image: url(../images/img1.png);
  transform-origin: 50% 50%;
}

.swiper-slide .slide2 {
  background-image: url(../images/img2.png);
  transform-origin: 50% 50%;
}

.swiper-slide .slide3 {
  background-image: url(../images/img3.png);
  transform-origin: 50% 50%;
}

.swiper-slide .slide4 {
  background-image: url(../images/img4.png);
  transform-origin: 50% 50%;
}
.swiper-scale-effect .swiper-slide-cover {
  transition: 20s ease-out;
  transform: scale(1.3);
}

.swiper-scale-effect .swiper-slide.swiper-slide-active .swiper-slide-cover {
  transform: scale(1);
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content:'' !important; }

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,
.swiper-button-next, .swiper-button-prev { text-decoration:none; outline: none; -webkit-tap-highlight-color: transparent; }

#section1 { position:relative; }
#section1 .swiper-text { 
	position:absolute; 
	top: 45%; 
	left: 10%; 
	z-index: 10; 	
	letter-spacing:-1;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

#section1 .swiper-text .en { font-size: 28px;	font-family: Futura4; color: #38bbc2; line-height:42px; }
#section1 .swiper-text .en strong { font-size: 38px; font-family: Futura5; }
#section1 .swiper-text .en .sm { font-size: 18px; font-family: Futura5; color: #38bbc2; }
#section1 .swiper-text .ko { color:#fff; font-size: 18px; font-family: Futura1; line-height:27px; margin-top:10px; }
#section1 .swiper-text .ko .inblock { display: block; }
#section1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	top: 64.5%; 
	left: 10%;
	width: 10%;
	height: 27px;
	font-size: 23px;
	line-height: 27px;
	color: #fff;
}
#section1 .swiper-pagination { text-align:left; font-family:Futura1; }
#section1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 15%; }
#section1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 81%; }
#section1 .swiper-button-next, .swiper-button-prev { top:66.5%; color:rgba(255,255,255,0.5); font-size: 27px; line-height:30px; height:30px; } 

#section2 { padding: 150px 10% 0; overflow:hidden; }
#section2 h3 { margin-bottom:30px; font-size: 45px; color: #e94d16; font-family:Futura5; text-decoration:underline; }
#section2 p { font-size: 18px; line-height:27px; color: #222; font-family:Futura1; }
#section2 .ko { font-size:15px; margin-top:30px; }
#section2 .fL { width:45%; }
#section2 .fR { width:50%; }
#section2 .aboutBg1 { width:100%; text-align:center; margin: 80px 0 0; font-family:Futura1; }
#section2 .aboutBg1 dd.tt { padding-top:20px; color:#38bbc2; font-size: 20px; line-height:32px; font-weight:bold; }
#section2 .aboutBg1 dd.ts { color:#222; font-size: 18px; line-height:28px; padding-top:10px; }
#section2 .aboutBg2 { 
	width:100%; 
	height:700px; 
	background:#000f59 url(../images/about_img3.png) no-repeat bottom right; 
	background-size:100%; 
	color:#fff; 
	font-family:Futura1; 
	border-radius: 20px;
	position:relative;
	}
#section2 .aboutBg2 dl { 
	width:80%; 
	position:absolute; 
	top: 50%; 
	left: 10%; 
	z-index: 1; 	
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	}
#section2 .aboutBg2 dt { font-size: 24px; padding-bottom:20px; color:#e94d16; }
#section2 .aboutBg2 dd { font-size: 18px; line-height: 27px; }
#section2 .aboutBg2 dt.mgt { margin-top:50px; }

#section6 { padding: 150px 10% 0; font-family:Futura1; }
#section6 .mapBg { text-align:center; }
#section6 .mapBg img { width:70%; margin-top:50px; }
#section6 .topBox:after { content:""; display:block; clear:both; }
#section6 h3 { font-size: 45px; color: #e94d16; font-family:Futura5; text-decoration:underline; }
#section6 .ttBox { padding-top:20px; font-size:24px; }
#section6 .ttBox .smt { font-size:20px; font-family:Futura2; padding-left:20px; }
#section6 h4 { color:#222; font-size: 27px; font-family:Futura3; }
#section6 .icons { margin-top:20px;  border-top:solid 1px #222; }

#section6 .icons dl { width:100%; padding:10px 0; border-bottom:solid 1px #e0dfe5; }
#section6 .icons dl:after { content:""; display:block; clear:both; }
#section6 .icons dl dt { float:left; width:20%; padding:20px 0 20px 3%; line-height:22px; font-family:Futura3; font-size:24px; }
#section6 .icons dl dt img { width:15px; vertical-align:center; margin-right:10px; }
#section6 .icons dl .iconsBox { float:left; width:40%; }
#section6 .icons dl dd .iconBg { 
	width:100%;
	font-size:20px; 
	line-height:28px; 
	font-family:Futura2; 
	margin:5px 0; 
	background:url(../images/patent_dot4.png) no-repeat 0 13px; 
	background-size:5px; 
	padding-left:20px; 
	}
#section6 .icons dl dd .inblock { display:inline; font-family:Futura3; }
#section6 .iconBox { color: #000; font-family:Futura3; padding-top:25px;  }
#section6 .iconBox dt { font-size: 15px; }
#section6 .iconBox dt .inblock { font-family:Futura2; }
#section6 .iconBox dd { font-size: 18px; }

#section3 { padding: 150px 10% 0; overflow:hidden; position:relative; /* background-color:#f5f8fa; */ }
#section3 h3 { margin-bottom:30px; font-size: 45px; color: #e94d16; font-family:Futura5; text-decoration:underline; }
#section3 .photo1 { width:1200px; margin:0 auto; background:url(../images/business_circle.png) no-repeat; background-size:100%; height:380px; }
#section3 .photo1_img { width:1200px; margin:0 auto; text-align:center; }
#section3 .photo2 { width:1200px; margin:0 auto; padding-top:20px; }
#section3 .photo1 ul:after,
#section3 .photo2 ul:after { content:""; display:block; clear:both; }
#section3 .photo1 li { float:left; width: 22%; text-align:center; margin-top:155px; color:#0c9ca6; font-size:24px; font-family:Futura3; }
#section3 .photo1 li.mid { margin-top:125px; margin-left:17.5%; color:#fff; }
#section3 .photo1 li.mid .en { font-size: 32px; }
#section3 .photo1 li.mid .ko { font-size: 18px; padding-top:10px; font-family:Futura1; }
#section3 .photo1 li:last-child { float:right; margin-top:170px; }
#section3 .photo2 li { float:left; width: 32%; margin-right:2%; padding:100px 50px 250px; }
#section3 .photo2 li.first { background:url(../images/business_img4.png) no-repeat; background-size:100%; }
#section3 .photo2 li.mid { background:url(../images/business_img5.png) no-repeat; background-size:100%; }
#section3 .photo2 li.last { background:url(../images/business_img6.png) no-repeat; background-size:100%; margin-right:0; }
#section3 .photo2 li p { color:#fff; font-family:Futura1; font-size:20px; }
#section3 .photo2 li p .num { display:block; opacity:0.6; }
#section3 .photo2 li p .inblock { font-family:Futura3; font-size:26px; padding:15px 0; }
#section3 .photo2 li:last-child { margin-right:0; }

/* #section4:after { content:""; display:block; clear:both; }
#section4 h3 { padding-left:10%; font-size: 45px; color: #e94d16; font-family:Futura5; }
#section4 p { color:#222; font-size: 18px; padding-left:10%; }
#section4 h4 { font-size: 23px; color:#38bbc2; font-family:Futura2; }
#section4 dl { color:#222; padding-top:55px;  }
#section4 dt { font-size: 23px; padding-bottom:15px; font-family:Futura2; }
#section4 dd { font-size: 18px; line-height:27px; }
#section4 dd span { color:#38bbc2; padding-right:5px; font-size:13px; vertical-align:middle; }
#section4 .recruitTop:after { content:""; display:block; clear:both; }
#section4 .recruitBg { float:left; width:800px; }
#section4 .recruitBg img { width:800px; margin-top:50px; }
#section4 .recruitBox1 { float:left; margin-left:50px; padding-top:100px; }
#section4 .recruitBox2 { padding-left:10%; float:left; width:800px; }
#section4 .recruitBox2 .inblock { display: block; color:#222; font-size: 18px; padding-left: 15px; }
#section4 .recruitBox3 { float:left; width:734px; margin-left:50px; }
#section4 .recruitBox3bg { background:url(../images/recruit_img1.png) no-repeat; background-size: 734px; }
#section4 .recruitBox3txt { display: inline-block; font-size: 23px; color:#fff; padding:73px 0; text-align:center; }
#section4 .recruitBox3txt:nth-child(1) { width: 28% }
#section4 .recruitBox3txt:nth-child(2) { width: 28%; margin-left: 8%; }
#section4 .recruitBox3txt:nth-child(3) { width: 28%; margin-left: 8%; } */

#section7 { padding: 150px 10% 100px; }
#section7 .newsTbox:after { content:""; display:block; clear:both; }
#section7 .news { padding-top:140px; width:80%; }
#section7 h4 { float:left; color:#e94d16; font-size:45px; font-family:Futura5; text-decoration:underline; }
#section7 .txt { float:left; padding:20px 0 0 20px; }
#section7 li { border-bottom: solid 1px #f0f0f1; padding-bottom:44px; }
#section7 ul li:nth-child(4n) { border-bottom:none; padding-bottom:0; }
#section7 .ko { margin-top: 50px; font-family:Futura1; }
#section7 .ko dt a { color:#acacac; font-size: 27px; font-weight:bold; }
#section7 .ko dt a:hover { color:#38bbc2; }
#section7 .ko dd a { 	
	color:#222; 
	font-size: 16px; 
	padding-top: 10px; 
	line-height: 26px; 
	height:58px;
	white-space:normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;	
	overflow:hidden;
}


#section7 .en { margin-top:50px; font-family:Futura1; }
#section7 .en dt a { color:#acacac; font-size: 27px; font-weight:bold; }
#section7 .en dt a:hover { color:#38bbc2; }
#section7 .en dd a { 
	color:#222; 
	font-size: 18px; 
	padding-top:10px; 
	line-height:26px; 
	height:58px;
	white-space:normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;	
	overflow:hidden;
}
#section7 .ko dd a:hover,
#section7 .en dd a:hover { text-decoration: underline;  } 

#section7 .inblock,
#section7 .inblock1 { display: block; }
#section7 .more { width:150px; margin:50px auto 0; position:relative; }
#section7 .more img { width:150px; }
#section7 .more span { position:absolute; top:22px; left:60px; }
#section7 .js-load {
    display: none;
}
#section7 .js-load.active {
    display: block;
}
#section7 .is_comp.js-load:after {
    display: none;
}
#section7 .btn-wrap, .lists, .main {
    display: block;
}


#section5 { background:#172245; text-align:center; color:#fff; padding: 150px 0 100px; font-family:Futura1; }
#section5 h3 { font-size: 45px; color:#e94d16; font-family:Futura5; padding-bottom:20px; text-decoration:underline; }
#section5 .tt { font-size:23px; line-height:40px; }
#section5 .mail a { display:inline-block; font-size:36px; color:#fff; font-family:Futura5; padding-top: 30px; }
#section5 address,
#section5 .tel { font-size:18px;  line-height:30px; }
#section5 .footlogo { padding-top: 30px; }
#section5 .footlogo img { width: 100px; }
#section5 .copy { font-size:14px; padding-top:10px; }