@charset "utf-8";



/******************slide********************/
.unslider {
  position: relative;
  overflow:hidden !important;  
}

 .unslider-nav {
  position: relative;
  z-index: 888;
  bottom: 40px;
  display:none;
}

.unslider-nav ol li {
  width: 7px !important;
  height: 7px !important;
  background: rgba(255,255,255,0.8) !important;
  border:0 !important;
  border-radius:7px !important;
}

.unslider-nav ol li.unslider-active {
  background:#1d1e81 !important;
}

.in {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

#slide {
  width: 100%;
  height: 100vh;
  position: relative;
  /* transition:all 0.5s; */
  overflow:hidden;
}

#slide .unslider-wrap li {
  height: 100vh;
}

#slide .unslider-wrap li:nth-of-type(1) {
  background: url(../../images/theme/main/main_slide01.jpg) no-repeat center center;
  background-size: cover;
  background-attachment:fixed;
}

 #slide .unslider-wrap li:nth-of-type(2) {
  
}

#slide .unslider-wrap li:nth-of-type(3) {
  
}

#slide .wrap {
  position: relative;
  width:100%;  max-width:1200px;  margin:0 auto; overflow:hidden;
}

#slide:before{position:absolute;z-index:900;content:'';width:100%;height:170px;background:url(../../images/theme/main/wave.png)repeat-x center bottom;background-size:contain;bottom:0;left:50%;transform:translateX(-50%);}

.slide-text-box{position:absolute; left:20.5%; top:43%;  z-index:10;}
.slide-text-box h1{font-size:64px;font-weight:500;letter-spacing:0.06em;line-height:78px;display:table;color:#fff;}
.slide-text-box span{display:block;text-align:right;font-size:26px;font-weight:400;line-height:38px;letter-spacing:normal;color:#fff;}
.slide-text-box p{font-size:29px;font-weight:400;line-height:1.8;margin-top:17px;color:#fff;}

.scroll-bar-wrap{position:absolute;right:5.72%;bottom:0;z-index:890;text-align:center;}
.scroll-bar-wrap .scroll-bar img{display:table;}

.in{display:none;}
/***************** section **************/
/* 공통 */
#section{width:100%;}
#section .section-wrap{width:100%; max-width:1200px; margin:0 auto;}
.section-title{padding:6px 0;position:relative;display:table;}
.section-title:before{position:absolute;content:'';background:#333;bottom:0;left:0;height:1px;width:100%;}
.section-title h2{font-size:22px;font-weight:400;line-height:1;}
.section-title.center{margin:0 auto;}
.section-title.white:before{background:#fff;}
.section-title.white h2{color:#fff;}

/* section01*/
#section .section1{width:100%;padding:155px 0 100px 0 ;position:relative;}
#section .section1:before{position:absolute;content:'';width:110px;height:110px;background:url(../../images/theme/main/circle.png)no-repeat;top:23px;left:57.6%;animation:intro 3s 0s infinite both ease-in-out;z-index:-1;}
#section .section1:after{position:absolute;content:'';width:70px;height:70px;background:url(../../images/theme/main/circle02.png)no-repeat;top:100px;left:42.8%;animation:intro 3s 0s infinite both ease-in-out;z-index:-1;animation-delay:0.5s;}
.biz-info{width:31%;float:left;padding-left:35px;box-sizing:border-box;margin-top:124px;}
.biz-txt h3{line-height:1.32;font-size:37px;font-weight:300;margin-top:14px;}
.biz-txt p{line-height:1.75;margin:17px 0 5px;}

.biz-contents{width:69%;float:left;overflow:hidden;}
.biz>a{width:96.38%;display:inline-block;position:relative;overflow:hidden;}
.biz.right a{float:right;margin-top:36px;}
.biz>a:before{position:absolute;content:'';width:97.5%;height:97.5%;border:1px solid #fff;left:50%;top:50%;transform:translate(-50%, -50%);z-index:10;}
.biz-img img{display:table;transition:all 0.5s;}
.biz>a:hover .biz-img img{transform:scale(1.1,1.1);}

.biz-title{position:absolute;left:0;bottom:22px;}
.biz-title h4{font-size:26px;color:#fff;font-weight:500;line-height:1.6;text-indent:46px;position:relative;display:table;}
.biz>a .biz-title h4:before{opacity:0;transition:all 0.5s;position:absolute;content:'\e90b';font-family:'xeicon';color:#fff;font-size:26px;right:0px;top:50%;transform:translateY(-45%);-webkit-transform:translateY(-54%);}
.biz>a:hover .biz-title h4:before{opacity:1;right:-35px;}

@keyframes intro{
0%,100%{transform:none}
50%{transform:translate(0,20px) rotate(2deg)}
}

/* section02*/
#section .section2{width:100%;padding:100px 0 160px 0 ;position:relative;overflow:hidden;}
#section .section2:before{position:absolute;z-index:-1;content:'';width:100%;height:474px;background:url(../../images/theme/main/wave02.png)no-repeat center top;background-size:cover;bottom:0;left:50%;transform:translateX(-50%);}
.section-wrap2{margin:85px 0 0 auto;max-width:1675px;overflow:hidden;position:relative;}
.product-wrap{position:relative;max-width:1440px;}
.pro-img{height:263px;width:100%;display:table;margin:0 auto;opacity:1;background-size:92% !important;opacity:0.5;}
.pro-txt h4{font-size:40px;font-weight:500;text-align:center;line-height:1;margin:52px 0 131px;opacity:0;}

.pro-contents .slick-list{overflow:visible;}
/* .pro-contents .slick-slide{width:480px;} */
.pro-contents .slick-slide.slick-current .pro-img{background-size:cover !important;}
.pro-contents .slick-slide.slick-current .pro-img, .pro-contents .slick-slide.slick-active .pro-img{opacity:1;}
.pro-contents .slick-slide.slick-current .pro-txt h4{opacity:1;}

.prd-btn-box{position:absolute;width:454px;left:13px;bottom:151px;z-index:800;}
.prd-btn-box .slick-prev, .prd-btn-box .slick-next{width:72px;height:72px;border:1px solid #333;border-radius:50%;left:0;bottom:112px;transition:all 0.5s;}
.prd-btn-box .slick-next:before{content:'\e907';font-size:32px;font-weight:600;color:#333;font-family:'xeicon';opacity:1;transition:all 0.5;}
.prd-btn-box .slick-prev:before{content:'\e906';font-size:32px;font-weight:600;color:#333;font-family:'xeicon';opacity:1;transition:all 0.5;}
.prd-btn-box .slick-prev:hover, .prd-btn-box .slick-next:hover{border:1px solid #06baf5;}
.prd-btn-box .slick-prev:hover:before, .prd-btn-box .slick-next:hover:before{color:#06baf5;}
.prd-btn-box .slick-prev{left:0;}
.prd-btn-box .slick-next{right:0;left:auto;}

/* section03*/
#section .section3{padding:176px 0;width:100%;background:url(../../images/theme/main/section3_bg.jpg)no-repeat center center;background-size:cover;position:relative;}
#section .section3:before{position:absolute;content:'';width:110px;height:110px;background:url(../../images/theme/main/circle04.png)no-repeat;top:200px;right:18.38%;animation:intro 3s 0s infinite both ease-in-out;z-index:0;}
#section .section3:after{position:absolute;content:'';width:70px;height:70px;background:url(../../images/theme/main/circle03.png)no-repeat;top:105px;right:29.58%;animation:intro 3s 0s infinite both ease-in-out;z-index:0;animation-delay:0.5s;}
#section .section3 .section-wrap{padding:0 50px;box-sizing:border-box;}
.etc-wrap{width:96.36%;margin:0 auto;height:382px;box-sizing:border-box;position:relative;z-index:2;}
.etc-wrap.left{border:1px solid #fff;}
.etc-contents a{display:block;position:relative;padding:56px 61px 51px 61px;box-sizing:border-box;height:383px;}
.etc-title{font-size:40px;font-weight:500;color:#fff;line-height:1.25;}
.etc-contents p{font-size:18px;font-weight:300;line-height:1.55;margin-top:14px;color:#fff;}

.etc-wrap.right{padding-top:97px;margin-top:40px;background:url(../../images/theme/main/notice_bg.jpg)no-repeat center center;background-size:cover;}
.etc-title.white{color:#fff;margin:35px 0 3px;text-align:center;}

.etc-contents .slick-dots li{width:auto;height:auto;margin:0;}
.etc-contents .slick-dots li button{width:15px;height:15px;padding:0;margin:7px;position:relative;}
.etc-contents .slick-dots li button:before{width:100%;height:100%;opacity:1;background:#fff;border-radius:50%;color:inherit;}

.etc-contents .slick-dots{bottom:-37px;}
.etc-contents .slick-dots li.slick-active button{width:55px;}
.etc-contents .slick-dots li.slick-active button::before{border-radius:7.5px;}

.plus_btn{position:absolute;left:50%;transform:translateX(-50%);bottom:51px;}
.plus_btn .i-wrap{display:block;position:relative;}
.plus_btn i{font-size:44px;color:#fff;font-weight:900; transition:all 0.4s;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.plus_btn i.xi-plus{opacity:1;}
.plus_btn i.xi-arrow-right{opacity:0;}
@media all and (max-width:1920px){
	#section .section2:before{background:url(../../images/theme/main/wave02.png)no-repeat center center;}
}

@media all and (max-width:1199px){
	.slide-text-box{top:38%;left:5%;}
	.slide-text-box h1{font-size:55px;}
	.slide-text-box span{font-size:23px;line-height:32px;}
	.slide-text-box p{font-size:26px;margin-top:10px;}
	
	#section .section1{padding:70px 8% ;box-sizing:border-box;}
	#section .section1::before{left:63.6%;}
	#section .section1::after{left:48.8%}
	.biz-info{width:100%;float:none;padding:0;margin:10px 0 50px;}
	.biz-contents{width:100%;float:none;}
	.biz > a{width:97%;}
	.biz.right a{margin-top:0;}
	.biz-img img{width:100%;}
	
	.w-block{display:inline-block;}
	
	#section .section2{padding:70px 0 120px 0;}
	.pro-img img{transform:scale(0.8);}
	.pro-contents .slick-slide.slick-current a .pro-img img{transform:scale(1);}
	.pro-txt h4 {font-size:32px;margin:52px 0 115px;}
	.prd-btn-box{width:33.33%;left:0;bottom:129px;}
	.prd-btn-box .slick-prev, .prd-btn-box .slick-next{width:60px;height:60px;}
	.prd-btn-box .slick-prev{left:13px;}
	.prd-btn-box .slick-next{right:13px;}
	.slick-prev::before, .slick-next::before{font-size:24px;}
	
	#section .section3 .section-wrap{padding:0 20px;}
	#section .section3:before{right:1%;top:132px;}
	#section .section3:after{top:80px;}
	.etc-wrap{width:98%;}
	.etc-contents a{padding:50px 10px 45px 31px;}
	.plus_btn{bottom:45px;}
	
	#section .section3{padding:140px 0;}

}

@media all and (max-width:1025px){
	.prd-btn-box{width:50%;}
}

@media all and (max-width:767px){
	.slide-text-box{top:42%;left:0;padding:0 4%;}
	.slide-text-box h1{font-size:44px;line-height:60px;}
	.slide-text-box span{font-size:19px;line-height:19px;}
	.slide-text-box p{font-size:21px;margin-top:4px;}
	#slide::before{display:none;}
	.scroll-bar-wrap .scroll-bar img{width:80%;}
	
	.section-title h2{font-size:19px;}
	.btnWrap{margin-top:30px !important;}
	.btnWrap .more-btn{font-size:14px;line-height:45px;padding:0 45px;}
	
	#section .section1{padding:70px 5% 50px;}
	#section .section1::before{width:90px;height:90px;background-size:contain;}
	#section .section1::after{width:60px;height:60px;background-size:contain;}
	.biz-txt h3{font-size:30px;margin-top:10px;}
	.biz-txt p{margin:6px 0 5px;}
	
	#section .section2{padding:50px 0 70px 0;}
	.section-wrap2{margin:40px 0 0 auto;}
	.pro-txt h4{font-size:28px;margin:52px 0 55px;}
	.prd-btn-box{bottom:68px;}
	
	#section .section3{padding:70px 0;}
	#section .section3::before{width:90px;height:90px;background-size:contain;}
	.etc-wrap{width:88%;height:340px;}
	.etc-wrap.right{padding-top:81px;margin-top:80px;}
	.etc-title{font-size:34px;}
	.etc-title.white{margin:25px 0 3px}
	.etc-contents p{font-size:17px;margin-top:8px;}
	.plus_btn{bottom:75px;}
	.etc-contents .slick-dots{bottom:-4px;}
	.etc-contents .slick-dots li button{width:12px;height:12px;}
	.etc-contents .slick-dots li.slick-active button{width:45px;}
	
}

@media all and (max-width:525px){
	#slide .unslider-wrap li:nth-of-type(1){background-attachment:scroll;}
	.slide-text-box h1{font-size:35px;line-height:45px;}
	.slide-text-box span{font-size:16px;}
	.slide-text-box p{font-size:18px;}
	
	.biz-txt h3{font-size:27px;}
	.biz-info{margin:10px 0 40px;}
	.biz > a{width:100%;}
	.biz.right a{margin-top:20px;}
	
	#section .section2{padding:30px 0 50px 0;}
	.pro-txt h4{margin:40px 0 38px}
	.prd-btn-box{width:100%;bottom:54px;}
	
	.etc-wrap{width:100%;height:300px;}
	.etc-wrap.right{margin-top:60px;padding-top:63px;}
	.etc-contents a{padding:40px 30px 45px;}
	.etc-title{font-size:31px;}
	.etc-contents p{font-size:15px;}
	.plus_btn{bottom:118px;}
	.plus_btn i{font-size:38px;}
	.etc-contents .slick-dots{bottom:46px;}

}

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