@charset "utf-8";
.content-box{z-index:2;}
.content-box.none-relative{position:inherit;}
.newsroom .h-etc i.search{
    background-image: url(/common/img/m-serch-b.svg);
    width: 1.9rem;
    height: 2rem;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}
.newsroom .news-r-menu{ 
    background-image: url(/common/img/news-img/news-r-menu.svg);
    width: 1.9rem;
    height: 1.5rem;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}
.newsroom .global{
    width: 1.9rem;
    height: 1.9rem;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/common/img/news-img/nes-global.svg);
}
.newsroom .h-etc{width:12rem; position:relative;  display:flex;   justify-content: space-between;}
.newsroom .h-etc .room-right-toggle{position:absolute; right:0; top:0.2rem;}
.newsroom .h-etc .pc-global{position:absolute; left:50%; top:0; transform: translate(-50%,-0);}
.newsroom .m_logo-inner{display:none;}
.newsroom .header-title h1,
.newsroom .header-title h1 a,
.newsroom .header-title h1 a span{font-size:5rem; font-family: Roboto Slab ; font-weight: 100; margin-bottom:3rem; line-height:3.5rem; color:#000;}


.like-icon{position:relative;}
.impact_icon{position:absolute; top:36px; left:32px; width:22px; opacity:0;}

/*main*/
.section1{border-bottom:2px solid #000; }
.topic-title{width:110rem; position:relative;  margin:0 auto; z-index:3;}
.topic-title h2{
    display:flex; 
    align-items: center;
    font-weight: 700;
    top:1rem;
    font-family: Roboto;
    font-size:2rem; 
    color:#01A251;
    position: absolute;
    padding-left:1rem;
}
.section1 .row-warp{display:flex;  width:110rem; margin:0 auto;}
.section1 .topic{width:100%;  padding-top:4rem; padding-bottom:2rem; }
.section1 .topic ul{display:flex; line-height:1em; }
.section1 .topic ul li{display:flex; width:25%;vertical-align:text-bottom;}
.section1 .topic ul li:last-child{margin-right:0;}
.section1 .topic ul li img{margin-right:1rem;width:8.5rem; height:5.8rem;}
.section1 .topic ul li a{font-size:1.4rem; line-height:1.4rem !important; color:#333;}
.section1 .topic ul li .tag span{color:#01A251; font-size:1.2rem;}
/*.section1 .topic ul li .tag span::before{content:"·"; display:inline-block; font-size:1.4rem; color:#01A251;}*/
.section1 .like-box{display:flex; width:26rem;    flex-direction: column; justify-content: center; align-items: center; border-right:1px solid #ccc;}
.section1 .like-box p {margin-top:1rem;}
.section1 .like-box p span{font-size:2.4rem;}
.section1 .like-box p em{font-size:1.2rem; }
.section1 .like-box i.like-icon{
    width: 7.1rem;
    height: 5.8rem;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/common/img/news-img/like-icon.svg);
}
.section2 { position: relative;}

.section2 .section-text-inner{display:flex;  flex-direction: row; flex-wrap: wrap; height:100%;  flex-grow:0 0 auto}
.section2 .section-text-inner a{display:flex; align-items: center; }
.section2 .section-text-inner a span{font-size:1.4rem;color: #01A251; font-weight: 700;}
.section2 i.bullet{width:0.5rem;
    height: 0.9rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left:0.5rem;
    background-image: url(/common/img/icon-bl.png);}
.section2 ul li{display:flex;}
.section2 ul li .section-banner-img{ width:57%; height:45rem;}
.section2 ul li .section-banner-img i{display:block; width:100%; height:45rem;background-size: cover; background-repeat: no-repeat;background-position:center; }
.section2 ul li .section-banner-img i.active{display:block;}
.section2 ul li .section-text{width:40%; padding:6rem 7.5rem; }
.section2 ul li .section-text h2{font-size:3rem; margin-bottom:3rem; line-height:3.5rem; }
.section2 ul li .section-text p{font-size:1.6rem; color:#333; line-height:2.6rem;}
.section2 ul li .section-text .section-text-inner{width:36rem; display:block;}
.section2 ul li .section-text .section-text-inner.active{display:block;}
.banner-button-warp{width:110rem; height:45rem; margin:0 auto; position:absolute;  top:0; left:50%; top:50%; transform: translate(-50%, -50%);}
.banner-navi{position: absolute;  display:flex; left:27% !important; width:20%; top:38rem; z-index:6;}
.banner-navi button {background-color:rgba(0,0,0,0.2); margin-right:0.5rem; font-size:1.4rem; font-weight: 700; color:#fff; width:2.8rem; height:2.8rem;display:flex; align-items: center; justify-content: center;}
.banner-navi button.on{width:2.8rem; height:2.8rem; background-color:#01A251;}



.section3{background-color:#f8f8f8; border-top:2px solid #01A251; padding-top:8rem; padding-bottom:5rem; border-bottom:1px solid #CCCCCC;  }
.section3 h2{font-size:2.5rem; font-weight: 700; color:#01A251; margin-bottom:2rem;}


.section3 .row-warp .mosaic{display:flex; justify-content: space-between; }
.section3 .row-warp .mosaic ul{position:relative; justify-content: space-between; display:flex; flex-wrap: wrap;  overflow:hidden; width:65.4rem;}
.section3 .row-warp .mosaic a{display:block;}
.section3 .row-warp .main-con{width:42.5rem; height:47.5rem; margin-right:2rem; }
.section3 .row-warp .main-con .img-box i.btn-play::before{content:""; width:4rem; height:4rem; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); background-image: url(/common/img/news-img/news-play.png);background-size: contain; background-repeat: no-repeat;background-position:center; }
.section3 .row-warp .main-con .img-box i{display:block; position:relative; width:42.5rem; height:24rem;background-size: cover; background-repeat: no-repeat;background-position:center; }
.section3 .row-warp .main-con h3{font-size:3rem; font-weight: 400; margin-top:3rem; margin-bottom:2.5rem; line-height:3.4rem;}
.section3 .row-warp .main-con p{font-size:1.6rem; line-height:2rem; color:#333;}
.section3 .row-warp .main-con h3.meta{margin-top:2.5rem; margin-bottom:3rem; display:flex;  }
.section3 .row-warp .main-con h3.meta i{width:3rem; height:3.2rem; margin-right:1rem; background-size: auto; background-repeat: no-repeat; background-position:center;}
.section3 .row-warp .main-con p.meta span{font-size:1.4rem;}

.section3 .row-warp ul li{width:20.5rem; height:26.5rem;}
.section3 .row-warp ul li:lang(en){width:20.5rem; height:29rem;}
.section3 .row-warp ul li .img-box i.btn-play::before{content:""; width:4rem; height:4rem; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); background-image: url(/common/img/news-img/news-play.png);background-size: contain; background-repeat: no-repeat;background-position:center; }
.section3 .row-warp ul li .img-box i{display:block; position:relative; width:20.5rem; height:13rem;background-size: cover; background-repeat: no-repeat;background-position:center; }
.section3 .row-warp ul li h3{font-size:1.8rem; font-weight: 400; margin-top:2rem; margin-bottom:1.5rem; line-height:2.4rem; }
.section3 .row-warp ul li p.meta{margin-top:1.5rem; display:flex; align-items: center; }
.section3 .row-warp ul li h3.meta i{width:2rem; height:2rem; margin-right:0rem;background-size: auto; background-repeat: no-repeat; background-position:center; display:inline-block;vertical-align:top;}
.section3 .row-warp ul li h3.meta span{display:inline-block; width:16.5rem; }

.section4{background-color:#fff; padding:8rem 0;background-color:#f8f8f8;}
.section4 h2{ color:#01A251; font-size:2.3rem; font-weight: 700; margin-bottom:1rem; }
.section4 p{ margin-bottom:4rem; font-size:1.6rem;}
.section4 .box-tag{width:100%;}
.section4 .box-tag a{background-color: transparent; }
.section4 .box-tag a + a{}

.section5{padding-top:8rem ; padding-bottom:8rem; background-color:#f1f1f1; border-bottom:1px solid #CCCCCC;   }
.section5 h2{color:#01A251;  font-size:2.5rem; font-weight: 700; margin-bottom:2rem;}
.section5 ul li{width:34.5rem; height:44.5rem; position:relative; background-color: #fff;}
.section5 ul li i{position:absolute; top:0; left:0; width:100%; height:50%;background-size: cover; background-repeat: no-repeat; background-position:center; }
.section5 ul li a{display:block; height:50rem; width:auto;}
.section5 ul li a:hover {display:block; width:100%; height:100%; background-color:#242424;}
/*.section5 ul li a:hover i{width:120%; height:120%;}*/
.section5 ul li a:hover .meta p{color:#fff;}
.section5 ul li .meta{padding:4rem; padding-top:3rem; z-index:2; position:absolute; top:22.25rem; left:0; width:100%;}
.section5 ul li .meta p{font-size:2.4rem; color:#333;  line-height:3.2rem; }
.section5 ul li .meta span{color: #01A251; font-size:1.2rem; margin-bottom:2rem; }
.section5 ul li .meta span::after{content:""; width:1px; height:1rem; background-color:#ccc; margin-left:1rem; margin-right:1rem; display:inline-block;}
.section5 ul li .meta span:last-child::after{content:none;}
.popularity {height:44.5rem;}
.news-btn-box{width:110rem; margin:0 auto;  left:3%; margin-top:-232px; }
.news.swiper-button-prev{left:0%; top:55%; width:4.5rem; height:4.5rem; background-image: url(/common/img/news-img/news-prev.png);}
.news.swiper-button-next{right:0%;top:55%; width:4.5rem; height:4.5rem; background-image: url(/common/img/news-img/news-next.png);}

.section6{padding-top:8rem; padding-bottom: 10rem; border-top:1px solid #01A251;}
.section6 .flex-box > div{width:33%; margin-right:5rem; }
.section6 .flex-box > div:lang(en){width:100%; margin-right:5rem; }
.section6 .flex-box > div:last-child{margin-right:0;}
.section6 dl dt{font-size:1.8rem; font-weight:700;}
.section6 dl dt:lang(en){font-size:2rem;margin-bottom:0rem;font-weight:400; }

.section6 dl dd{font-size:1.6rem; height: 6rem;}
.section6 h2{color:#01A251;  font-size:2.5rem; font-weight: 700; margin-bottom:4rem;}
.section6 ul{display:flex; flex-wrap: wrap; margin-top:3rem;}
.section6 li{display:flex; width:33%; align-items: center; margin-bottom:1.5rem;}
.section6 li:lang(en){width:25%;}
.section6 li span{font-size: 1.4rem; color:#333;}
.section6 li i{display:block; margin-right:1rem; width:3.3rem; height:3.4rem;background-size: auto; background-repeat: no-repeat; background-position:center;}
.section6 li i.s-kaka{background-image: url(/common/img/news-img/s-kaka.svg);}
.section6 li i.s-instar{background-image: url(/common/img/news-img/s-instar.svg);}
.section6 li i.s-naver{background-image: url(/common/img/news-img/s-naver.svg);}
.section6 li i.s-in{background-image: url(/common/img/news-img/s-in.svg);}
.section6 li i.s-face{background-image: url(/common/img/news-img/s-face.svg);}
.section6 li i.s-youtube{background-image: url(/common/img/news-img/s-youtube.svg);}
.section6 li i.s-nposting{background-image: url(/common/img/news-img/s-nposting.svg);}

    .newsroom .header .gnb .depth1.on a{color:#000;}
    /*.newsroom .header .gnb .depth1.on a::after{content:"";width:100%; height:2px; display:block; position: absolute; bottom:0; border-bottom:2px solid #01A251;}*/
    .newsroom .header-top{display:none; position:absolute;}
    .newsroom .header .gnb ul li a.open{color:#01A251; display:block; }
    .newsroom .header .gnb ul li a:hover,
    .newsroom .header .gnb .depth1.on a{color:#01A251;}
    .newsroom .header .gnb ul li:last-child a::before{content:"";left:0; width:100%; height:2px; display:block; position: absolute; top:inherit; bottom:0; border-bottom:2px solid #01A251;}
    .newsroom .header .gnb ul li:last-child a:lang(en)::before{content:none;}

    .newsroom .pc-global{margin-right: 0;}

.newsroom_menu{border-bottom:1px solid #CCCCCC; background-color:#f8f8f8;height:6rem;}
.newsroom_menu li {float: left;width: 33%;text-align: center;height:2rem; margin-top:1.8rem;}
.newsroom_menu li a{color:#5b5d5a; display:block; }
.newsroom_menu li a:hover{font-weight:700; color:#000;}
.newsroom_menu li:nth-child(2){border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;} 



/*뉴스룸 레이아웃*/
@media only all and (min-width: 1200px){
    .newsroom .header-logo-warp{border-bottom:1px solid #ccc; }
    .newsroom .header-logo-inner{
        padding-top:6rem;
        width:110rem;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .newsroom .header-logo-warp{padding-top:0rem;background-color:#fff;}
    .newsroom .header-logo-warp .header-logo-inner{height:inherit; margin-bottom:3rem;}
    .newsroom .header-title{text-align:center;}
    
    .newsroom .header-logo-warp h1{margin-bottom:0;}
    .newsroom .day{font-size:1.4rem; width:110rem; margin:0 auto; text-align:center; margin-bottom: 3rem;}



    .newsroom .header{box-shadow:none; z-index:3;background-color:#fff;}

    /*스크롤*/
    .newsroom .header.nav-down{position: fixed; background-color:#fff; z-index:100; 
        -moz-animation: fadeIn 1s;
        -webkit-animation: fadeIn 1s;
        -o-animation: fadeIn 1s;
        -ms-overflow-style: none;
        }
    .newsroom .header.nav-down .header-warp.off{display:none;}
    .newsroom .header.nav-down .header-logo-warp .header-logo-inner{margin-bottom:1.5rem;  padding-top:2rem;}
    .newsroom .header.nav-down .day{margin-bottom:2rem; }
    .newsroom .header.nav-down .header-title h1,
    .newsroom .header.nav-down .header-title h1 a,
    .newsroom .header.nav-down .header-title h1 a span{font-size:3rem; }


    .newsroom .header-inner{ 
        margin: 0 auto;
    display: block;
    height: auto;
    background-color: transparent;
     }
    .newsroom .header .gnb{width:110rem; margin:0 auto; }
    .newsroom .header .gnb:lang(en){display:none;}
    .newsroom .header .gnb.pc_none{display:none;}
    .newsroom .header .gnb > ul{width:87rem; margin:0 auto;} 
    .newsroom .header .gnb > ul li{position:relative; width:auto; padding-left:0; min-width:auto; height:5rem;  }
	.header .gnb .depth1:nth-child(3),
	.header .gnb .depth1:nth-child(2){padding-left:0;}
    .newsroom .header-warp
    {
        
        left: 0%;
        width: 100%;
        height: 0;
        display: flex;
        align-items: center;
        /*border-bottom:1px solid #ccc;*/
        background-color:#fff;
    }

    .topic-title h2{
        display:flex; 
        align-items: center;
        font-weight: 900;
        padding-left:1rem;
        text-align: center;
        position:absolute; 
        top:-1rem;
        font-family: Roboto;
        font-size:0.9rem; 
        color:#fff;
        width: 9.3rem;
        height: 2.5rem;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(/common/img/news-img/title-editor.png);
    }
    

}

@media only all and (max-width: 1300px){
    
    .newsroom .header-logo-warp{padding-top:2rem; border-bottom:1px solid #ccc;  padding-left:2rem; padding-right:2rem; }
    .newsroom .header-logo-inner{width:100%; height:10.8rem;  margin: 0 auto; display:flex; justify-content: space-between; align-items: center;}
    .newsroom .header-logo-warp .header-logo-inner{ height:inherit; margin-bottom:3rem;}
    .h-etc .close-button{top:inherit; bottom:3rem; left:50%;}
   
    /*스크롤*/
    .newsroom .header.nav-down{
        width:100%;
        position: fixed; background-color:#fff; z-index:100; 
        -moz-animation: fadeIn 1s;
        -webkit-animation: fadeIn 1s;
        -o-animation: fadeIn 1s;
        -ms-overflow-style: none;
        }
    .newsroom .header.nav-down .header-logo-warp{padding-top:0;}
    .newsroom .header.nav-down .header-warp.off{display:none;}
    .newsroom .header.nav-down .header-logo-warp .header-logo-inner{margin-bottom:1.5rem;  padding-top:2rem;}
    .newsroom .header.nav-down .day{margin-bottom:2rem; }
    .newsroom .header.nav-down .header-title h1,
    .newsroom .header.nav-down .header-title h1 a,
    .newsroom .header.nav-down .header-title h1 a span{font-size:3rem; }
    .newsroom .header-title{text-align:center;}
    .newsroom .header-logo-warp h1{margin-bottom:0;}
    .newsroom .day{font-size:1.4rem; width:100%; margin:0 auto; text-align:center; margin-bottom: 3rem; padding-left:2rem; padding-right:2rem; }
    .newsroom .header .gn    .newsroom .header{box-shadow:none; }
    .newsroom .header-inner{ margin:0 auto;display:block; height:0; background-color: transparent;}
    .newsroom .header .gnb{width:110rem; margin:0 auto; border-top:0;}
    .newsroom .header-warp{position: relative;left:0%;width:100%; height:0rem; display:flex;  align-items: center; /*border-bottom:1px solid #ccc;*/}
    .newsroom .header .gnb.pc_none{display:none;}
    .newsroom .h-etc{width:12rem; height:1.9rem; padding:0; position:relative;  display:flex;   justify-content: space-between;}
    .newsroom .m-menu-right{    flex-direction: inherit;}

    .newsroom .m_menu-warp{left:0; position: relative; height:auto; overflow-y: inherit; background-color: transparent;}
    .newsroom .header .gnb > ul{display:flex; width:87rem; margin:0 auto;} 
    .newsroom .header .gnb ul li a:hover,
    .newsroom .header .gnb ul li.on::before{content:none;}
    .newsroom .header .gnb .depth1{width:auto; min-width:auto; border-bottom:0; }
    .newsroom .header .gnb ul li a{width:100%; padding:0; font-weight: 400;}
    .newsroom .header-top{display:none; position:absolute;}
    .newsroom .header .gnb > ul li{position:relative; width:auto; padding-left:0; min-width:auto; height:5rem; display: flex; align-items: center; }
    
    .newsroom .header .gnb ul li a.open::before{content:"";left:0; color:#01A251; width:100%; height:2px; display:block; position: absolute; top:inherit; bottom:0; border-bottom:0; background-color:transparent;}
    .newsroom .h-blank-link{margin-right:0}

    .section3 .row-warp .main-con{width:45%;}
    .section3 .row-warp .main-con .img-box i,
    .section3 .row-warp ul li .img-box i{width:100%; height:10rem; background-size:cover;}
    .section3 .row-warp .main-con .img-box i{height:30rem; background-size:cover;}
    .section3 .row-warp ul li { width:32%;}
    .section3 .row-warp .mosaic ul{width:55%;}
   
}
@media only all and (max-width: 1062px){

    .newsroom .header.nav-down .header-title h1 a span.pc_none{display:inline;}
    .newsroom .header-title h1, 
    .newsroom .header-title h1 a, 
    .newsroom .header-title h1 a span{font-size: 3rem;}
    .newsroom .header-title h1 a span.pc_none{display:inline;}
    .newsroom .header-logo-warp .header-logo-inner{margin-bottom:1.5rem;}

    .newsroom .header-logo-inner{padding-top:0;}
    
}





@media only all and (max-width: 1042px)
{
    
    .section2 ul li .section-text{padding:3rem}
    .section3 .row-warp .main-con .img-box i{height:25rem;}
    .newsroom .logo{display:none;}
    .newsroom .m-set{display:block;}
    .newsroom .header-top{display:block; position:relative; }
    .newsroom .m-set{position: relative; left:0; column-gap: inherit;}
    .newsroom  button.m-toggle{margin-right:0; width:1.9rem; height:1.55rem;}
    .newsroom .header-title h1 span.m_none{display:none;}
    button.m-menu-close{display:block; }
    .room-right-toggle{display:none !important;}
    .section1 .topic{padding-top:6rem;}
    .newsroom .header .gnb.pc_none{display:block;}
    .banner-navi{height:27px;}

    
    /*모바일*/
    
    .newsroom .header-warp{
        display: block;
        background-color: #ffffff;
        position: fixed;
        top: 0rem;
        left: -1199px;
        width: 100%;
        height: 100%;
        z-index: 500;
        overflow-y: scroll;
        transition: All 0.2s ease;
        -webkit-transition: All 0s ease;
        -moz-transition: All 0s ease;
        -o-transition: All 0s ease;
     }
     .newsroom .search-inner{margin-top:5rem;}
    .header .header-inner{   
        align-items: center;
        height: 7rem;
        justify-content: center;
        flex-direction: row-reverse;
        background-color: #fff;
    }
    .newsroom .h-etc{width:1.9rem !important;}
    .newsroom .h-etc:lang(en){width:1.9rem !important;}
    .newsroom .pc-global,
    .newsroom .h-blank-link{display:none;}

    .newsroom .header .gnb{min-width:100%; margin-top:2rem; border-top:1px solid #ccc; padding-top:2rem;}
    .newsroom .header .gnb > ul{display:block; margin-left:2rem;}
    .newsroom button.m-menu-close{top:-5rem; display:block;}
    .newsroom .m_menu-warp{top:5rem;}

    .newsroom .m_logo-inner {display:flex; margin-top:2rem;  justify-content: space-between; padding-left:2rem; padding-right:2rem;}
    .newsroom .m_logo-inner .pc-global,
    .newsroom .m_logo-inner .logo{display:block;}
    .newsroom .header-title h1 span.pc_none{display:inline;     font-size: 3rem !important; font-weight: 100!important;}
    .newsroom .pc-global a span{color:#000; padding-top:4px; padding-left:7px;}

    .section1 .like-box{display:block;}
    .section1 .topic{width:85%;}
    .section1 .like-box{ width:15%;display:flex; justify-content: center;border-right:0;  }
    
    .section1 .row-warp{padding-right:0;}
    .section2 ul li{display:block; }
    .section2 ul li .section-banner-img,
    .section2 ul li .section-text{width:100%;}
    .section2 ul li .section-text .section-text-inner{width:100%;}
    .banner-navi{width:100%; right:initial; left: 0 !important;justify-content: center;}
    .section1 .row-warp{width:100%;}

}
@media only all and (max-width: 974px){
    .newsroom .header-logo-warp .header-logo-inner{margin-bottom:1rem;}
    .newsroom .header-title h1{font-size:4rem;}
    .newsroom .header-title h1 span{font-size:4rem;}
    .newsroom .search-inner{display:block; margin-top:5rem;}
    .newsroom .search-layer{height:30rem; top:-50rem;}
    
    .newsroom .search-tag{margin-top:1rem; height:10rem; margin-bottom:3rem;}
    .section1 .topic ul li a{font-size:1.6rem; }
    
    .section2 > ul.swiper-wrapper{z-index:5;}


    

    
}

@media only all and (max-width: 924px){
    .section2 ul li{display:block; }
    .section2 ul li .section-banner-img,
    .section2 ul li .section-text{width:100%;}

    .section3 .row-warp .main-con{width:45%;}
    .section3 .row-warp .main-con .img-box i,
    .section3 .row-warp ul li .img-box i{width:100%;}
    .section3 .row-warp ul li {width:48%;}
    .section3 .row-warp .mosaic ul{width:55%;}
    .section3{padding-bottom:0rem;}
    .section5{padding-top:8rem;}

    .section6{padding-top:8rem; padding-bottom:7rem;}
    .section6 .flex-box{flex-wrap: wrap;}
    .section6 .flex-box > div{width:100%; margin-bottom:4rem;}
    .section6 .flex-box > div:last-child{margin-bottom:0;}
    .section6 dl dd{height:100%;}
    .section6 li{width:auto; margin-left:1rem; }
    
}

@media only all and (max-width: 898px){
    .section1 .topic ul li{width:33%;}
    
}

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

    .banner-navi{width:100%; justify-content: center; right:0;}
}

@media only all and (max-width: 800px){
    .newsroom .header-title h1{font-size:3rem; font-weight: 400;}
    .newsroom .header-title h1 span{font-size:3rem;}

    .section1 .topic ul li{display:flex; width:33.5%;vertical-align:text-bottom;}
    
}

@media only all and (max-width: 780px){
    .section3 .row-warp .mosaic{flex-wrap: wrap;}
    .section3 .row-warp .main-con,
    .section3 .row-warp .mosaic ul{width:100%;}
    .section3 .row-warp .mosaic ul li{width:30%;}

    .section3 .row-warp .main-con .img-box i{height:41rem;}
    .section3 .row-warp ul li .img-box i{height:9.45rem;}

    .section3 .row-warp .main-con{height:100%; width:100%; margin-right:0;}
    

    .section4{padding:4rem 0;}
    .section4 h2{margin-bottom:1rem;}
    .section4 p{line-height:2.4rem; margin-bottom:2rem;}
    .section4 .box-tag{padding-left:0; padding-right:0;}
    
    .section1 .like-box{display:none;}
    .section1 .row-warp{padding-right:2rem;}
    .section1 .topic{width:100%; border-right:0;}

}

@media only all and (max-width: 658px){
    .section3 .row-warp .mosaic ul li{width:48%;}
    .section3 .row-warp .main-con .img-box i{height:35rem;}
}

@media only all and (max-width: 500px)
{
    .section3 .row-warp .main-con .img-box i{height:26rem;}
    .section6 ul{margin-top:2rem;}
    .section6 li{width:45%; margin-left:1rem; }
    .section6 li:lang(en){width:45%;}
    .section6:lang(en){padding-bottom:6rem;}
    .section6 .flex-box div:nth-child(2) li:nth-child(3){width:100%;}
    
}

@media only all and (max-width: 360px)
{
    .section3 .row-warp .main-con .img-box i{height:18rem;}
    .section1 .topic ul li{display:flex; width:50%;vertical-align:text-bottom;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .newsroom .h-etc .room-right-toggle{ top:0rem;}
    .section3 .row-warp .main-con .img-box i,
    .section3 .row-warp ul li .img-box i{background-size:cover !important;}



}