@import url('font.css');


.main{line-height:1.4; word-break: keep-all;}

.visual{position:relative;margin-top:80px; text-align:center;}
.visual .slider{position:relative; height:860px; overflow: hidden;}
.visual .li{position:relative; height:inherit; z-index: 10;}
.visual .li.swiper-slide-active{z-index: 50;}
.visual .li::before{position:absolute; width:100%; height:100%; left:0; top:0; content:''; z-index: 50;}
.visual .li.n1::before{background:url('../img/main/visual_bg1.jpg') no-repeat center center / cover;}
.visual .li.n2::before{background:url('../img/main/visual_bg2.jpg') no-repeat center center / cover;}
.visual .li.n3::before{background:url('../img/main/visual_bg3.jpg') no-repeat center center / cover;}
.visual .li .inner{position:relative; z-index: 100;}
.visual .li .eng{padding-top:150px; font-family: 'Pretendard' , sans-serif;  font-size:20px; color:#444a69; line-height:1.4; letter-spacing: 0.3em;}
.visual .li .eng br{display:none;}
.visual .li .slogan{margin-top:15px; font-family: 'Pretendard' , sans-serif;  font-size:50px; color:#161933; line-height:1.4; font-weight:600;}
.visual .li .slogan .m_br{display:none;}
.visual .dots{position:absolute; width:600px; left:50%; transform: translateX(-50%); bottom:480px; font-size:0; line-height:0; background-color:rgba(0,0,0,0.13); text-align:left; z-index: 999;}
.visual .dots .swiper-pagination-bullet{position:relative; display:inline-block; width:50%;/*width:33.33%;*/ height:2px; border-radius:0; background-color:rgba(0,0,0,0.13); transition-property: width; transition-duration: 0.3s;}
.visual .dots .swiper-pagination-bullet-active{position:relative;}
/*활성화*/
.visual .dots .swiper-pagination-bullet::after{position:absolute; display:block; width:0; height:100%; left:50%; top:0; transform: translateX(-50%); content:''; background-color:#fff; transition-property: width; transition-duration: 0.8s;}
.visual .dots .swiper-pagination-bullet-active::after{width:100%; background-color:#fff;}
/*애니메이션*/
.visual .li::before{transform: scale(1.1); transition:all 1.2s linear;}
.visual .slider .eng,
.visual .slider .slogan{visibility:hidden; opacity:0; transition:all 0.4s linear;}
.visual.active .li::before{transform: scale(1);}
.visual.active .slider .eng,
.visual.active .slider .slogan{visibility:visible; opacity:1;}
.visual.active .slider .slogan{transition-delay:0.2s;}

.visual .anchorbox{display:flex; flex-wrap:wrap; position:absolute; width:100%; max-width:1200px; bottom:0; left:50%; transform: translateX(-50%); z-index:100; border-top: 1px solid rgba(255, 255, 255, 0.4); background-color: rgba(0, 0, 0, 0.03); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}
.visual .anchor{flex:1; height:125px; padding-left:50px; padding-right:50px;  border-left: 1px solid rgba(255, 255, 255, 0.4); transition: all 0.3s;}
.visual .anchor:last-child{border-right: 1px solid rgba(255, 255, 255, 0.4);}
.visual .anchor span{position:relative; display:block; padding-left:55px; font-family: 'Pretendard' , sans-serif; font-size:18px; line-height:125px; font-weight:600; color:#fff; text-align:left;}
.visual .anchor span::after{position:absolute; width:20px; height:20px; right:0; top:50%; transform: translateY(-50%); content:''; background:url('../img/main/anchorbox_arrow.png') no-repeat center center / contain;}
.visual .anchor span::before{position:absolute; width:35px; height:35px; left:0; top:50%; transform: translateY(-50%); content:'';}
.visual .anchor.n1 span::before{background:url('../img/main/anchorbox_icon1.png') no-repeat center center / contain;}
.visual .anchor.n2 span::before{background:url('../img/main/anchorbox_icon2.png') no-repeat center center / contain;}
.visual .anchor.n3 span::before{background:url('../img/main/anchorbox_icon3.png') no-repeat center center / contain;}
.visual .anchor:hover{background-color:#6cad70;}
@media all and (max-width:1200px){
    .visual .slider{height:700px;}
    .visual .li .eng{padding-top:150px; font-size:18px;}
    .visual .li .slogan{font-size:40px;}
    .visual .dots{width:400px; bottom:350px;}
    .visual .anchor{height:100px; padding-left:40px; padding-right:40px;}
    .visual .anchor span{line-height:100px;}
}
@media all and (max-width:1100px){
    .visual{margin-top:0;}
    .visual .anchor{height:80px; padding-left:20px; padding-right:20px;}
    .visual .anchor span{font-size:16px; line-height:80px;}
}
@media all and (max-width:768px){
    .visual .slider{height:500px;}
    .visual .li .eng{padding-top:100px; font-size:16px;}
    .visual .li .slogan{font-size:30px;}
    .visual .dots{width:300px; bottom:250px;}
    .visual .anchor span{padding-left:40px;}
    .visual .anchor span::before{width:30px; height:30px;}
    .visual .anchor span::after{width:18px; height:18px;}
}
@media all and (max-width:640px){
    .visual .slider{height:400px;}
    .visual .li .eng{padding-top:70px; font-size:13px;}
    .visual .li .eng br{display:block;}
    .visual .li .slogan{max-width:90%; margin-top:10px; margin-left:auto; margin-right:auto; font-size:24px;}
    .visual .li .slogan .m_br{display:block;}
    .visual .dots{width:230px; bottom:auto; top:50px;}
    .visual .anchor{display:flex; align-items: center; justify-content: center; padding-left:0; padding-right:0;}
    .visual .anchor:first-child{border-left:none;}
    .visual .anchor span{padding-left:0; padding-top:35px; font-size:15px; font-weight:600; line-height:1.1; text-align:center;}
    .visual .anchor span::after{display:none;}
    .visual .anchor span::before{left:50%; transform: translateX(-50%); top:0;}
}


/*video*/
.video .video_wrap{position:relative; padding-bottom:56.25%; padding-top:0px; height:0; overflow:hidden;}
.video .video_wrap iframe {transition: opacity 200ms ease-in-out; /*transition-delay: 250ms;*/}


/*product*/
.product{position:relative; padding-top:200px; padding-bottom:200px; padding-left:360px; background:url('../img/main/product_bg.jpg') no-repeat center center / cover;}
.product .slider{overflow:hidden;}
.product .li{width:950px; height:500px;}
.product .li .inner{position:relative; display:flex; justify-content:center; align-items: center; width:100%; height:100%;}
.product .li .image{width:500px; height:inherit;}
.product .li.n1 .image{background:url('../img/main/product_img1.jpg') no-repeat center center / cover;}
.product .li.n2 .image{background:url('../img/main/product_img2.jpg') no-repeat center center / cover;}
.product .li.n3 .image{background:url('../img/main/product_img3.jpg') no-repeat center center / cover;}
.product .li.n4 .image{background:url('../img/main/product_img4.jpg') no-repeat center center / cover;}
.product .li.n5 .image{background:url('../img/main/product_img5.jpg') no-repeat center center / cover;}
.product .li .group{width:calc(100% - 500px); box-sizing: border-box; padding-left:80px; padding-right:30px;}
.product .li .subject{position:relative; display:inline-block; font-family: 'Pretendard' , sans-serif;  font-size:25px; line-height:1.2; color:#fff; font-weight:600;}
.product .li .subject .num{position:absolute; display:block; right:-70px; top:-45px; font-family: 'Pretendard' , sans-serif;  font-size:75px; line-height:1.2; color:#2b2b2b; font-weight:600; z-index: -1;}
.product .li .desc{margin-top:10px; font-family: 'Pretendard' , sans-serif;  font-size:18px; line-height:1.4; color:#fff; word-break: keep-all;}
.product .li .desc br{display:none;}
.product .li .anchor{margin-top:50px; position:relative; display:block; padding-left:50px; font-family: 'Pretendard' , sans-serif;  font-size:18px; line-height:40px; color:#fff; transition: 0.3s;}
.product .li .anchor::before{position:absolute; width:40px; height:40px; left:0; top:50%; transform: translateY(-50%); content:''; border-radius:100%; background:#000 url('../img/main/product_arrow.png') no-repeat center center / contain; border:1px solid #ccc;}
.product .li .anchor:hover{color:#6cad70;}
.product .li .anchor:hover::before{color:#6cad70; border-color:#6cad70;}
.product .control{position:absolute; left:210px; bottom:200px; display:flex; width:130px; gap:10px;}
.product .arrow{width:60px; height:60px; font-size:0; line-height:0; border-radius:100%; background-color:rgba(255,255,255,0.1); background-repeat: no-repeat; background-size:contain; border:none;}
.product .arrow.prev{background-image:url('../img/main/product_prev.png');}
.product .arrow.next{background-image:url('../img/main/product_next.png');}
@media all and (max-width:1400px){
    .product{padding-left:250px;}
    .product .li{width:800px; height:400px;}
    .product .li .image{width:400px;}
    .product .li .group{width:calc(100% - 400px); padding-left:50px;}
    .product .control{left:100px;}
}
@media all and (max-width:1200px){
    .product{padding-top:150px; padding-bottom:150px; padding-left:160px;}
    .product .li{width:600px; height:300px;}
    .product .li .image{width:250px;}
    .product .li .group{width:calc(100% - 250px); padding-left:40px;}
    .product .li .subject{font-size:23px;}
    .product .li .subject .num{right:-50px; top:-40px; font-size:60px;}
    .product .li .desc{font-size:16px;}
    .product .control{left:50px; width:90px; bottom:150px;}
    .product .arrow{width:40px; height:40px;}
}
@media all and (max-width:768px){
    .product{padding-top:100px; padding-left:20px; padding-right:20px;}
    .product .slider{max-width:500px; margin-left:auto; margin-right:auto;}
    .product .li{width:auto; height:300px;}
    .product .li .image{width:50%;}
    .product .li .group{width:50%;}
    .product .li .subject .num{right:auto; left:0;}
    .product .li .desc br{display:block;}
    .product .control{left:auto; right:20px; bottom:90px;}
}
@media all and (max-width:640px){
    .product .li{height:250px;}
    .product .li .subject{font-size:20px;}
    .product .li .subject .num{top:-50px;}
    .product .li .desc{font-size:15px;}
    .product .li .anchor{margin-top:30px; font-size:16px;}
}
@media all and (max-width:500px){
    .product{padding-top:80px; padding-bottom:120px;}
    .product .li{height:auto;}
    .product .li .inner{display:block;}
    .product .li .image{width:100%; height:180px;}
    .product .li .group{width:100%; margin-top:60px; padding-left:20px;}
    .product .li .desc br{display:none;}
    .product .control{bottom:70px;}
}



/*section_style*/
.section_style{position:relative; height:920px; text-align:center;}
.section_style.need{background:url('../img/main/need_bg.jpg') no-repeat center center / cover;}
.section_style.certifi{background:url('../img/main/certifi_bg.jpg') no-repeat center center / cover;}
.section_style.certifi{background:url('../img/main/certifi_bg.jpg') no-repeat center center / cover;}
.section_style.community{background:url('../img/main/community_bg.jpg') no-repeat center center / cover;}
.section_style .eng{position:absolute; width:100%; left:0; top:60px; font-family: 'Pretendard' , sans-serif; font-size:17px; line-height:1.2; color:#fff; font-weight:300; letter-spacing: 0.5em; opacity:0.7;}
.section_style .group{display:flex; flex-flow:wrap column; justify-content:center; align-content: center;  width:100%; height:inherit;}
.section_style .group .title{font-family: 'Pretendard' , sans-serif; font-size:50px; line-height:1.2; color:#fff; font-weight: 600;}
.section_style .group .desc{margin-top:12px; font-family: 'Pretendard' , sans-serif; font-size:18px; line-height:1.4; color:#fff; word-break: keep-all;}
.section_style .group .desc .m_br{display:none;}
.section_style .group .anchor{display:block; width:220px; height:55px; margin-top:30px; margin-left:auto; margin-right:auto; box-sizing: border-box; border:1px solid #fff; border-radius:40px; transition: all 0.3s;}
.section_style .group .anchor span{position:relative; display:inline-block; padding-left:40px; font-family: 'Pretendard' , sans-serif; font-size:18px; line-height:55px; color:#fff; font-weight: 600;}
.section_style .group .anchor span::before{position:absolute; width:21px; height:14px; left:0; top:50%; transform: translateY(-50%); content:''; background:url('../img/main/section_arrow.png') no-repeat center center / contain;}
.section_style .group .anchor:hover{background-color:#fff; border:none;}
.section_style .group .anchor:hover span{color:#000;}
.section_style .group .anchor:hover span::before{background:url('../img/main/section_arrow_b.png') no-repeat center center / contain;}
@media all and (max-width:1200px){
    .section_style{height:800px;}
    .section_style .eng{top:50px; font-size:16px;}
    .section_style .group .title{font-size:40px;}
    .section_style .group .desc{font-size:17px;}
    .section_style .group .anchor span{font-size:17px;}
}
@media all and (max-width:1000px){
    .section_style{height:600px;}
    .section_style .eng{top:40px; font-size:15px;}
    .section_style .group .title{font-size:35px;}
    .section_style .group .desc{font-size:16px;}
    .section_style .group .anchor{width:200px;}
    .section_style .group .anchor span{font-size:16px;}
}
@media all and (max-width:640px){
    .section_style{height:480px;}
    .section_style .eng{top:30px; font-size:13px; letter-spacing: 0.3em;}
    .section_style .group{padding-left:20px; padding-right:20px;}
    .section_style .group .title{margin-top:20px; font-size:30px;}
    .section_style .group .desc{font-size:15px;}
    .section_style .group .desc .m_br{display:block;}
    .section_style .group .anchor{width:160px; height:45px; margin-top:20px;}
    .section_style .group .anchor span{padding-left:25px; font-size:15px; line-height:45px;}
    .section_style .group .anchor span::before{width:18px; height:12px;}
}


/*need*/
.need .anchor{backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}

.row-intro{padding:80px 20px; text-align:center; background:#f7f8f6;}
.row-intro .inner{max-width:900px; margin:0 auto;}
.row-intro h2{font-family:'Pretendard', sans-serif; font-size:32px; line-height:1.4; font-weight:600; color:#161933; word-break:keep-all;}
.row-intro p{margin-top:16px; font-family:'Pretendard', sans-serif; font-size:18px; line-height:1.7; color:#333; word-break:keep-all;}
@media all and (max-width:640px){
    .row-intro{padding:50px 20px;}
    .row-intro h2{font-size:24px;}
    .row-intro p{font-size:15px;}
}


/*certifi*/
.certifi{overflow: hidden;}
.certifi .slider{position:absolute; width:100%; height:100px; left:360px; bottom:60px; overflow: hidden;}
.certifi .slider .ul{position:relative; transition-timing-function:linear;}
.certifi .slider .ul::after{position:absolute; width:100%; height:100%; left:0; top:0; content:'';}
.certifi .slider .li{width:240px; height:inherit;}
.certifi .slider .li img{display:block; max-width:100%; height:100%;}

@media all and (max-width:1400px){
    .certifi .slider{left:250px; height:80px;}
    .certifi .slider .li{width:200px;}
}
@media all and (max-width:1200px){
    .certifi .slider{left:160px; height:60px;}
    .certifi .slider .li{width:150px;}
}
@media all and (max-width:768px){
    .certifi .slider{left:0; height:50px;}
}
@media all and (max-width:640px){
    .certifi.section_style .group .title{margin-top:-30px;}
    .certifi .slider{bottom:40px;}
    .certifi .slider .li{width:110px;}

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

}