@charset "utf-8";

.main #header{background:transparent;position:fixed}
.main #header .menuInfo .userInfo>li:after, .main .menuInfo .btnNavi span{background:#fff}
.main #header .inner .logo{background:url('/sgic/assets/images/common/m_logo_sgic.png') no-repeat 50% 50%; background-size:81px 26px;}
.main #header .inner .gnbMenu>li>a, .main .menuInfo .userInfo>li>a, .main .menuInfo .userInfo>li>span, .main .menuInfo .userInfo>li{color:#fff}
.main .menuInfo .selectBox.btnLang .selectBtn{background:transparent;border-color:#fff}

.main #header.fixed .inner .logo{background:url('/sgic/assets/images/common/logo_sgic.png') no-repeat 50% 50%; background-size:81px 26px;}
.main #header.fixed .menuInfo .userInfo>li:after, .main #header.fixed .menuInfo .btnNavi span{background-color:#000}
.main #header.fixed .inner .gnbMenu>li>a, .main #header.fixed .menuInfo .userInfo>li>a, .main #header.fixed .menuInfo .userInfo>li>span, .main #header.fixed .menuInfo .userInfo>li{color:#262626}
.main #header.fixed .menuInfo .selectBox.btnLang .selectBtn {color:#fff;background:#262626;border:1px solid #262626;}

#mcontainer{position:relative;height:100vh}

.moveUp{opacity:0;position:relative;top:20rem;transition:all 1.6s ease}
.moveUp.active{opacity:1;top:0}

.sectionMain{position:relative;}
.sectionMain.section1{display:flex;width:100%;height:1080px;background:url('/sgic/assets/images/main/top_bg.png') no-repeat 50% 50%;background-size:cover;}
.sectionMain.section1 .mtitleArea{position:relative;width:100%;max-width:1720px;min-width:1200px;display:flex;align-items:flex-end;margin:0 auto;}
.sectionMain.section1 .mtitleArea .mtitleBox{display:flex;padding-bottom:75px;flex-direction: column;min-width:1720px;width:100%}
/*.sectionMain.section1 .mtitleArea .mtitleBox .mhtitle{font-size:80px; color:#FFF; text-align:left; line-height:96px; font-weight:700;}*/
.sectionMain.section1 .mtitleArea .mtitleBox .mhtitle{width:985px;height:160px}
.sectionMain.section1 .mtitleArea .mtitleBox .mhtitle img{width:100%}
.sectionMain.section1 .mtitleArea .mtitleBox .mhtitle+.mtexts{margin-top:36px;}
.sectionMain.section1 .mtitleArea .mtitleBox .mtexts{width:490px;height:40px}
.sectionMain.section1 .mtitleArea .mtitleBox .mtexts img{width:100%}
.sectionMain.section1 .mtitleArea .mtitleBox .mdesctxt{margin-top:28px; font-size:20px; color:#FFF; text-align:left; line-height:30px; font-weight:700;}
.sectionMain.section1 .mtitleArea .mtitleBox .msubinfo{display:flex;width:100%;margin-top:32px;border-top:1px solid #dddfe7;padding-top:36px;justify-content:space-between}
.sectionMain.section1 .mtitleArea .mtitleBox .msubinfo li{}
.sectionMain.section1 .mtitleArea .mtitleBox .mlogo{width:434px;height:24px}
.sectionMain.section1 .mtitleArea .mtitleBox .mlogo img{width:100%}
.sectionMain.section1 .mtitleArea .mtitleBox .mdesc{font-size:18px;color:#FFF;line-height:27px;font-weight:400;}
.sectionMain.section1 .mtitleArea .mbtnBox{position:absolute; right:0px; bottom:220px;}
.sectionMain.section1 .mtitleArea .mbtnBox .btn{font-size:16px;padding-left:30px;padding-right:30px}
.sectionMain.section1 .mtitleArea .mbtnBox .btn:after{content:'';margin:0 0 0 20px;width:16px;height:16px;background:url('/sgic/assets/images/content/arrow_right.png') no-repeat 50% 50%;background-size:16px 16px;}

.sectionMain.section2{display:flex;width:100%;height:835px;overflow:hidden}
.sectionMain.section2 .aboutBgImg{ position:absolute;left:0;top:0px;width:808px;height:928px}
.sectionMain.section2 .aboutBgImg img{width:112%;transform:scaleX(-1) scaleY(-1) rotate(180deg);margin-top:-94px;margin-left:-84px}
.sectionMain.section2 .mtitleArea{position:relative;max-width:1720px;width:100%;display:flex;margin:0 auto;flex-direction:column;}
.sectionMain.section2 .mtitleArea .mtitleBox{display:flex;flex-direction:column;width:820px;margin-top:160px;margin-left:auto;float: right;}
.sectionMain.section2 .mtitleArea .mtitleBox .mhtitle{font-size:14px; color:#262626; text-align:left; line-height:21px; font-weight:700;}
.sectionMain.section2 .mtitleArea .mtitleBox .mtexts{padding-top:20px; font-size:16px; color:#262626; text-align:left; line-height:24px; font-weight:500;}
.sectionMain.section2 .mtitleArea .mtitleBox .btnGroup{margin-top:28px}
.sectionMain.section2 .mtitleArea .aboutInfoLst{margin-top:160px;display:flex;gap:80px;margin-left:auto;margin-right:220px;}
.sectionMain.section2 .mtitleArea .aboutInfoLst>li{display:flex;flex-direction:column;align-items:center;}
.sectionMain.section2 .mtitleArea .aboutInfoLst>li>strong{font-size:64px;color:#262626;font-weight:900;line-height:96px}
.sectionMain.section2 .mtitleArea .aboutInfoLst>li>span{font-size:16px;color:#262626;font-weight:500;line-height:24px}


.sectionMain.section3 {width:100%;background-image: linear-gradient(0deg, #003CDC 50%, #F7F9FE 85%, #FFFFFF 50%);overflow:hidden}
.sectionMain.section3 .cardSwiperWrap {max-width:1720px;width:100%;margin:0 auto;}
.sectionMain.section3 .mtitleArea{}

.cardSwiper {position:relative;width:100%;}
.cardSwiper .mtitleArea {display:flex;align-items:center;position:relative;max-width:1720px;margin:0 auto;width:100%;}
.cardSwiper .mtitleArea .mhtitle {font-weight:700;font-size:28px;color:#262626;line-height:36px;}
.cardSwiper .mtitleArea .mhtitle>p{margin-top:12px;font-size:16px;color:#262626;font-weight:500;line-height:24px}
.cardSwiper .mtitleArea .swiper-button{position:absolute;bottom:0px;right:0;display:inline-block;width:56px;height:56px;border-radius:100px;border:1.5px solid #262626;transition:opacity .2s;background:url('/sgic/assets/images/main/m_arrow_left.png') no-repeat 50% 50%;background-size:16px 16px;}
.cardSwiper .swiper-button.swiper-button-disabled{opacity:.3;pointer-events:none;}

.cardSwiper .swiper-button.card-next{transform:rotate(180deg);}
.cardSwiper .swiper-button.card-prev{right:70px;background:url('/sgic/assets/images/main/m_arrow_left.png') no-repeat 50% 50%;background-size:16px 16px;}
.cardSwiper .card-prev, .cardSwiper .card-next {}

.cardSwiper .swiper-wrapper {width:100%;height:auto;padding:0;margin:50px auto}
.cardSwiper .swiper-wrapper .swiper-slide {display:flex;padding:0px;border-radius:12px;background:#17161C; background-image: linear-gradient(-24deg, rgba(84,131,255,0.60) 0%, rgba(23,22,28,0.60) 65%);height:520px;overflow:hidden;position:relative}
.cardSwiper .swiper-wrapper .swiper-slide:last-child{}
.cardSwiper .swiper-wrapper .swiper-slide .speakerBox{position:relative;z-index:10;width:100%;display:flex;padding:40px;flex-direction:column}
.cardSwiper .swiper-wrapper .swiper-slide .speakerBox .name {font-size:20px;color:#fff;line-height:36px;font-weight:700;}
.cardSwiper .swiper-wrapper .swiper-slide .speakerBox .group {margin-top:4px;font-weight:500;font-size:14px;color:#fff;line-height:21px;}
.cardSwiper .swiper-wrapper .swiper-slide .speakerBox .noData {margin-top:140px;font-weight:500;font-size:24px;color:#fff;line-height:25px; text-align:center}
/*.cardSwiper .swiper-wrapper .swiper-slide .speakerImg{position:absolute;right:0;bottom:0;width:360px;border-top-left-radius:100%;overflow:hidden;height: 320px;}
.cardSwiper .swiper-wrapper .swiper-slide .speakerImg img{width:120%;}*/

/*.cardSwiper .swiper-wrapper .swiper-slide .speakerImg{position:absolute;right:-155px;bottom:-195px;width:516px;height:516px;border-radius:100%;overflow:hidden;}*/
.cardSwiper .swiper-wrapper .swiper-slide .speakerImg{position:absolute;right:0;bottom:0;width:345px;height:440px;overflow:hidden;}
.cardSwiper .swiper-wrapper .swiper-slide .speakerImg img{width:100%;filter:grayscale(100%);transition:filter .2s}
.cardSwiper .swiper-wrapper .swiper-slide .speakerBox:hover+.speakerImg img{filter:grayscale(0%);}

/* program */
.programArea{position:relative;margin-top:240px; padding-bottom:324px;overflow:hidden;}
.programArea:after{content:'';position:absolute; bottom:-120px; background:url('/sgic/assets/images/main/program_bg.png') no-repeat 50% bottom;background-size:1920px 478px;width:100%;height:478px;}
.programArea .mtitleArea{max-width:1260px;margin:0 auto}
.programArea .mtitleArea .mtitleBox{display:flex;flex-direction:column;width:100%;text-align:center}
.programArea .mtitleArea .mtitleBox .mhtitle{font-weight:700;font-size:14px;color:#fff;line-height:21px;}
.programArea .mtitleArea .mtitleBox .mtexts{margin-top:20px;font-weight:700;font-size:36px;color:#fff;line-height:54px;}

.programArea .programLst{display:flex;margin:80px auto 0;max-width:1260px;}
.programArea .programLst .info{position:relative;display:flex;width:400px;height:400px;flex-direction:column;padding:48px;z-index:10;border-radius:12px;background:#fff;margin-right:20px;}
/*.programArea .programLst .info:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:#fff;}*/
.programArea .programLst .info.first{border-radius:12px;background:#fff;margin-right:20px;}
.programArea .programLst .info.first:before{display:none}
.programArea .programLst .info:nth-child(2){margin-right:18px}
/*.programArea .programLst .info:nth-child(2):after{content:'';position:absolute;top:0;right:-18px;width:1px;height:100%;background:#fff;}*/
/*.programArea .programLst .info:nth-child(3){margin-left:18px}*/
.programArea .programLst .info {color:#003CDC;}
.programArea .programLst .info.first {color:#003CDC;}
.programArea .programLst .info .place{font-weight:700;}
.programArea .programLst .info .place+.title{margin-top:12px}
.programArea .programLst .info .title{font-size:24px;min-height:72px;line-height:36px;font-weight:700;}
.programArea .programLst .info .time{margin-top:auto;font-weight:700;}
.programArea .btnGroup{margin-top:80px;position:relative;z-index:10}

.sectionMain.section4 {display:flex;width:100%;height:755px;overflow:hidden;flex-direction:column;}
.sectionMain.section4 .mtitleArea {width:1720px;margin:96px auto 0;}
.sectionMain.section4 .mtitleArea .mhtitle{font-weight:700;font-size:36px;color:#262626;line-height:54px;}

.logoSwiperWarp {overflow:hidden; position:relative; width:100%; margin-top:50px}
.logoSwiper{margin:0;width:100%;}
.logoSwiper.bottom{margin-top:40px}
.logoSwiper .swiper-slide {width:200px; height:200px; background:#F2F2F5; padding: 0 20px; display: flex; align-items: center; border-radius:100%; overflow:hidden; margin-right:20px}
/*.logoSwiper.top .swiper-slide:nth-child(5n+3){margin-right:340px }
.logoSwiper.top .swiper-slide:nth-child(5n){margin-right:240px}
.logoSwiper.bottom .swiper-slide:nth-child(3n+1){margin-right:340px }
.logoSwiper.bottom .swiper-slide:nth-child(3n){margin-right:240px }*/
.logoSwiper .swiper-slide img {width:100%; object-fit:contain;}
.logoSwiper .swiper-wrapper{height:auto}

/* Archive Hub */
.sectionMain.section5 {display:flex;width:100%;height:755px;overflow:hidden}
.sectionMain.section5 .mtitleArea {max-width:1720px;margin:96px auto 0;width:100%;}
.sectionMain.section5 .mtitleArea .mhtitle{font-weight:700;font-size:36px;color:#262626;line-height:54px;}

.sectionMain.section5 .autoSwiperWrap {max-width:1720px;margin:0 auto;width:100%;}

.autoSwiper {position:relative;width:100%;}
.autoSwiper .mtitleArea {display:flex;align-items:center;position:relative;width:1720px;margin:0 auto;}
.autoSwiper .mtitleArea .mhtitle {font-weight:700;font-size:28px;color:#262626;line-height:36px;}
.autoSwiper .mtitleArea .mhtitle>p{font-size:16px;color:#262626;font-weight:500;line-height:24px}
.autoSwiper .mtitleArea .swiper-button{position:absolute;bottom:0px;right:0;display:inline-block;width:56px;height:56px;border-radius:100px;border:1.5px solid #262626;transition:opacity .2s;background:url('/sgic/assets/images/main/m_arrow_left.png') no-repeat 50% 50%;background-size:16px 16px;}
.autoSwiper .swiper-button.swiper-button-disabled{opacity:.3;pointer-events:none;}

.autoSwiper .swiper-button.card-next{transform:rotate(180deg);}
.autoSwiper .swiper-button.card-prev{right:70px;background:url('/sgic/assets/images/main/m_arrow_left.png') no-repeat 50% 50%;background-size:16px 16px;}
.autoSwiper .card-prev, .autoSwiper .card-next {}

.autoSwiper .swiper-wrapper {width:100%;padding:0;margin:50px auto}
.autoSwiper .swiper-wrapper .swiper-slide {display:inline-block;padding:0px;height:auto;overflow:hidden;}
.autoSwiper .swiper-wrapper .swiper-slide .hubBox{width:100%;display:block;}
.autoSwiper .swiper-wrapper .swiper-slide .hubBox img{width:100%}


.sectionMain.section6 {display:flex;width:100%;height:773px;/*overflow:hidden*/}
.sectionMain.section6 .inner {position:relative;z-index:10;max-width:1720px;width:100%;margin:120px auto;display:flex;justify-content:space-between}
.sectionMain.section6 .mtitleArea {width:720px;margin:0;display:inline-flex;flex-direction:column}
.sectionMain.section6 .mtitleArea .mhtitle{position:relative;z-index:10;font-weight:700;font-size:36px;color:#262626;line-height:54px;}
.sectionMain.section6 .btnGroup{position:relative;justify-content:flex-start;z-index:10;margin-top:20px}
.sectionMain.section6 .btnGroup~.btnGroup{margin-top:12px}
.sectionMain.section6 .btnGroup .btn{}
.sectionMain.section6 .supportBgImg{ position:absolute;left:0;top:0px;width:774px;height:1200px}
.sectionMain.section6 .supportBgImg img{width:112%;transform:scaleX(-1) scaleY(-1) rotate(180deg);margin-top:-155px;margin-left:-84px}

.sectionMain.section6 .bbsArea{display:flex;width:900px;flex-direction:column}
.sectionMain.section6 .bbsArea .bbsLst{display:flex;flex-direction:column}
.sectionMain.section6 .bbsArea .bbsLst>li{display:flex;flex-direction:column;border-top:1px solid #262626}
.sectionMain.section6 .bbsArea .bbsLst>li:last-child{border-bottom:1px solid #262626}
.sectionMain.section6 .bbsArea .bbsLst>li>a{display:block;padding:28px 0}
.sectionMain.section6 .bbsArea .bbsLst>li .cate{display:block;font-size:12px;line-height:18px;font-weight:700}
.sectionMain.section6 .bbsArea .bbsLst>li .suj{display:block;margin-top:8px;font-size:20px;line-height:30px;font-weight:700}

/* 키비주얼 */
.sectionMain.section7{position:relative;width:100%;height:933px;overflow:hidden;border-radius:30px 30px 0 0}
.sectionMain.section7 .mfooter {position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between}
.sectionMain.section7 .mfooter .mfooterBg{background:url('/sgic/assets/images/main/bg_footer.png') no-repeat 50% 50%;background-size:cover;position:absolute;top:0;left:0;right:0;bottom:0;}
.sectionMain.section7 .mfooter .videoArea{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.sectionMain.section7 .mfooter .videoArea video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.sectionMain.section7 .mfooter .mtitleArea{position:relative;z-index:10;display:flex;flex-direction:column;width:100%;max-width:1720px;height:100%;justify-content:space-between;margin:100px auto 0;}
.sectionMain.section7 .mfooter .mtitleArea .mhtitle{font-weight:900;font-size:64px;color:#fff;line-height:96px;}
.sectionMain.section7 .mfooter .mtitleArea .btnInfoGroup{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:60px}
.sectionMain.section7 .mfooter .mtitleArea .btnInfoGroup .btnLink{width:190px;}
.sectionMain.section7 .mfooter .mtitleArea .btnInfoGroup p{border-bottom:1px solid #fff}
.sectionMain.section7 .mfooter .mtitleArea .btnInfoGroup a{display:flex;justify-content:space-between;font-size:14px;color:#fff;line-height:21px;font-weight:700;padding:17px 0}
.sectionMain.section7 .mfooter .mtitleArea .btnInfoGroup a .arrow{display:inline-flex;width:16px;height:16px;background:url('/sgic/assets/images/common/btn_arrow.png') no-repeat 50% 50%;background-size:16px;transform:rotate(180deg)}
.sectionMain.section7 .mfooter #footer{position:relative;z-index:10;max-width:1720px;width:100%;margin:0 auto}
.sectionMain.section7 .mfooter #footer .inner{max-width:inherit}
.sectionMain.section7 .mfooter #footer .inner .cont .list span, .sectionMain.section7 .mfooter #footer .inner .adder .info, .sectionMain.section7 .mfooter #footer .inner .adder .copy{color:#fff}

/* 모바일 반응형 */
@media (max-width: 1240px) {
    .sectionMain.section1 .mtitleArea .mtitleBox .mhtitle{font-size:60px;line-height:76px}
    .sectionMain.section1 .mtitleArea .mtitleBox .mtexts{font-size:16px;line-height:26px}
    .sectionMain.section1 .mtitleArea .mbtnBox{bottom:250px}
    .sectionMain.section1 .mtitleArea .mtitleBox .mdesc{font-size:14px;line-height:22px}

    .sectionMain.section2 .mtitleArea .mtitleBox{width:620px}

    .sectionMain.section2 .mtitleArea .aboutInfoLst{margin-right:80px}
    .sectionMain.section2 .mtitleArea .aboutInfoLst>li>strong{font-size:48px;line-height:72px}

    .cardSwiper .swiper-wrapper .swiper-slide{height:420px}

    .programArea .programLst{width:940px;}
    .programArea .programLst .info .place{font-size:14px}
    .programArea .programLst .info{width:300px;height:300px;padding:30px;}
    .programArea .programLst .info .title{font-size:20px;line-height:30px}
    .programArea .programLst .info .time{font-size:14px;}

    .logoSwiper .swiper-slide{width:160px;height:160px;}

    .cardSwiper .mtitleArea .swiper-button, .autoSwiper .mtitleArea .swiper-button{width:48px;height:48px}
    .cardSwiper .swiper-button.card-prev, .autoSwiper .swiper-button.card-prev{right:60px}

    .sectionMain.section6 .bbsArea{width:680px}
    .sectionMain.section6 .mtitleArea{width:620px}

    .sectionMain.section7 .mfooter .mtitleArea .mhtitle{font-size:54px;line-height:86px}

}

/* 모바일 반응형 */
@media (max-width: 1023px) {
    .main #header .inner .logo, .main #header.fixed .inner .logo{background-size:62px 20px}
    /*.main #header.fixed .inner .logo{background:url('/sgic/assets/images/common/logo_sgic.png') no-repeat 50% 50%; background-size:81px 26px;}*/
    .moveUp{opacity:0;position:relative;top:15rem;transition:all 1.6s ease}
    .moveUp.active{opacity:1;top:0}

    .sectionMain.section1{padding:16px;height:780px;}
    .sectionMain.section1 .mtitleArea{max-width:100%;min-width:auto;flex-direction:column;justify-content:flex-end;}
    .sectionMain.section1 .mtitleArea .mtitleBox{min-width:auto;padding-bottom:24px;width:100%;}
    /*.sectionMain.section1 .mtitleArea .mtitleBox .mhtitle{font-size:36px;line-height:48px;}*/
    .sectionMain.section1 .mtitleArea .mtitleBox .mhtitle{width:328px;height:61px}
    .sectionMain.section1 .mtitleArea .mtitleBox .mhtitle+.mtexts{margin-top:12px}
    .sectionMain.section1 .mtitleArea .mtitleBox .mdesc{font-size:12px;line-height:18px;}
    .sectionMain.section1 .mtitleArea .mtitleBox .mtexts{width:245px;height:20px}
    /*.sectionMain.section1 .mtitleArea .mtitleBox .mtexts{font-size:14px;line-height:21px}*/
    .sectionMain.section1 .mtitleArea .mtitleBox .msubinfo{flex-direction:column;padding-top:16px;margin-top:16px}
    .sectionMain.section1 .mtitleArea .mtitleBox .mlogo{margin-top:8px;width:300px;height:16px}
    .sectionMain.section1 .mtitleArea .mtitleBox .mdesctxt{margin-top:12px;font-size:14px;line-height:21px;}
    .sectionMain.section1 .mtitleArea .mbtnBox{position:static;width:100%;padding-bottom:24px}

    .sectionMain.section2{padding:16px;height:1123px}
    .sectionMain.section2 .mtitleArea{max-width:100%;}
    .sectionMain.section2 .mtitleArea .mtitleBox{width:100%;margin-top:60px}
    .sectionMain.section2 .mtitleArea .mtitleBox .mtexts{padding-top:12px}
    .sectionMain.section2 .mtitleArea .mtitleBox .btnGroup .btn{width:auto}

    .sectionMain.section2 .aboutBgImg{width:128%;height:auto;}
    .sectionMain.section2 .aboutBgImg img{margin-top:90px;width:100%;}

    .sectionMain.section2 .mtitleArea .aboutInfoLst{flex-direction:column;margin:72px 0 0;gap:30px}

    .sectionMain.section3{margin-top:40px;padding:0px;}
    .cardSwiper .mtitleArea, .sectionMain.section3 .cardSwiperWrap{max-width:100vw;}
    .sectionMain.section3 .cardSwiperWrap{padding:16px}
    .cardSwiper .mtitleArea{padding-bottom:72px;}
    .cardSwiper .mtitleArea .mhtitle{font-size:24px;line-height:36px}
    .cardSwiper .mtitleArea .swiper-button{}
    .cardSwiper .swiper-button.card-prev{left:0;}
    .cardSwiper .swiper-button.card-next{left:56px;}
    .cardSwiper .swiper-wrapper{margin-top:40px}
    .cardSwiper .swiper-wrapper .swiper-slide{height:390px}
    .cardSwiper .swiper-wrapper .swiper-slide .speakerBox{padding:24px}
    .cardSwiper .swiper-wrapper .swiper-slide .speakerBox .noData {margin-top:120px;}
    .autoSwiper .swiper-button.card-prev{}
    .cardSwiper .swiper-wrapper .swiper-slide .speakerImg{width:246px;height:314px;}

    .sectionMain.section3 .mtitleArea{width:100%;}
    .programArea{margin-top:100px;padding:16px 16px 210px}
    .programArea .mtitleArea{max-width:100%;}
    .programArea .mtitleArea .mtitleBox .mtexts{font-size:24px;line-height:36px;margin-top:12px;}
    .programArea:after{width:calc(100% + 32px);margin:0 -16px;background-size:cover;height:360px;}
    .programArea .programLst{width:100%;margin-top:40px;flex-direction:column;max-width:100%;gap:16px}
    .programArea .programLst .info{width:100%;height:auto;margin:0;padding:30px 28px}
    .programArea .programLst .info.first{margin-right:0;/*background:transparent;color:#fff*/}
    .programArea .programLst .info.first:before{display:block}
    /*.programArea .programLst .info:last-child:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;}*/
    .programArea .programLst .info:nth-child(2), .programArea .programLst .info:nth-child(3){margin-left:0}
    .programArea .programLst .info .place+.title{display:-webkit-box; margin-top:4px;height:120px; max-height:120px; overflow:hidden; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-break:break-all;white-space:normal}
    .programArea .programLst .info .time{margin-top:16px;}
    .programArea .btnGroup{margin-top:40px}
    .programArea .btnGroup .btn{width:auto}

    .sectionMain.section4{padding:16px;height:auto}
    .sectionMain.section4 .mtitleArea{width:100%;margin-top:100px}
    .sectionMain.section4 .mtitleArea .mhtitle{font-size:24px;line-height:36px}

    .logoSwiperWarp{margin-top:40px;}
    .swiper.logoSwiper .swiper-wrapper{}
    .logoSwiper .swiper-slide{width:104px;height:104px;padding:28px 10px;margin-right:8px}
/*    .logoSwiper.top .swiper-slide:nth-child(5n+3){margin-right:128px }
    .logoSwiper.top .swiper-slide:nth-child(5n){margin-right:128px}
    .logoSwiper.bottom .swiper-slide:nth-child(3n+1){margin-right:128px }
    .logoSwiper.bottom .swiper-slide:nth-child(3n){margin-right:128px }*/

    .sectionMain.section5{padding:16px;height:auto}
    .sectionMain.section5 .autoSwiperWrap {max-width:100vw;}
    .sectionMain.section5 .mtitleArea{max-width:100%;margin:100px 0 0}
    .sectionMain.section5 .mtitleArea .mhtitle{/*padding-left:16px;*/font-size:24px;line-height:36px;}
    .autoSwiper .swiper-wrapper{margin-top:40px}

    .sectionMain.section6{padding:16px;}
    .sectionMain.section6 .inner{flex-direction:column;max-width:100%;margin-top:80px}
    .sectionMain.section6 .supportBgImg{}
    .sectionMain.section6 .supportBgImg img{margin-left:-380px;margin-top:-100px;opacity:0.2; background-image: radial-gradient(circle at 50% 50%, #FF5D4D 0%, #FFFFFF 50%);}
    .sectionMain.section6 .mtitleArea{width:100%;}
    .sectionMain.section6 .mtitleArea .mhtitle{font-size:24px;line-height:36px;}
    .sectionMain.section6 .btnGroup{margin-top:24px;}
    .sectionMain.section6 .btnGroup .btn{width:auto}

    .sectionMain.section6 .bbsArea{margin-top:40px;width:100%;}
    .sectionMain.section6 .bbsArea .bbsLst>li>a{padding:24px 0;}
    .sectionMain.section6 .bbsArea .bbsLst>li .suj{font-size:16px;line-height:24px}

    .sectionMain.section7{height:780px;border-radius:20px 20px 0 0}
    .sectionMain.section7 .mfooter .mtitleArea{max-width:100%;margin:32px 0 0;padding:0 16px}
    .sectionMain.section7 .mfooter .mtitleArea .mhtitle{padding:0 16px;font-size:32px;line-height:42px}

    .sectionMain.section7 .mfooter #footer{margin:0 16px;max-width:100%;width:auto;min-height:auto}
    .sectionMain.section7 .mfooter #footer .inner{padding:28px 0px}
    .sectionMain.section7 .mfooter #footer .inner .adder .copy {}

    .sectionMain.section7 .mfooter .videoArea{border-radius:16px 16px 0 0;}

}