/* ============================================== covid19 */

/* common */ 
.wrapper{width:calc(100% - 38px);margin:0 auto}
.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ellipsis2{ text-overflow: ellipsis; overflow:hidden; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.ellipsis3{ text-overflow: ellipsis; overflow:hidden; display:-webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;}

.covid19{font-size:14px;line-height:1;padding:0;background-color:#fff;font-family:'notokr-regular', "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Helvetica Neue","Apple SD Gothic Neo",sans-serif;font-weight:normal;}
section{margin-bottom:0}
section.section_border{border-bottom:8px solid #f1f1f1;margin-bottom:0}
h1.section_title{font-size:24px;font-family:'notokr-medium';color:#2a2a2a;line-height:32px;padding:0 19px 14px;border-bottom:1px solid #eef1f2;text-align:center;word-break:keep-all}
h1.section_title b{font-family:'notokr-medium';font-weight:normal}

/* section */
section.covid_spot{padding:89% 0 7px;background:#41b2e8 url(../images/bg_top_v2.jpg) no-repeat;background-size:100%;margin-bottom:21px}
section.covid_spot .spot_wrap{display:none}
section.covid_spot .spot_date{margin-bottom:12px;text-align:center}
section.covid_spot .spot_date img{width:95%;}
section.covid_spot .spot_info{background-color:#fff;padding:18px 21px;box-sizing:border-box}
section.covid_spot .spot_info .info_support{margin-bottom:16px}
section.covid_spot .spot_info p{font-size:13px;line-height:19px;color:#48403c;text-align:center}
section.covid_spot .spot_info p b{font-family:'notokr-bold';font-weight:normal}
section.covid_spot .spot_vod{display:none}

section.covid_message h1.section_title{margin-bottom:13px}
section.covid_message h1.section_title b{color:#317fe1}

section.covid_news h1.section_title{margin-bottom:14px}
section.covid_news h1.section_title a{display:block;width:100%;height:100%;background:url(../images/arr_more.png) no-repeat 100% 50%;background-size:9px}
section.covid_news h1.section_title b{color:#317fe1}

section.covid_news .news_wrap{padding-top:21px;background-color:#d0ebff}
section.covid_news .news_wrap .news_list{position:relative;padding:0 12px 8px;box-sizing:border-box;background-color:#fff}
section.covid_news .news_wrap .list_wrap{height:241px;overflow-y:auto}
section.covid_news .news_wrap ul{position:relative;padding:18px 0 5px}
section.covid_news .news_wrap ul:before{content:'';display:block;position:absolute;top:10px;left:2px;width:2px;height:100%;background:url(../images/line_timelist.jpg) repeat-y 0 0;background-size:100%}
section.covid_news .news_wrap ul li{position:relative;margin-top:19px;padding-left:19px}
section.covid_news .news_wrap ul li:first-child{margin-top:0}
section.covid_news .news_wrap ul li:before{content:'';display:inline-block;position:absolute;top:4px;left:0;width:6px;height:6px;background-color:#8cc8ff;border-radius:50%}
section.covid_news .news_wrap ul li span{display:block}
section.covid_news .news_wrap ul li .tit{margin-bottom:11px;font-size:16px;color:#1a1a1a;line-height:1}
section.covid_news .news_wrap ul li .time{padding-left:17px;background:url(../images/icon_timeline.png) no-repeat 0 50%;background-size:13px;font-size:12px;line-height:13px;color:#676f76}
section.covid_news a.btn_more{display:inline-block;width:100%;height:49px;line-height:47px;text-align:center;font-size:14px;border:1px solid #e6e6e6;box-sizing:border-box;display:block;margin:0 auto;width:78.935%;border:none;border-top:1px solid #e9e9ea}
section.covid_news a.btn_more i.icon{width:10.5px;height:6px;margin:-3px 0 0 8px;background:url(../images/arrow_more_bl.png) no-repeat 50% 50%;background-size:100%;vertical-align:middle;margin-left:5px;}
section.covid_news a.btn_more strong{font-family:'notokr-bold';font-weight:normal}

section.covid_life {padding-top:22px;background:#2b96db url(../images/bg_life.jpg) repeat-x 0 0;background-size:cover}
section.covid_life h1.section_title{margin-bottom:18px}
section.covid_life h1.section_title b{color:#fff}

section.covid_life .life_wrap{padding-bottom:50px}
section.covid_life ul li img{height:100%;width:auto;position:absolute;top:0;bottom:0;right:-50%;left:-50%;margin:auto}

@media screen and (max-width:360px) {
    section.covid_spot .spot_info{padding:18px 10px}
    section.covid_spot .spot_info p{font-size:12px}
}