/*메인*/
.main_slider{position:relative;}
.main_slider .item{width:100vw; height:100vh; }
.main_slider .item:nth-child(1){background:url('/img/main/main1.jpg') no-repeat center; background-size:cover;}
.main_slider .item:nth-child(2){background:url('/img/main/main2.jpg') no-repeat center; background-size:cover;}
.main_slider .item:nth-child(3){background:url('/img/main/main3.jpg') no-repeat center; background-size:cover;}

.item .main_txt{width:100%; padding-top:430px;  }
.item .main_title{font-size:105px; font-weight:600; font-family: 'Poppins'; color: #fff; margin-bottom: 40px; /* opacity:0; */ }
.item .main_article{font-size:18px; font-weight:400; font-family: 'Poppins'; color: #fff;   opacity:0.7;  line-height: 1.2;   /* opacity:0;  */}

.main_slider .slick-dots{display:flex; flex-wrap:wrap;  position:absolute; top:392px; left:160px;}
/* .main_slider .slick-dots li{ width:10px; height:10px; margin-right:20px ; background:red; margin-right: 20px;}*/
.main_slider .slick-dots li button{cursor:pointer; border:none; font-size:0;  width:10px; height:10px; background: rgba(255, 255, 255, 0.2);
display:inherit; transition: all 0.4s; border-radius: 50%; padding: 0;}
/* .main_slider .slick-dots .slick-active{width:64px; background:url('/img/main/main_slider_dot_a.png') no-repeat center; margin-right: 10px;}
.main_slider .slick-dots .slick-active{width:64px; position:relative; margin-right: 10px;}
.main_slider .slick-dots .slick-active{width:64px; height:10px; background:#61a9dd; position:relative;  background:url('/img/main/main_slider_dot_a.png') no-repeat 0% 0%;  transition: all 0.4s }
.main_slider .slick-dots .slick-active::after{content:""; width:44px; height: 1px; background:#787875; display:block; position:absolute; top:50%; transform:translateY(-50%); left:21px;
 transition: all 0.4s; animation:line_ani 1s both; }

@keyframes line_ani{
	0%{width:0}
	100%{width:44px;}
} */


.main_slider .slick-dots li { display: flex; align-items: center; gap: 0 10px; }
.main_slider .slick-dots li::after { content: ""; display: block; width: 0; height: 1px; background: #787875; transition: all 0.5s; margin-right: 10px; }
.main_slider .slick-dots li.slick-active::after { width: 44px; }
.main_slider .slick-dots li:hover button,
.main_slider .slick-dots li.slick-active button { background: #61a9dd; }





/*2page*/
.sec2{width:100%; overflow:hidden; position:relative;}
.sec2_bg{position:absolute; top: 0; right: 0; width:50%; height:100vh; background:url('/img/main/sec2_bg.jpg') no-repeat 100% 50%; background-size:cover;}
.sec2 .slide_wrap{display:flex; flex-wrap:wrap; }
.sec2 .sec2_txt{width:39%; /* calc(50% - 210px); */ font-family: 'Pretendard'; /* padding:350px 27px 0 27px; */ box-sizing:border-box; padding-left: 160px; margin-top: 50px; position:relative;}
.sec2 .sec2_title{font-size: 65px; line-height: 1.2; font-weight: bold; color:#2f2f2f; margin-bottom:22px ;}
.sec2 .sec2_article{font-size: 18px; line-height: 1.3; color:#2f2f2f; opacity:0.8; margin-bottom: 87px;}

 .sec2 .sec2_slider{width:61%;/*  calc(50% + 210px) */; position: relative;}
 .sec2 .sec2_slider .item{width: 100%; max-width: 350px; border-radius:10px; margin-top: 50px; margin-right: 40px; transition:0.4s; position:relative;}
 .sec2 .sec2_slider .item img{filter:saturate(0%); }
 .sec2 .sec2_slider .item.slick-now{margin-top: 0; box-shadow:5px 5px 13px -6px #000; } 
 .sec2 .sec2_slider .item.slick-now a{width:100%; height: 100%; position:absolute; top:0; left:0; z-index:44; }
 .sec2 .sec2_slider .item.slick-now img{filter:saturate(100%);}
/* .sec2 .sec2_slider{width:100%; position: absolute; left:500px;}
.sec2 .sec2_slider .item{width:350px; height: 350px; border-radius:10px; display:inline-block; }
 */
.sec2 .sec2_slider .item p{font-size:20px ; font-weight: bold; font-family: 'Pretendard'; color:#fff; position:absolute; left:30px; bottom:30px;}

.slickNum{/* position:absolute; bottom:0; left:0; */display:flex; flex-wrap:wrap; align-items:center;}
.slickNum .num{color:#61a9dd; margin-right: 6px;}
.slickNum .slash{color:#61a9dd; margin-right: 6px;}
.slickNum .total{color:#dddddd;}
.slickNum .arrows{display:flex; flex-wrap:wrap;}

.slick-list{padding:7px 0 0 7px;}
/*슬릭버튼*/
/* .sec2 .sec2_slider button{font-size:0; background: none; cursor:pointer;}
.sec2 .sec2_slider .slick-prev {position: absolute; left:-589px; bottom:9px; width:35px; height: 35px; border-radius:50%; border:1px solid #e2e2e2; }
.sec2 .sec2_slider .slick-prev:before{content:'\e93c';   font-family:'xeicon'; font-size:18px; color:#e2e2e2; }
.sec2 .sec2_slider .slick-next {position: absolute; left:-543px; bottom:9px; width:35px; height: 35px; border-radius:50%; border:1px solid #61a9dd;}
.sec2 .sec2_slider .slick-next:before{content:'\e93f';   font-family:'xeicon'; font-size:18px; color:#61a9dd; } */

/**슬릭버튼교체**/
.slickNum button{font-size:0; background: none; cursor:pointer;}
.slickNum .slick-prev {/* position: absolute; left:0; bottom:0; */ width:35px; height: 35px; border-radius:50%; border:1px solid #e2e2e2; margin-right: 15px;}
.slickNum .slick-prev:hover {border:1px solid #61a9dd;}
.slickNum .slick-prev:before{content:'\e93c';   font-family:'xeicon'; font-size:18px; color:#e2e2e2; }
.slickNum .slick-prev:hover:before {color:#61a9dd;}
.slickNum .slick-next {/* position: absolute; left:49px; bottom:0;  */width:35px; height: 35px; border-radius:50%; border:1px solid #e2e2e2; margin-right: 31px;}
.slickNum .slick-next:hover {border:1px solid #61a9dd;}
.slickNum .slick-next:before{content:'\e93f';   font-family:'xeicon'; font-size:18px; color:#e2e2e2; }
.slickNum .slick-next:hover:before {color:#61a9dd;}




/*3page*/
.sec3{ }
.sec3_wrap{display:flex; flex-wrap:wrap; height: 100vh;}
.sec3 .sec3_left{width:50%; height:100vh; background:url('/img/main/sec3_bg.jpg') no-repeat 50% 50%;  background-size:cover;}
.sec3 .sec3_right{width:50%; background:#2c2c2c; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;} 

.sec3 .tab_wrap{width:100%; max-width:690px; /* height: 100vh; */ /* margin-left:111px; */  position: relative; }
.sec3 .tab_wrap .tab_nav{width:100%; display:flex; flex-wrap:wrap;/*   position:absolute; bottom:117px;  */}
.sec3 .tab_wrap .tab_nav:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#fff; opacity:0.1;}
.sec3 .tab_wrap .tab_box_wrap{ position:relative;}
.sec3 .tab_wrap .tab_box_wrap .tab_box{/* position: absolute; top:0; */ width:100%; background:#2c2c2c; display:none; }/* 왜아낻 */
.sec3 .tab_wrap .tab_box_wrap .tab_box.box1{display:block;}
.sec3 .tab_wrap .tab_box_wrap .tab_box img{margin-bottom: 35px;}
.sec3 .tab_wrap .tab_box_wrap .box1 .tab_img{padding-top:6px;}/*이미지높이맞추기*/
.sec3 .tab_wrap .tab_box_wrap .box3 .tab_img{padding-top:15px;}/*이미지높이맞추기*/
.sec3 .tab_wrap .tab_nav > li{width:calc((100%)/3); font-size: 16px; font-weight: 300; font-family: 'Pretendard'; z-index:10; position:relative; cursor:pointer; color:#fff; opacity:0.3; padding-bottom:23px;  }
.sec3 .tab_wrap .tab_nav > li br{display:none;}
.sec3 .tab_wrap .tab_nav > li:before{content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background:#fff;} 
.sec3 .tab_wrap .tab_nav > .on{color:#61a9dd; font-weight:600; opacity:1;}
.sec3 .tab_wrap .tab_nav > .on:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#61a9dd; transition:0.5s;}
.sec3 .tab_wrap .tab_nav > li > span{position: relative;}
.sec3 .tab_wrap .tab_nav > li > span::after{content:'\e90b'; position:absolute; right:-30px; bottom:3px; color:#61a9dd; font-family:'xeicon'; opacity: 0; transition:0.3s }
.sec3 .tab_wrap .tab_nav > .on > span::after{opacity: 1;}

.tab_nav{width:100%; display:flex; flex-wrap:wrap; position:relative;}/****************************/
.tab_nav:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; } 
.tab_nav > li{width:calc((100%)/3); font-size: 16px; font-weight: 300; font-family: 'Pretendard'; z-index:10; position:relative; cursor:pointer;}/****************/

.sec3 .tab_txt{font-family: 'Pretendard';  padding-top:70px;  margin-bottom: 65px;} 
.sec3 .tab_title{font-size: 65px; font-weight: bold; color:#fff; margin-bottom: 40px; line-height: 1.2;}
.sec3 .tab_article{font-size: 18px; color:#fff; opacity:0.8; margin-bottom: 90px; line-height: 1.2;}

.sec3 .tab_txt .product_list{width:100%; display:flex; flex-wrap:wrap; font-size: 16px; color:#fff; opacity:0.3;}
.sec3 .tab_txt .product_list li{margin-bottom: 30px; position: relative; padding-left: 10px; line-height: 1.2;}
.sec3 .tab_txt .product_list li:before{content:""; width:4px; height: 4px; border-radius:50%; background:#7d7d7d ; display:inline-block;  position:absolute; left:0; top:5px;	}
.sec3 .tab_txt .product_list .list_left{width:50%;}
.sec3 .tab_txt .product_list .list_right{width:50%;}



/*4page*/
.sec4{overflow:hidden;}
.sec4 .inner_1600{margin-top: 190px;}
.sec4 .sec4_title_box{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; margin-bottom: 55px;}
.sec4 .sec4_title_box .sec4_txt{font-family: 'Pretendard';}
.sec4 .sec4_title_box .sec4_title{font-size:65px ; font-weight: bold; color:#2f2f2f; margin-bottom: 35px;}
.sec4 .sec4_title_box .sec4_article{font-size: 18px; color:#2f2f2f; opacity:0.8; line-height: 1.2;}
.sec4 .tab_nav2{width:100%; max-width:690px; display:flex; flex-wrap:wrap; position:relative; }
.sec4  .tab_nav2:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#000; opacity:0.1;}
.sec4  .tab_nav2 > li{width:calc((100%)/3); font-size: 16px; font-weight: 300; font-family: 'Pretendard'; z-index:10; position:relative; cursor:pointer; color:#000; opacity:0.3; padding-bottom:23px;}
.sec4  .tab_nav2 > li:nth-of-type(n + 4){display:none; }
.sec4 .tab_nav2 > li:after{content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background:#fff;}
.sec4 .tab_nav2 > .on{color:#61a9dd; font-weight:600; opacity:1;}
.sec4 .tab_nav2 > .on:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#61a9dd; transition:0.5s;}
.sec4 .tab_nav2 > li > span{position: relative;}
.sec4 .tab_nav2 > li > span::after{content:'\e90b'; position:absolute; right:-30px; bottom:3px; color:#61a9dd; font-family:'xeicon'; opacity: 0; transition:0.3s }
.sec4 .tab_nav2 > .on > span::after{opacity: 1;}


.sec4 .sec4_contents{position:relative; height:464px;}
.sec4 .sec4_contents .tab_box2{position:absolute; display:flex; /* flex-wrap:wrap; */ gap:0 50px; width:100%;}


.sec4 .sec4_contents{width:100%;   /* margin-bottom: 104px; */}
.sec4 .sec4_contents .img_box{width:calc(100% / 4); padding-bottom: 29%;  border-radius:10px; position:relative; /* margin-right: 50px; */ overflow:hidden;}
/* .sec4 .sec4_contents .tab_box2.box1{z-index:20;} */
/*height:464px;*/
.sec4 .sec4_contents .img_box:nth-of-type(n + 5){display:none; }
.sec4 .sec4_contents .tab_box2.box1 .img_box { background-repeat: no-repeat; background-position: center center; background-size: cover; }
/*.sec4 .sec4_contents .tab_box2.box1 .img_box:nth-child(1){background-image:url('/img/main/sec4_img1.png');}
.sec4 .sec4_contents .tab_box2.box1 .img_box:nth-child(2){background-image:url('/img/main/sec4_img2.png');}
.sec4 .sec4_contents .tab_box2.box1 .img_box:nth-child(3){background-image:url('/img/main/sec4_img3.png');}
.sec4 .sec4_contents .tab_box2.box1 .img_box:nth-child(4){background-image:url('/img/main/sec4_img4.png'); margin-right: 0;}*/


.sec4 .sec4_contents .tab_box2.box2 .img_box:nth-child(1){background:red;}
.sec4 .sec4_contents .tab_box2.box2 .img_box:nth-child(2){background:red;}
.sec4 .sec4_contents .tab_box2.box2 .img_box:nth-child(3){background:red;}
.sec4 .sec4_contents .tab_box2.box2 .img_box:nth-child(4){background:red; margin-right: 0;}

.sec4 .sec4_contents .tab_box2.box3 .img_box:nth-child(1){background:tomato;}
.sec4 .sec4_contents .tab_box2.box3 .img_box:nth-child(2){background:tomato;}
.sec4 .sec4_contents .tab_box2.box3 .img_box:nth-child(3){background:tomato;}
.sec4 .sec4_contents .tab_box2.box3 .img_box:nth-child(4){background:tomato; margin-right: 0;}

.sec4 .sec4_contents .img_box a{width:100%; height:100%; border-radius:10px;  position:absolute; top:0; left:0; z-index:99;}
.sec4 .sec4_contents .img_box .hover_bg{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-content:center; text-align:center; 
background:rgba(0,0,0,0.8); backdrop-filter:blur(2px); width:100%; height:100%; transition:all 0.6s;  opacity:0;  }
.sec4 .sec4_contents .img_box .hover_bg { position: absolute; top: 0; left: 0; }
/* .sec4 .sec4_contents .img_box:nth-child(1) .hover_bg{width:100%; height:100%; background:url('/img/main/sec4_img1_hover.png') no-repeat 50% 50%;}
.sec4 .sec4_contents .img_box:nth-child(2) .hover_bg{width:100%; height:100%;background:url('/img/main/sec4_img2_hover.png') no-repeat 50% 50%;}
.sec4 .sec4_contents .img_box:nth-child(3) .hover_bg{width:100%; height:100%;background:url('/img/main/sec4_img3_hover.png') no-repeat 50% 50%;}
.sec4 .sec4_contents .img_box:nth-child(4) .hover_bg{width:100%; height:100%;background:url('/img/main/sec4_img4_hover.png') no-repeat 50% 50%;} */

.sec4 .sec4_contents .img_box_txt{font-family: 'Pretendard'; width:303px; height:404px; border-radius:10px; border:1px solid #355367; display:flex; flex-direction:column; justify-content:center; align-content:center; box-sizing:border-box; padding: 20px;}
.sec4 .sec4_contents .img_title{font-size:22px; font-weight: 600; color:#fff; line-height: 1.2; margin-bottom: 30px;}
.sec4 .sec4_contents .img_article{font-size:16px; font-weight: 300; color:#fff; line-height: 1.4; opacity:0.7; margin-bottom: 60px;
	height: 4.2em;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
	-webkit-line-clamp:3;}
.sec4 .sec4_contents .img_box .img_plus{width:55px; height: 55px; line-height: 55px; border-radius:50%; border:1px solid #355367; text-align:center; color:#fff; opacity:0.7; margin:0 auto;}

/*rolling*/

.sec4 .rolling{overflow:hidden; width:100%; max-width:100vw; margin:105px auto 0 auto; border-top:1px solid #e5e5e5; }
.sec4 .rolling ul{ overflow:hidden; width:4278px; height:120px; display:flex; flex-wrap:wrap; align-items:center; animation:rolling 70s infinite linear; }
.sec4 .rolling ul li{margin-right: 70px; display:block; }
.sec4 .rolling ul li:last-child{margin-right:0;}


@keyframes rolling{
	0% {transform:translateX(0);}
/* 	100% {transform:translateX(-2120px);} */
	100% {transform:translateX(-2177px);}
}