@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

.mVisual{height:937px;}
.mVisual .item{position:relative;height:937px;overflow:hidden;}
.mVisual .item .txtBox{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;padding:0 50px;text-align:center;padding-top:464px;}
.mVisual .item .txtBox .line1{max-width:1280px;width:100%;display:inline-block;font-size:18px;font-weight:300;line-height:35px;color:#fff;text-align:left;}
.mVisual .item .bgImgBox{width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:0;}
.mVisual .item .bgImgBox .mBg{display:none;}
.mVisual .item .iframe_area{position:absolute;left:50%;top:0;width:2560px;height:100%;top:0;z-index:1;transform:translate(-50%,0) scale(1.15);}
.mVisual .item .videoDim{position:absolute;width:2560px;left:50%;height:100%;top:0;z-index:10;transform:translate(-50%,0);background-color:rgba(0,0,0,0.3);}

.mVisualArea .innerBox{max-width:1920px;}
.mVisualArea .mVisualControl{position:absolute;left:50%;transform:translate(-50%,0);bottom:207px;width:100%;max-width:1380px;padding:0 50px;z-index:2;text-align:left;font-size:0;}
.mVisualArea .mVisualControl .pageBtn{font-size:0;}
.mVisualArea .mVisualControl button.swiper-pagination-bullet{position:relative;width:15px;height:15px;background-color:#fff;opacity:0.5;margin-right:90px;}
.mVisualArea .mVisualControl button.swiper-pagination-bullet::before{content:"";position:absolute;left:calc(100% + 4px);top:7px;display:block;width:82px;height:1px;background-color:rgba(255,255,255,0.5);}
.mVisualArea .mVisualControl button.swiper-pagination-bullet:last-of-type::before{display:none;}
.mVisualArea .mVisualControl button.swiper-pagination-bullet-active{opacity:1;background-color:#fff;;}


.mNoticeArea{padding:100px 0;}
.mNoticeArea .innerBox{max-width:1380px;padding:0 50px;}
.mNoticeArea .mTit{margin-bottom:25px;}
.mNoticeArea .noticeMore{position:absolute;right:50px;top:20px;}

.noticeList{width:100%;font-size:0;}
.noticeList>li{display:inline-block;vertical-align:top;width:calc(33.333% - 40px);border-top:2px solid #000;margin-right:60px;}
.noticeList>li:nth-of-type(3){margin-right:0;}
.noticeList>li a{display:block;padding-top:40px;}
.noticeList>li .cag{display:block;font-size:16px;font-weight:300;color:#777;}
.noticeList>li .title{font-size:27px;font-weight:bold;color:#000;line-height:34px;height:68px;margin:18px 0 21px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.noticeList>li .text{font-size:16px;font-weight:300;color:#777;line-height:25px;height:100px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.noticeList>li .time{display:block;font-size:16px;font-weight:300;color:#777;line-height:25px;margin-top:30px;}


.mBusinessArea{padding:110px 0 90px 0;background-size:cover;background-repeat:no-repeat;background-position:center center;background-color:#F5F5F5;}
.mBusinessArea .mobileBg{display:none;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.mBusinessArea .mTit{margin-bottom:40px;}
.mBusinessArea .mBusiness{max-width:1380px;}
.mBusinessArea .mBusiness .item + .item{margin-top:130px;}
.mBusinessArea .mBusiness .item .group{font-size:0;}
.mBusinessArea .mBusiness .item .group .iconNumber{display:inline-block;width:25%;vertical-align:top;padding:15px 10px 20px 140px;border-right:1px solid rgba(0,0,0,0.12);background-position:left 50px center;background-repeat:no-repeat;}
.mBusinessArea .mBusiness .item .group .iconNumber:last-of-type{border-right:none;}
.mBusinessArea .mBusiness .item .group .iconNumber .title{font-family: 'Roboto', sans-serif;display:block;font-size:20px;color:#212121;line-height:1em;font-weight:500;margin-bottom:15px;}
.mBusinessArea .mBusiness .item .group .iconNumber .number{display:block;}
.mBusinessArea .mBusiness .item .group .iconNumber .number>i{font-style:normal;font-family: 'Roboto', sans-serif;display:inline-block;font-size:46px;color:#212121;line-height:1em;font-weight:500;letter-spacing:-2px;}
.mBusinessArea .mBusiness .item .group .iconNumber .number>span{font-size:23px;letter-spacing:0;font-family: 'Pretendard';margin-left:3px;color:#212121;}
.mBusinessArea .mBusiness .swiper-wrapper{display:block;}
.mBusinessArea .linkArea{width:100%;font-size:0;text-align:center;margin-top:80px;}
.mBusinessArea .linkArea a{display:inline-block;height:60px;padding:18px 80px 17px 34px;border:2px solid #212121;border-radius:30px 0 30px 30px;font-size:20px;line-height:1em;color:#212121;font-weight:500;background:url(../img/main/icon_mBusinessArr.svg) no-repeat right 27px center/16px auto;}

.mBusinessArea .mBusinessControl{position:absolute;right:50px;top:-2px;width:114px;font-size:0;z-index:10;}
.mBusinessArea .mBusinessControl>button{width:52px;height:52px;border:1px solid #212121;border-radius:50%;}
.mBusinessArea .mBusinessControl>button.mBusinessPrev{background:url(../img/main/icon_mNewsPrev.png) no-repeat center center/9px auto;}
.mBusinessArea .mBusinessControl>button.mBusinessNext{background:url(../img/main/icon_mNewsNext.png) no-repeat center center/9px auto;margin-left:10px;}
.mBusinessArea .mBusinessIndex{display:none;}
.mBusinessArea .mBusinessControl{display:none;}

.mInnovationArea{padding:100px 0 25px 0;}
.mInnovationArea .innerBox{max-width:1380px;padding:0 50px;}
.mInnovationArea .mTit{position:relative;margin-bottom:64px}
.mInnovationArea .mTit::before{content:"";position:absolute;left:0;top:50%;display:block;height:1px;width:100%;background-color:#000;z-index:0;}
.mInnovationArea .mTit>span{position:relative;display:inline-block;padding:0 8px;background-color:#fff;z-index:1;}
.mInnovationTab>ul{font-size:0;width:100%;text-align:center;margin-bottom:50px;display:block;}
.mInnovationTab>ul>li{display:inline-block;vertical-align:middle;margin:0 16px;width:auto;}
.mInnovationTab>ul>li a{font-size:28px;font-weight:bold;opacity:0.4;color:#000;line-height:1em;}
.mInnovationTab>ul>li.on a{opacity:1;}

.mInnovationList{font-size:0;}
.mInnovationList>li{display:inline-block;vertical-align:top;width:calc(33.333% - 40px);margin-right:60px;margin-bottom:100px;}
.mInnovationList>li:nth-of-type(3n){margin-right:0;}
.mInnovationList>li a{display:block;font-size:0;text-align:center;}
.mInnovationList>li .imgBox{position:relative;display:block;overflow:hidden;}
.mInnovationList>li .imgBox::before{content:"";display:block;padding-top:66.5%;}
.mInnovationList>li .imgBox>img{position:absolute;left:0;top:0;width:100%;height:100%;}
.mInnovationList>li .cag{position:relative;display:inline-block;padding:0 28px;margin-top:28px;}
.mInnovationList>li .cag::before{content:"";position:absolute;left:0;top:50%;display:block;height:1px;width:100%;background-color:#000;z-index:0;}
.mInnovationList>li .cag>span{position:relative;background-color:#fff;font-size:14px;line-height:1em;font-weight:bold;z-index:1;padding:0 8px;}
.mInnovationList>li .title{font-size:22px;font-weight:bold;line-height:32px;margin-top:10px;margin-bottom:10px;max-height:96px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.mInnovationList>li .text{font-size:16px;line-height:24px;max-height:72px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
/* .mInnovationList>li:nth-of-type(2) .text,
.mInnovationList>li:nth-of-type(5) .text{display:none;} */
.mInnovationList>li:nth-of-type(2) .imgBox::before,
.mInnovationList>li:nth-of-type(5) .imgBox::before{padding-top:103.45%}

.mNewsArea{padding:100px 0 140px;background:url(../img/main/img_mNews.jpg) no-repeat center center/cover;overflow:hidden;}
.mNewsArea .innerBox{max-width:1280px;}
.mNewsArea .mTit{color:#fff;margin-bottom:50px;}
.mNewsArea .mNews{overflow:visible;}
.mNewsArea .mNews .item{width:388px;height:334px;display:inline-block;background-color:#fff;overflow:hidden;margin:0 15px;opacity:0.25;transition:opacity 0.2s;}
.mNewsArea .mNews .swiper-slide-prev,
.mNewsArea .mNews .swiper-slide-next,
.mNewsArea .mNews .swiper-slide-active{opacity:1;}

.mNewsArea .mNews .item a{position:relative;display:block;width:100%;height:100%;padding:45px 45px 60px 45px;}
.mNewsArea .mNews .item .cag{position:relative;font-size:0;margin-bottom:10px;}
.mNewsArea .mNews .item .cag>span{position:relative;display:inline-block;font-size:20px;font-weight:bold;line-height:1em;padding-right:8px;background-color:#fff;z-index:1;}
.mNewsArea .mNews .item .cag>span::before{content:"";position:absolute;left:100%;top:50%;display:block;height:1px;width:80px;background-color:#000;z-index:0;}
.mNewsArea .mNews .item .title{font-size:28px;font-weight:bold;line-height:34px;max-height:68px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:20px;}
.mNewsArea .mNews .item .text{font-size:16px;font-weight:300;line-height:25px;color:#777;max-height:75px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.mNewsArea .mNews .item .time{position:absolute;left:45px;bottom:40px;font-size:16px;font-weight:300;;color:#777;}
.mNewsArea .mNews .swiper-wrapper{overflow:visible !important;}

.mNewsArea .mNewsControl{position:absolute;right:24px;top:0;width:114px;font-size:0;display:none;}
.mNewsArea .mNewsControl>button{width:52px;height:52px;border:1px solid rgba(255,255,255,0.3);border-radius:50%;}
.mNewsArea .mNewsControl>button.mNewsPrev{background:url(../img/main/icon_mNewsPrev.png) no-repeat center center/9px auto;}
.mNewsArea .mNewsControl>button.mNewsNext{background:url(../img/main/icon_mNewsNext.png) no-repeat center center/9px auto;margin-left:10px;}




.innerBox{width:100%;position:relative;font-size:0;margin:0 auto;}
.noticeMore{position:relative;display:inline-block;width:18px;height:18px;}
.noticeMore::before{content:"";position:absolute;left:0;top:7px;display:block;width:100%;height:2px;background-color:#000;}
.noticeMore::after{content:"";position:absolute;left:0;top:7px;display:block;width:100%;height:2px;background-color:#000;transform:rotate(90deg);}
.mTit{font-family: 'Roboto', sans-serif;font-size:56px;line-height:1em;font-weight:bold;color:#000;text-align:center;}
.mTit>span{font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;}


@media all and (max-width:1400px){
    .mVisual .item .bgImgBox{background-position:left -260px center;}

    .mBusinessArea .mBusiness .swiper-wrapper{display:flex;}
    .mBusinessArea .mBusiness .item .group{position:relative;max-width:800px;margin:0 auto;}
    .mBusinessArea .mBusiness .item .group::before{content:"";position:absolute;left:0;top:50%;display:block;width:100%;height:1px;;top:50%;background-color:rgba(255,255,255,0.2);}
    .mBusinessArea .mBusiness .item .group .iconNumber{width:50%;border-right:none;padding-top:35px;padding-bottom:35px;padding-left:145px;background-size:auto 52px}
    .mBusinessArea .mBusiness .item + .item{margin-top:0;}
    .mBusinessArea .mBusinessControl{display:block;}
}

@media all and (max-width:1120px){
    .mVisual{height:397px;}
    .mVisual .item{height:397px;}
    .mVisual .item .bgImgBox{background-position:left center}
    .mVisual .item .txtBox{padding-top:210px;}
    .mVisual .item .txtBox .line1{font-size:16px;line-height:24px;}
    .mVisualArea .mVisualControl{bottom:65px;}
    .mVisualArea .mVisualControl button.swiper-pagination-bullet{margin-right:70px;}
    .mVisualArea .mVisualControl button.swiper-pagination-bullet::before{width:62px;}

    .mNoticeArea{padding:55px 0;}
    .mNoticeArea .innerBox{padding:0 24px;}
    .mNoticeArea .mTit{text-align:left;margin-bottom:0;padding-bottom:24px;border-bottom:1px solid #000;}
    .noticeList{margin-left:-32px;width:calc(100% + 64px);}
    .noticeList>li{position:relative;width:33.333%;margin-right:0;padding:0 32px;border-top:none;}
    .noticeList>li::before{content:"";display:block;position:absolute;right:0;top:34px;height:calc(100% - 34px);width:1px;background-color:#E1E1E1;}
    .noticeList>li:last-of-type::before{display:none;}
    .noticeList>li a{padding-top:35px;padding-bottom:35px;}
    .noticeList>li .title{font-size:22px;line-height:28px;max-height:84px;-webkit-line-clamp:3;height:auto;margin:10px 0 0 0;}
    .noticeList>li .text{display:none;}
    .noticeList>li .time{position:absolute;left:35px;bottom:0;}

    .mTit{font-size:54px;}
    .mNoticeArea .noticeMore{top:18px;right:24px;}

    .mBusinessArea{padding:60px 0 72px 0;}
    .mBusinessArea .mTit{text-align:left;padding-left:24px;}
    .mBusinessArea .mBusinessControl{right:24px;}
    
    .mBusinessArea .mBusiness .item{overflow:hidden;padding:0 24px;}
    .mBusinessArea .mBusiness .item .group{max-width:100%;}
    .mBusinessArea .mBusiness .item .group .iconNumber{padding-top:27px;padding-bottom:27px;}
    .mBusinessArea .linkArea{margin-top:10px;}

    .mInnovationArea{padding:75px 0 25px 0;}
    .mInnovationArea .innerBox{padding:0 24px;}
    .mInnovationArea .mTit{margin-bottom:36px;}
    .mInnovationTab>ul{margin-bottom:36px;}
    .mInnovationTab>ul>li a{font-size:20px;}
    .mInnovationList>li{width:calc(50% - 44px);margin-bottom:65px;margin-right:88px;}
    .mInnovationList>li:nth-of-type(3n){margin-right:88px;}
    .mInnovationList>li:nth-of-type(2n){margin-right:0;}
    .mInnovationList>li .cag{margin-top:13px;padding:0 18px;}
    .mInnovationList>li .cag>span{font-size:14px;}
    .mInnovationList>li .title{font-size:24px;line-height:34px;max-height:102px;}
    .mInnovationList>li .text{font-size:14px;line-height:21px;max-height:63px;}

    .mNewsArea{padding:54px 0 61px 0;}
    .mNewsArea .mTit{margin-bottom:44px;}
    .mNewsArea .mNewsControl{position:static;width:100%;text-align:center;margin-top:30px;}
    .mNewsArea .mNews .item{opacity:1;}
}

@media all and (max-width:768px){
    .mVisual{height:698px;}
    .mVisual .item{height:698px;}
    .mVisual .item .bgImgBox{background-image:none !important;}
    .mVisual .item .bgImgBox .mBg{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;}
    .mVisual .item .iframe_area{width:1200px;}
    .mVisualArea .mVisualControl{bottom:50px;text-align:center;padding:0 24px;}
    .mVisualArea .mVisualControl button.swiper-pagination-bullet:last-of-type{margin-right:0;}
    .mVisual .item .txtBox .line1{position:absolute;left:0;bottom:117px;font-size:18px;text-align:center;padding:0 24px;line-height:30px;word-break:keep-all;}

    .mNoticeArea{padding:35px 0;}
    .mNoticeArea .mTit{text-align:center;padding-bottom:18px;}
    .mNoticeArea .noticeMore{top:9px;}
    .noticeList{width:100%;margin-left:0;}
    .noticeList>li{width:100%;padding:0;border-bottom:1px solid #E1E1E1;}
    .noticeList>li:last-of-type{border-bottom:none;}
    .noticeList>li::before{display:none;}
    .noticeList>li .time{position:static;margin-top:15px;}
    .noticeList>li a{padding:25px 0;;}


    .mBusinessArea{position:relative;padding:55px 0 35px 0;background-image:none !important;}
    .mBusinessArea .mobileBg{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
    .mBusinessArea .innerBox{padding:0 24px;overflow:hidden;}
    .mBusinessArea .mTit{font-size:30px;text-align:center;margin-bottom:0px;padding-left:0;}
    .mBusinessArea .mBusinessControl{position:static;margin-top:38px;text-align:center;width:100%;}
    .mBusinessArea .mBusinessControl>button.mBusinessNext{margin-left:0;}
    .mBusinessArea .mBusinessIndex{display:inline-block;margin:0 17px;vertical-align:middle;font-size:20px;font-weight:300;;line-height:21px;color:#212121}
    .mBusinessArea .mBusiness .item .group .iconNumber{position:relative;width:300px;display:block;margin:0 auto;padding:40px 10px 40px 100px;background-position:left 5px center;}
    .mBusinessArea .mBusiness .item .group .iconNumber::before{content:"";display:block;width:2000px;height:1px;background-color:rgba(255,255,255,0.3);position:absolute;left:-1000px;bottom:0;}
    .mBusinessArea .mBusiness .item .group::before{display:none;}
    .mBusinessArea .linkArea{margin-top:30px;}


    .mInnovationArea{padding:56px 0 10px 0;}
    .mInnovationArea .mTit{margin-bottom:23px;}
    .mInnovationTab>ul{display:flex;text-align:left;margin-bottom:20px;}
    .mInnovationTab>ul>li:nth-of-type(1){margin-left:0;}
    .mInnovationList>li{width:100%;margin: 0 0 60px 0 !important;}

    .mNewsArea{padding:43px 0 36px 0;}
    .mNewsArea .mTit{margin-bottom:30px;}

    .mNewsArea .mNews{margin-left:24px;width:calc(100% - 24px);overflow:hidden;}
    .mNewsArea .mNews .item{width:298px;height:256px;margin:0 20px 0 0}
    .mNewsArea .mNews .item a{padding:30px 20px 30px 24px;}
    .mNewsArea .mNews .item .cag>span{font-size:16px;}
    .mNewsArea .mNews .item .cag>span::before{width:60px;}
    .mNewsArea .mNews .item .title{font-size:24px;line-height:32px;max-height:64px;margin-bottom:14px;}
    .mNewsArea .mNews .item .text{font-size:15px;line-height:20px;max-height:60px;}
    .mNewsArea .mNews .item .time{font-size:14px;left:24px;bottom:30px;}


    .mTit{font-size:32px;}
}
@media all and (max-width:350px){
    .mBusinessArea .mBusiness .item{padding:0 10px;}
    .mBusinessArea .mBusiness .item .group .iconNumber{padding-left:80px;background-position:left 0px center;background-size:auto 45px;}
}