@charset "utf-8";

.mobileView{display:none;}

.mainBanner{position:relative;}
.mainBanner .mainBannerCont img{display:none;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .mainBannerCont .slick-slide div{vertical-align:top;}
.mainBanner .mainBannerCont .bannerFirst img{display:block;}
.mainBanner .mainBannerCont.slick-initialized .slick-list .bannerImg img{display:block;}
.mainBanner .mainBannerCont .mainBannerText{width:100vw;position:absolute;left:-9px;bottom:34.9%;}
.mainBanner .mainBannerCont .mainBannerText p{max-width:1680px;margin:0 auto;}
.mainBanner .mainBannerCont .mainBannerText p.text01{font-family:'pretendard';font-size:2.2rem;font-weight:500;color:#fff;letter-spacing:-0.04em;line-height:1.45454;text-align:center;}

.mainBanner .slick-arrow{width:14px;height:12px;border:0;flex-shrink:0;margin-top:-5px;}
.mainBanner .slick-arrow.slick-prev{margin-right:13px;background:url('/img/main/arrow_prev.png')no-repeat;}
.mainBanner .slick-arrow.slick-next{background:url('/img/main/arrow_next.png')no-repeat;}

.mainBanner .slick-controls{width: 100%;position: absolute;left: 0;bottom:28.63%;line-height: 0;display:flex;justify-content:center;}
.mainBanner .slick-controls .slick-controls-box{display:flex;align-items: flex-start;position: relative;margin-left:19px;}
.mainBanner .slick-controls .slick-controls-box .num{font-family:'pretendard';color:#fff;font-weight:500;letter-spacing:-0.02em;font-size:1.8rem;}
.mainBanner .slick-controls .slick-controls-box .first{width:25px;}
.mainBanner .slick-controls .slick-controls-box .last{width:60px;margin-right:35px;}
.mainBanner .slick-controls .slick-controls-box .last .right {color: #bab2b0;}
.mainBanner .slick-controls .slick-dots{max-width:350px;margin:-5px 20px 0 16px;display:inline-block !important;}
.mainBanner .slick-controls .slick-dots li{display:inline-block;margin:5px 0;}
.mainBanner .slick-controls .slick-dots li button{width:70px;height:3px;background:rgba(255,255,255,.2);border:0;font-size:0;letter-spacing:-1000em;text-indent:-1000em;}
.mainBanner .slick-controls .slick-dots li.slick-active button{background:#fff;}


.mainBanner .slick-controls > button{position:relative;border:0;background:none;}
.mainBanner .slick-controls .slide-pause{width:10px;height:15px;}
.mainBanner .slick-controls .slide-pause:before,
.mainBanner .slick-controls .slide-pause:after{width:3px;height:15px;background:#fff;position:absolute;top:0;content:"";}
.mainBanner .slick-controls .slide-pause:before{left:0;}
.mainBanner .slick-controls .slide-pause:after{right:0;}
.mainBanner .slick-controls .slide-play{border-top:7.5px solid transparent;border-right:0 solid transparent;border-bottom:7.5px solid transparent;border-left:10px solid #fff;}
.mainBanner .slick-controls .pagingInfo{color:#fff;margin-left:10px;line-height:15px;}
.mainBanner .linkView{position:absolute;left:50%;bottom:65px;transform:translateX(-50%);text-align:center;}
.mainBanner .linkView a{width:168px;height:52px;line-height:52px;display:inline-block;background:#2e3b83;border-radius:30px;color:#fff;font-size:1.6rem;}


.mainCont {max-width:1500px;margin: 0 auto;}
.solution{font-family:'pretendard';letter-spacing:-0.04em;padding:118px 0 100px;}
.solution .contBox > span{font-size:4.4rem;font-weight:700;color:#da2b3e;display:block;}
.solution .intro{display:flex;align-items:center;justify-content:space-between;margin:35px 0 88px;}
.solution .intro h2{width:55%;margin-right:5%;font-size:4.7rem;font-weight:700;color:#111;word-break:keep-all;}
.solution .intro p{width:40%;font-size:2rem;font-weight:400;color:#444;line-height:1.6;letter-spacing:-0.02em;word-break:keep-all;}
.solution .goToMenu{display:flex;}
.solution .goToMenu a {color:#fff;padding:224px 61px 65px;}
.solution .goToMenu a strong{display:block;font-size:4.2rem;font-weight:700;}
.solution .goToMenu .introduce{width:50%;background:url('/img/main/goToMenu01.jpg')no-repeat center;border-radius:18px 0 0 0;}
.solution .goToMenu .license{width:50%;background:url('/img/main/goToMenu02.jpg')no-repeat center;border-radius:0 0 18px 0;}
.solution .goToMenu .detail{font-size:1.8rem;font-weight:700;display:block;margin-top:43px;}
.solution .goToMenu .detail:after{width:16px;height:16px;margin-left:15px;vertical-align:-3px;display:inline-block;background:url('/img/main/plus.png')no-repeat right center;content:'';}
.solution .subMenu{margin-top:100px;}
.solution .subMenu > div{display:flex;align-items:center;}
.solution .subMenu > div .box{border-radius:10px;padding:31px;}
.solution .subMenu > div .box span{font-size:1.8rem;font-weight:700;color:#fff;opacity: 0.2;letter-spacing:0;}
.solution .subMenu > div .box strong{font-size:2.8rem;font-weight:700;color:#fff;display:block;padding-bottom:15px;border-bottom:2px solid rgba(255, 255, 255, 0.2);margin-top:67px;margin-left:2px;}
.solution .subMenu > div .box p{width:120px;height:34px;background:#fff;border-radius:17px;font-size:1.6rem;font-weight:700;color:#2d2f44;display:flex;justify-content:center;align-items:center;margin-top:15px;margin-left:4px;padding-left:1px;}
.solution .subMenu > div .box p:after{width:14px;height:12px;display:inline-block;margin-left:23px;background:url('/img/main/arrow.png')no-repeat right center;content:'';}
.solution .subMenu > div .tiny{width:355px;position:relative;display:inline-block;}
.solution .subMenu > div .tiny:before{width:36px;height:48px;position:absolute;top:29px;right:30px;content:'';}
.solution .subMenu > div .performance{background:#f18c06;margin-right:1.867%;}
.solution .subMenu > div .performance:before{background:url('/img/main/docu.png')no-repeat right top;}
.solution .subMenu > div .location{background:#2d2f44;margin-right:1.8%;}
.solution .subMenu > div .location:before{background:url('/img/main/loc.png')no-repeat right top;}
.solution .subMenu > div .contact{width:735px;background:url('/img/main/subMenu.jpg')no-repeat center;padding:35px;}
.solution .subMenu > div .contact .inquiry{font-size:2rem;color:#fff;font-weight:700;margin-top:17px;margin-left: 5px;}
.solution .subMenu > div .contact .inquiry .phone{margin-right:5.524%;}
.solution .subMenu > div .contact .inquiry .phone:before{width:22px;height:20px;display:inline-block;margin-right:6px;vertical-align:-4px;background:url('/img/main/tel.png')no-repeat left center;content:'';}
.solution .subMenu > div .contact .inquiry .email:before{width:22px;height:20px;display:inline-block;margin-right:6px;vertical-align:-4px;background:url('/img/main/mail.png')no-repeat left center;content:'';}








@media all and (max-width:1900px){
.mainBanner .mainBannerCont{width:1200px;margin:0 auto;}
.mainBanner .mainBannerCont .slick-list{margin:0 -350px;}
.mainBanner .mainBannerCont .slick-list img{width:auto;}
.mainBanner .mainBannerCont .mainBannerText{left:50%;transform:translateX(-50%);}
}


@media all and (max-width:1520px){
.mainCont {max-width:100%;padding:0 20px;}
.solution .intro p br{display:none;}
}

@media all and (max-width:1279px){
.mainBanner .mainBannerCont{width:100%;overflow:hidden;}

.solution .subMenu > div .performance:before{background-size:90% auto;}
.solution .subMenu > div .location:before{background-size:90% auto;}
.solution .subMenu > div .contact{padding:34px;}
.solution .subMenu > div .box p {width: 115px;height: 29px;}

}

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

.solution .intro{flex-wrap:wrap;}
.solution .intro h2{width:100%;margin-right:0;}
.solution .intro p{width:100%;margin-top:20px;margin-right:0;}
.solution .subMenu > div{flex-wrap:wrap;}
.solution .subMenu > div .performance{width:49%;margin-right:2%;}
.solution .subMenu > div .performance:before{background-size:70% auto;}
.solution .subMenu > div .location{width:49%;margin-right:0;}
.solution .subMenu > div .location:before{background-size:70% auto;}
.solution .subMenu > div .contact{width:100%;background-size:cover;margin-top:2%;}
.solution .subMenu > div .box p:after{background-size:90% auto;}
}

@media all and (max-width:767px){
.mobileNone{display:none;}
.mobileView{display:block;}

.mainBanner .mainBannerCont .slick-list{margin:0 -50%;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .mainBannerCont .mainBannerText p.text01{margin:0 20px;}
.mainBanner .slick-controls .slick-dots li button{width: 54.6px;}
.mainBanner .slick-controls .slick-controls-box{margin-right:19px;}
.mainBanner .slick-controls .slick-controls-box .first{width:20px;}
.mainBanner .slick-controls .slick-controls-box .last {width:50px;margin-right: 25px;}


.solution{padding:80px 0;}
.solution .intro{margin: 18px 0 44px;}
.solution .goToMenu{flex-wrap:wrap;}
.solution .goToMenu a {padding:140px 31px 33px;}
.solution .goToMenu .introduce{width:100%;border-radius:9px 0 0 0;}
.solution .goToMenu .license{width:100%;border-radius:0 0 9px 0;}
.solution .goToMenu .detail{margin-top:22px;}
.solution .goToMenu .detail:after{background-size: 80% auto;margin-left: 8px;}
.solution .subMenu{margin-top:50px;}
.solution .subMenu > div .box p:after{background-size:80% auto;}
.solution .subMenu > div .box p{border-radius:15px;}

.mainBanner .slick-controls .slick-dots{max-width:230px;}
.mainBanner .slick-controls .slick-dots li button{width: 46px;}

}

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

.mainBanner .mainBannerCont .mainBannerText{bottom:30%;}
.mainBanner .mainBannerCont .mainBannerText p.text01{font-size:1.8rem;}
.mainBanner .mainBannerCont .mainBannerText p.text01 br{display:none;}
.mainBanner .slick-controls{bottom:18%;}
.mainBanner .slick-arrow{margin-top:-7px; }
.mainBanner .slick-arrow.slick-prev{background-size:80% auto;}
.mainBanner .slick-arrow.slick-next{background-size:80% auto;}
.mainBanner .slick-controls .slick-dots{max-width:140px;margin-top:-7px;}
.mainBanner .slick-controls .slick-dots li button{width:35px;}


.solution .subMenu > div .box{padding:21px;}
.solution .subMenu > div .tiny:before{top:24px;right:20px;}
}