@charset "utf-8";

.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 .search-layer{
    background-color: #f1f1f1;
    width: 100%;
    height: 30rem;
    position: absolute;
    padding-top:3rem;
    top: -50rem;
    left: 0;
}
.h-etc .close-button {bottom: 2rem;    left: 50%; top:inherit}
.newsroom .m_logo-inner{display:none;}
.newsroom .header-title h1,
.newsroom .header-title h1  a,
.newsroom .header-title h1 span{ font-size:3rem; font-family: Roboto Slab ; font-weight: 100; margin-bottom:3rem; line-height:3.5rem; color:#000;}
.newsroom .search-layer{z-index:10;}

.pdf-header{height:6.5rem; display:flex; align-items: center; background-color:#f8f7f7; box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.2);}
.pdf-header-inner{display:flex;align-items: center; justify-content: space-between; width:110rem; margin:0 auto; padding:0 20px;}
.pdf-logo{width:12.4rem; height:2.2rem;background-image: url(/common/img/logo.svg);background-repeat: no-repeat;    background-size: contain;}
.pdf-select{margin-top:auto;}
.title-group{display:flex;}
.title-group h1,
.title-group span{  font-family: Roboto Slab ; font-size:1.8rem; }
.title-group h1{font-weight: bold;}
.title-group span{color:#01A251}
.pdf-header select{background-color:#fff; height:4.3rem;}

.like-icon{position:relative;}
.impact_icon{position:absolute; top:0px; left:0px; width:22px; opacity: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;} 
.newsroom_menu li a.on{font-weight:700; color:#000;}

@media only all and (max-width: 768px){
    .pdf-header{height:auto; display:block;}
    .pdf-header-inner{ display:block; padding:20px;}
    .pdf-logo{margin-bottom:20px;}
    .pdf-select{margin-top:20px;}
}
@media only all and (max-width: 500px){
    .pdf-select .select-box{width:auto !important;}
}

/*타입1*/
.type1,
.type2{background-color: #f3f3f3; padding-bottom:15rem; padding-top:8rem;}
.type1 #columns{padding-top:1rem;}
.type1 .masonry{margin-bottom:0;    }
.type1 #columns figure{background-color: #fff; margin-top: 1rem; margin-bottom:3rem; position:relative; }
.type1 #columns figure a:hover::after{   
    content: "";
    display: inline;
    height:100%;
    position: absolute;
    top: 0px;
    left: 0;
    max-width: 100%;
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.2);
    width:100%;
    z-index:1

}
.type1 #columns figure a {display:block; z-index:2;}
.type1 #columns figure a dd{font-size:2.5rem; display:block;   word-break: inherit;  font-weight: 300; color: #333;}
.type1 #columns figure figcaption{padding:4rem; margin-top:0;z-index:2;}
.type1 #columns figure figcaption dl dt{ display:flex;  }
.type1 #columns figure figcaption dl dd.type1-text{ word-break: break-word; margin-bottom:3rem; line-height:3.4rem;}
.type1 #columns figure figcaption dl dd:last-child{margin-bottom:0;}
.type1 #columns figure figcaption dl dd.type1-text a{font-size:3rem; display:block;   word-break: inherit; line-height:3.4rem; font-weight: 300; color: #333;}
.type1 #columns figure figcaption dl dt span{color:#01A251; font-size:1.2rem; position: relative; display:block; line-height:1rem;}
.type1 #columns figure figcaption dl dt span:last-child:after{content:none;}
.type1 #columns figure figcaption dl dt span:after{content:"";display:inline-block; margin-left:0.5rem; margin-right:0.5rem; width:1px; height:0.8rem; background-color: #ccc; right:0;}
.type1 #columns figure figcaption dl dd span::before{content:""; display:inline-block; font-size:1.4rem; color:#01A251;}
.type1 #columns figure figcaption dl dd span{margin-right:1rem;}


.type2 {}
.type2 .news-list > ul > li:hover::before{background: linear-gradient( rgba(126, 118, 118, 0), #0000000f);}
.type2 .news-list > ul > li:hover::after{background: linear-gradient( #0000000f, rgba(126, 118, 118, 0));}
.type2 .news-list > ul > li:hover{background-color:#fff;}
.type2 .list-content .tag li{display:flex;}
.type2 .list-content .tag li span{color:#01A251; font-size:1.4rem; position: relative; display:block; line-height:1rem;}
.type2 .list-content .tag li::before{content:""; display:inline-block; font-size:1.4rem; color:#01A251;}

#i-am-progress-indicator {
    position:fixed;
    top:0;
    left:0;
    height:5px;
    width:0%;
    z-index:100;
  }
  #progress-indicator{top:11.8rem !important; }
  #progress-indicator div{display:none; font-size:11px !important; font-weight: 700; margin-top:1rem; color:#01A251}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #progress-indicator{top:11.8rem !important;}
}
.today-list{background-color: #f3f3f3;  padding-top:10rem; padding-bottom:15rem;}
.today-list ul{ display:flex; flex-wrap: wrap; justify-content: space-between; }
.today-list ul li{ display:block; margin-bottom:8rem; position:relative;  margin-right:2rem;}
.today-list ul li.no-massege{text-align:center; width:100%; padding-top:3rem; padding-bottom:3rem;}
.today-list ul li:nth-child(4n){margin-right:0;}
.today-list ul li a{display:block;}
.today-list ul li a:hover p{display:block;}
.today-list ul li .img-box p{display:none; width:100%; height:36.9rem; padding:4rem; background-color:rgba(21,173,96,0.85); position:absolute; top:0; left:0;}
.today-list ul li .img-box p:after{content:"+"; font-weight: 300; color:#fff; font-size:2.5rem; position: absolute; bottom:4rem; left:45%;}
.today-list ul li .img-box p span,
.today-list ul li .img-box p strong{color:#fff; display:block;}
.today-list ul li .img-box p span{font-size:1.2rem; font-weight: 700; }
.today-list ul li .img-box p strong{font-size:3rem; font-weight:400;margin-top:0.5rem;word-break: break-word; line-height:3.4rem; }
.today-list ul li .img-box{position: relative;}
.today-list ul li .img-box i{width:25.2rem; height:36.9rem; background-position: center; background-repeat: no-repeat; background-size: contain;}

.today-list ul li .meta01{padding:2rem 1rem;  }
.today-list ul li .meta01 .metaLeft{ float:left;}
.today-list ul li .meta01 .metaRight .b-btn{display:flex;text-align:center;justify-content: center; align-items: center; color:#333;border:1px solid #ccc; font-size:1.2rem; background-color:#f7f7f7; padding:1.4rem 1rem ;  min-width:2rem;}
.today-list ul li .meta01 .metaRight .b-btn:hover{background-color:#01A251; color:#fff;border:1px solid #01A251;}
.today-list ul li .meta01 .metaRight .download-icon01:before{content:""; background:url("/common/img/download-icon.svg") no-repeat; width:1.8rem; height:2rem; display:inline-block;background-position: center; margin-left:0; }
.today-list ul li .meta01 .metaRight{ float:right;}
.today-list ul li .meta01 .metaLeft span,
.today-list ul li .meta01 .metaLeft strong{display:block; color:#333; font-size:1.4rem;}
.today-list ul li .meta01 .metaLeft strong{font-size:2.4rem; margin-top:0.2rem;}


.today-list ul li a:hover .img-box:after{   
    content: "";
    display: inline;
    height:36.9rem;
    position: absolute;
    top: 0px;
    left: 0;
    max-width: 100%;
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.2);
    width:100%;
    z-index:1

}
.newsroom-today .row-warp{z-index:2;}
.newsroom-today{padding-top:4rem; position: relative;}
/*.newsroom-today::after{content:""; z-index:1; width:100%; height:15rem; display:block; position:absolute; bottom:0; background-color: #f3f3f3;}*/
.thismonth{display:flex;column-gap: 7rem; justify-content: space-between; margin-top:6rem; position:relative; margin-bottom:4rem;}
.thismonth .thismonth-img{width:40.5rem; height:59.4rem; box-shadow: 1px 1px 20px 10px rgba(0,0,0,0.1); display:block; background-position: center; background-repeat: no-repeat; background-size: auto;}
.thismonth .pdf-content{width:55rem;}
.thismonth .pdf-content .meta{margin-bottom:4rem;}
.thismonth .pdf-content .meta span,
.thismonth .pdf-content .meta strong{display:block;}
.thismonth .pdf-content .meta span{font-size:1.6rem; margin-bottom:0.5rem;}
.thismonth .pdf-content .meta strong{font-size:2.4rem; font-weight: 700;}
.thismonth .pdf-content h3{font-size:3rem; line-height:3.4rem; margin-bottom:4rem;}
.thismonth .pdf-content p{font-size:1.6rem; line-height:3.4rem;}
.thismonth .btn-group-left {column-gap: 1rem; position: absolute; bottom:6rem;}



    /*스크롤*/
    .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-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; }




/*뉴스룸 레이아웃*/
@media only all and (min-width: 1200px){

    
    /*스크롤*/
    .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-logo-warp{border-bottom:1px solid #ccc;background-color:#fff; }
    .newsroom .header-logo-inner{width:110rem; height:10.8rem;  margin: 0 auto; display:flex; justify-content: space-between; align-items: center;}
    .newsroom .header-logo-warp{padding-top:0rem;}
    .newsroom .header-logo-warp .header-logo-inner{height:inherit; margin-bottom:1.5rem;}
    .newsroom .header-logo-inner{padding-top:2rem;}
    .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: 2rem;}



    .newsroom .header{box-shadow:none;}
    .newsroom .header-inner{ margin:0 auto;display:block; }
    .newsroom .header .gnb{min-width:87rem; margin:0 auto; width:100%;}
    .newsroom .header .gnb.pc_none{display:none;}
    .newsroom .header .m_menu-warp{min-width:inherit; width:auto; margin:0 auto; left:0% !important;}
    .newsroom .header .gnb > ul{min-width:87rem; column-gap: 4rem; align-items: center;} 
    .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{width:100%; height:0rem; display:flex;  align-items: center; /*border-bottom:1px solid #ccc;*/ background:#fff;}

    .newsroom .header .gnb .depth1.on a{color:#01A251;}
    /*.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;}
    .newsroom .header .gnb ul li:hover 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 .pc-global{margin-right: 0;}
    

}


@media only all and (max-width: 1300px){
    .header.nav-down .header-logo-warp{padding-top:0;}
        
    .newsroom .header-logo-warp{border-bottom:1px solid #ccc; }
    .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{padding-top:2rem; padding-left:2rem; padding-right:2rem; }
    .newsroom .header-logo-warp .header-logo-inner{ height:inherit; margin-bottom:1.5rem;}
    .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{box-shadow:none; }
    .newsroom .header-inner{ margin:0 auto;display:block; height:auto; background-color: transparent;}
    .newsroom .header .gnb{min-width:87rem; margin:0 auto; border-top:0;  padding-left:2rem; padding-right:2rem; display:none;}
    .newsroom .header-warp{position: relative;left:0%;width:100%; height:0rem; display:flex;  align-items: center; /*border-bottom:1px solid #ccc;*/}
    .newsroom button.m-menu-close{display:none;}

    .newsroom .h-etc{width:12rem; height:1.9rem; padding:0; position:relative;  display:flex;   justify-content: space-between;}
    .newsroom .h-etc:lang(en){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; overflow-y: inherit; background-color: transparent; height:inherit;}
    .newsroom .header .gnb > ul{display:flex; column-gap: 4rem;  align-items: center;}
    .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: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 a.open::before{content:"";left:0; width:100%; height:2px; display:block; position: absolute; top:inherit; bottom:0; border-bottom:none; background-color:transparent}
    .newsroom .h-blank-link{margin-right:0}

    /*스크롤*/
    .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-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; }

    
    
   
   
}
@media only all and (max-width: 1161px){
    .today-list ul li{margin-right:2rem;}

}

@media only all and (max-width: 1125px){
    .today-list ul li{margin-right:1.5rem;}

}
@media only all and (max-width: 1109px){
    .today-list ul li{margin-right:1rem;}

}
@media only all and (max-width: 1096px){
    .today-list ul li{margin-right:0.7rem;}

}
@media only all and (max-width: 1086px){
    .today-list ul li{margin-right:0.5rem;}
}

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

    .today-list ul li{width:32%;}
    .today-list ul li .img-box i{width:100%;}
    .today-list ul li .img-box i,
    .today-list ul li .img-box p,
    .today-list ul li a:hover .img-box:after{height:47.9rem;}
}


@media only all and (max-width: 1062px){
    .thismonth .thismonth-img{width:43%;  }
    .today-list ul{column-gap: 3.2rem;}
    .today-list ul li{width:30%; margin-right:1rem;}
    .today-list ul li .img-box i{width:100%; background-size: contain;}
    
    .thismonth{column-gap:4rem;}
    .today-list ul li{width:22%;}
    .today-list ul li .img-box p{padding:1rem;}
    .today-list ul li .img-box p strong{font-size:2rem;}
    .today-list ul li .img-box i,
    .today-list ul li .img-box p,
    .today-list ul li a:hover .img-box:after{height:27.9rem;}
    .header-title .pc_none{display:inline;}
    .newsroom .header-logo-warp .header-logo-inner{margin-bottom:1.5rem;}
    
    
}


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

    .newsroom .logo{display:none;}
    .newsroom .m-set{display:block;}
    .newsroom .header-title{width:100%;}
    .newsroom .header-top{display:block; }
    .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 !important;}
    .today-list ul li{width:22%}
    
    /*모바일*/
    .search-input div{width:6rem;}
    
    .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;
     }

    .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{display:block;min-width:100%; margin-top:2rem; border-top:1px solid #ccc; padding-top:2rem;}
    .newsroom .header .gnb > ul{display:block;}
    .newsroom button.m-menu-close{top:-5rem;}
    .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: 400!important;}
    .newsroom .pc-global a span{color:#000;}

    .today-list ul li:nth-child(3n){margin-right:0;}
}

@media only all and (max-width: 974px){
    .newsroom .header-title h1{font-size:4rem;}
    .newsroom .header-title h1 span{font-size:4rem;}
    .newsroom .header-title h1 span.pc_none{font-size: 3rem !important; font-weight: 100 !important;}
    .newsroom .search-inner{display:block; margin-top:2rem;}
    .newsroom .search-layer{height:30rem; top:-50rem;}
    .newsroom .search-tag{margin-top:1rem; height:13.5rem; margin-bottom:3rem;}
    .thismonth .thismonth-img{width:43%;height: 52.4rem;  background-size: contain;}
    .thismonth .btn-group-left{bottom:0; position:relative; margin-top:2rem;}
    .today-list ul li:nth-child(3n){margin-right:0;}
    
}

@media only all and (max-width: 924px){
    .today-list ul li{width:29%;}
    .today-list ul li:nth-child(3n){margin-right:0;}
   
}
@media only all and (max-width: 854px){
    .thismonth .thismonth-img{width:43%;height: 42.4rem;  background-size: contain;}
}

@media only all and (max-width: 898px){
    .newsroom .header .gnb > ul{display:block; column-gap: 2rem;}
    
    
}
@media only all and (max-width: 845px){
    .newsroom .header-logo-warp{padding-top:2rem;}
    .newsroom .header-logo-warp .header-logo-inner{margin-bottom:1rem;}
    .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;}
   
    

    

}
@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;}
    .today-list ul li .img-box i, 
    .today-list ul li .img-box p, 
    .today-list ul li a:hover .img-box:after{ height: 30.9rem;}
    .newsroom-today::after{content:none;}
    .thismonth{margin-bottom:2rem;}
    .thismonth .thismonth-img{width:65%;height: 47.2rem; margin:0 auto; background-size: contain;}
    .thismonth .pdf-content{margin-top:0rem;}
    .thismonth .btn-group-left{position: relative; margin-top:2rem;}
    .today-list{padding-top:5rem;}
    .today-list ul li{width:29%;}
    .today-list ul li:nth-child(3n){margin-right:0;}

    
}

@media only all and (max-width: 680px){
    .today-list ul li{width:27%; margin-right:1rem;} 
    .today-list ul li:nth-child(3n){margin-right:0;}
    .today-list ul li .img-box p{padding:2rem;    }
    .today-list ul li .img-box i, 
    .today-list ul li .img-box p, 
    .today-list ul li a:hover .img-box:after{ height: 24.9rem;}
    .today-list ul li .img-box p strong{font-size: 1.4rem; line-height:1.6rem;}
    .thismonth{flex-wrap: wrap;}
    .newsroom-today::after{content:none;}
    .thismonth .thismonth-img{width:65%;height: 58.2rem; margin:0 auto; background-size: contain;}
    .thismonth .pdf-content{margin-top:4rem;}
    .thismonth .btn-group-left{position: relative; margin-top:2rem;}
    .today-list{padding-top:5rem;}
}

@media only all and (max-width: 595px){
    .today-list ul li{width:27%; margin-bottom:1rem;} 
    .today-list ul li .img-box i, 
    .today-list ul li .img-box p, 
    .today-list ul li a:hover .img-box:after{ height: 21.9rem;}
    .thismonth .thismonth-img{width:65%;height: 48.2rem; }
    

}


@media only all and (max-width: 530px){
    .today-list ul li{width:24%;} 

}

@media only all and (max-width: 520px){
    .today-list ul{justify-content: space-between;}
    .today-list ul li{width:45%;  margin-right: 0rem;} 
    .today-list ul li .img-box i, 
    .today-list ul li .img-box p, 
    .today-list ul li a:hover .img-box:after{ height: 29.9rem;}

}

@media only all and (max-width: 500px){
    .type1 .flex-box .flex-box,
    .type2 .flex-box .flex-box{flex-wrap: nowrap; display:flex;}
    .type1 .serch-box,
    .type2 .serch-box{width:100%;}
    .type1 .list-sort,
    .type2 .list-sort{ width:8rem;}
    .type1 .serch-box,
    .type2 .serch-box{margin-bottom:1rem;}
    .today-list{padding-bottom:10rem; padding-top:2rem;}
    .thismonth{flex-wrap: wrap;}
    .newsroom-today::after{content:none;}
    .thismonth .thismonth-img{width:79%;height: 51.2rem; margin:0 auto; background-size: contain;}
    .thismonth .pdf-content{margin-top:4rem;}
    .thismonth .btn-group-left{position: relative; margin-top:2rem;}
    
    
    
}

@media only all and (max-width: 414px){
    .today-list ul li .img-box i, 
    .today-list ul li .img-box p, 
    .today-list ul li a:hover .img-box:after{ height: 24.9rem;}
}

@media only all and (max-width: 375px){
    .today-list ul li .img-box i, 
    .today-list ul li .img-box p, 
    .today-list ul li a:hover .img-box:after{ height: 22.9rem;}
}

@media only all and (max-width: 320px){
    .today-list ul li{width:100%;}
    .today-list ul li .img-box i, 
    .today-list ul li .img-box p, 
    .today-list ul li a:hover .img-box:after{ height: 40.9rem;}
}