@charset "utf-8";
*{box-sizing: border-box;}
/* font-face */
@font-face {font-family:'Spoqa Han Sans'; font-style:normal; font-weight:400; src:url(../font/SpoqaHanSansRegular.woff2) format('woff2'), url(../font/SpoqaHanSansRegular.woff) format('woff'), url(../font/SpoqaHanSansRegular.ttf) format('truetype');}
@font-face {font-family:'Spoqa Han Sans'; font-style:normal; font-weight:700; src:url(../font/SpoqaHanSansBold.woff2) format('woff2'), url(../font/SpoqaHanSansBold.woff) format('woff'), url(../font/SpoqaHanSansBold.ttf) format('truetype');}

/*메인 공통*/
.main_container{}
.main_embanner { width:100%;}
.mainlive_container { width:100%; height:auto; overflow:hidden; background-color:#EEEFEF; padding-bottom: 20px;}
.mainlive_container > .container > div { padding-bottom:25px;}
@media (min-width:1180px) {
	.mainlive_container > .container > div { padding:0;}
}
@media (min-width:768px) and (max-width:1179px) {
	.mainlive_container > .container > div { padding:0 25px;}
}
@media (max-width:767px) {
	.mainlive_container { padding-top:40px; }
	.mainlive_container > .container > div { padding:0 5px;}
}

/*메인 표*/
table.ds_table{width: 100%; }
table.ds_table caption{position:absolute;width:1px;height:1px;margin:-1px; overflow:hidden; display: block;}
table.ds_table th, .table.ds_table td{ font-size: 15px; font-weight: 500; color: #333; text-align: center; }
table.ds_table th a{color:#333}
table.ds_table thead th span{background: #D0D0D0; display: block; padding: 15px 0; position: relative}
table.ds_table thead th span:before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background: rgba(112,112,112,0.2);  }
table.ds_table thead th:first-of-type span:before{display: none}
table.ds_table thead th:first-of-type span{border-top-left-radius: 5px; }
table.ds_table thead th:last-of-type span{border-top-right-radius: 5px; }
table.ds_table tbody th {background: #ECE9E3; height: 40px; position: relative; }
/*table.ds_table tbody th br{display: none;}*/
table.ds_table tbody th span{ vertical-align: middle; }

table.ds_table tbody th img{ position: absolute; right: 14px; top: 12px; }
table.ds_table tbody td {background:#fff;text-align: center; color:#222; position: relative; height: 45px; font-family:'Spoqa Han Sans'; font-weight: 400;}
table.ds_table tbody td span{vertical-align: middle;}
table.ds_table tbody td span:before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background: #E8E4DC;  }
table.ds_table tbody th span em{ font-size: 11px; color:#767676; line-height: 14px}
table.ds_table tbody td:first-of-type span:before{display: none;}
table.ds_table tbody tr:first-of-type td:last-of-type{border-top-right-radius: 5px }
table.ds_table tbody tr:last-of-type td:last-of-type{border-bottom-right-radius: 5px;}

@media (max-width:767px) {
	table.ds_table thead th, table.ds_table th, table.ds_table td {font-size: 13px}
	table.ds_table tbody th span em{font-size: 9px}
	table.ds_table tbody th br{display: block}
}

/* 메인 gnb 마우스 hover시 */
.header.on{border-bottom:1px solid #e1e6eb;}
.h_right{position: relative; z-index: 11}
.gnb_bg_main{position: absolute; left:50%; top: 58px; transform: translateX(-50%); width: 100vw; height: 200px; background: #fafafc; z-index: 10; border-bottom:1px solid #bfbfbf; display: none;border-top: 1px solid #e1e6eb; transition: all .08s;}
.gnb .g_sub > div{background: transparent; border-bottom: none;}
.gnb .g_sub > div > ul{background: transparent; margin-left: -24px;}
.gnb .g_sub > div > ul > li > a{background: #fff; color: #6b6b6b; border:1px solid #e1e6eb; z-index:101;}
.gnb .g_sub > div > ul > li > a:hover, .gnb .g_sub > div > ul > li > a:focus{background: #30506d; color:#fff;}
/* .m_popupzone .slide_btn [class^="btn_"]{z-index:1 !important;} */
@media (max-width:1180px) {
	.h_right{position: static}
}

/**********************************************************************************
	현황판_layout
**********************************************************************************/
.liveboard_layout { position:relative; width:100%; height:auto; overflow:visible; margin-top:10px;}
.liveboard_layout .liveToggleOuter { position:relative; width:100%; } /*  발생현황, 시도별 현황 */
.liveboard_layout .liveToggleOuter:after{content: ''; clear: both; display: block;}
.liveToggleOuter > div { /* 여닫음 영역 */}
.liveToggleOuter .live_left { float:left; width:500px;  padding-right:20px; }
.liveToggleOuter .live_right { float:left; width:680px;}

.liveboard_layout h2 { width:100%; font-size:17px; line-height:25px; font-weight:700; color:#3F3F3F; margin-bottom: 10px; position: relative; }
.liveboard_layout h2 > span{ font-size: 14px; font-weight: 400; color: #3F3F3F; margin-left: 4px}
.liveboard_layout h2 > .more{ float: right; font-size: 12px; line-height: 22px; font-weight: 500; position: relative; padding:0px 10px; color:#fff; background: #009fd1; border-radius: 20px; margin-top: 3px; transition: .3s; border: 1px solid transparent}
.liveboard_layout h2 > .more:hover, .liveboard_layout h2 > .more:focus{background: #333}
.liveboard_layout h2 > .more > .ico_window{display: none; }
.liveboard_layout h3 {}
.liveboard_layout h3 > * { display:inline-block; vertical-align:middle; }
.liveboard_layout h3 > .title { padding-right:16px; padding-left:16px; font-size:15px;  font-weight:600; letter-spacing:-0.075em; line-height:22px; /* border:1px solid #dcdcdc; border-radius:11px; */ text-align:center;}
.liveboard_layout h3 > .info { margin-left:4px; font-size:13px; color:#174069; }

@media (max-width:1179px) {
	.liveToggleOuter .live_left { float:none;  width:100%;padding-right:0; margin-bottom:20px;}
	.liveToggleOuter .live_right  { float:none; width:100%;}
}
@media (max-width:767px) {
	.liveboard_layout{margin-top: 0}
	.liveToggleOuter .live_left > div,
	.liveToggleOuter .live_right > div { margin-top:10px;}
	.liveToggleOuter .live_left { float:none; width:100%;padding-right:0; }
	.liveToggleOuter .live_right { float:none; width:100%; margin-top:20px;}
	.liveboard_layout h2 { font-size:16px!important; }
	.liveboard_layout h2 > a > .more { display:none}
	.liveboard_layout h3 > .title { font-size:13px;}
	.liveboard_layout h3 > .info { font-size:12px;}
	.liveboard_layout h2 > span{font-size: 12px; display:block; }
	.liveboard_layout h2 > .more{position: absolute; right: 0; top: 1px; }
}

/*발생현황 표*/
.occurrenceStatus table.ds_table tbody th{height: 53px;}
.occurrenceStatus table.ds_table tbody td{height: 53px;}
/*.occurrenceStatus table.ds_table thead th:nth-of-type(2) span{ background: #9D9D9D; color:#fff; }
.occurrenceStatus table.ds_table thead th:nth-of-type(3) span{ background: #4EA5A8; color:#fff; }
.occurrenceStatus table.ds_table thead th:nth-of-type(4) span{ background: #4677C2 ; color:#fff;}
.occurrenceStatus table.ds_table thead th:nth-of-type(5) span{ background: #706092; color:#fff; }*/

@media (max-width:1179px) {

}

@media (max-width:767px) {
	table.ds_table tbody th img{width: 25px; height: 25px; right: 8px; top: 10px;}
}

/*발생현황 표*/
/*발생현황 누적 확진 및 사망자 박스*/
.occurrenceStatus{margin-top: 20px;}
.occurrenceStatus .occur_num{ border-radius: 5px; overflow: hidden; margin-top: 5px; }
.occurrenceStatus .occur_num .box{float: left; width: 50%; padding: 15px 10px; font-size: 15px; font-weight: 500; color:#fff; text-align: left; position: relative;}
.occurrenceStatus .occur_num .box:nth-of-type(1){width: 200px; text-align: center}
.occurrenceStatus .occur_num .box:nth-of-type(2){width: calc(100% - 200px); padding: 15px 20px}
.occurrenceStatus .occur_num .box:first-of-type:before{display: none}
.occurrenceStatus .occur_num .box > span{ display: inline-block; margin-right: 10px}
.occurrenceStatus .occur_num .box:first-of-type{background: #9D9D9D}
.occurrenceStatus .occur_num .box:nth-of-type(2){background: #606792}
.occurrenceStatus .occur_num .box a{position: absolute; right:20px; top: 50%; transform: translateY(-50%); font-size: 13px; font-weight: 700; color:#574e3e; background: #fff; padding: 3px 8px 5px; border-radius: 10px; text-align: center; transition: .3s}
.occurrenceStatus .occur_num .box a:hover, .occurrenceStatus .occur_num .box a:focus{background: #3f2e63; color:#fff;}
.occurrenceStatus .occur_num .box a span{ vertical-align: middle}
.occurrenceStatus .occur_num .box a img{ vertical-align: bottom; margin-left: 3px; padding: 1px; border-radius: 50%; background: #fff;}

@media (max-width:1179px) {
	.occurrenceStatus .occur_num .box:nth-of-type(1){width: 50%}
	.occurrenceStatus .occur_num .box:nth-of-type(2){width: 50%}
}

@media (max-width:767px) {
	.occurrenceStatus .occur_num .box{font-size: 14px}
	.occurrenceStatus .occur_num .box:nth-of-type(1), .occurrenceStatus .occur_num .box:nth-of-type(2){float: none; width: 100%; padding: 15px 20px; text-align: left}
}

/*발생현황 누적 확진 및 사망자 박스*/
/*차트 관련 css => chast_kr.css*/
/*예방접종현황 및 병상현황 layout*/
.vaccineHospital{margin-top: 20px;}
.vaccineHospital > .vH_left{float: left; width:500px; padding-right: 20px}
.vaccineHospital > .vH_right{ float: right; width: 680px; }

@media (max-width:1179px) {
	.vaccineHospital > .vH_left{float: none; width:100%; padding-right: 0;}
	.vaccineHospital > .vH_right{ float: none; width: 100%; }
}
@media (max-width: 767px) {

}

/*예방접종현황 및 병상현황 layout*/

/*예방접종현황*/
.vaccineNum{margin-top: 20px;}
.vaccineNum > div{ overflow: hidden; border-radius: 7px; overflow: hidden; box-shadow: 0px 6px 10px #00000012; }
.vaccine_list{background: #fff;  overflow: hidden; width: 100%; float: left; position: relative;}
.vaccine_list:after{content:""; display: block; position: absolute; right:0px; top:0px; width: 1px; height: 38px; background:#1B70C5;}
.vaccineNum .vaccine_list *{ }
.vaccineNum .vaccine_list .box{float: left; width: 25%;  position: relative; }
.vaccineNum .vaccine_list .box + .box + .box.sixty_up ul{overflow: visible; margin-top:-10px;}
.vaccineNum .vaccine_list .box + .box + .box.sixty_up ul .percent{margin-top: 10px;}
.vaccineNum .vaccine_list .box > div:nth-of-type(2){min-height: 100px; background: #fff; padding: 30px 2vw; padding-bottom:20px; text-align: center;}
.vaccineNum .vaccine_list ul{ position: relative;  width: 100%; overflow: hidden; display: inline-block; margin: auto}
.vaccineNum .vaccine_list li{color:#777;}
.vaccineNum .vaccine_list .item{font-size: 18px;font-weight: 500; text-align: center; background: #1B70C5; padding: 10px; color:#fff; }
.vaccineNum .vaccine_list li.percent{font-size: 28px; font-family:'Spoqa Han Sans'; font-weight: 700; letter-spacing: 0.035em; float: left; width: 80px; color: #0E62B5; transform: translateY(5px)}
.vaccineNum .vaccine_list li.percent span{font-size: 15px; margin-left:  2px; font-weight: 300; color:#686868}
.vaccineNum .vaccine_list li.person{font-size: 14px; padding-left: 30px; position: relative; line-height: 16px; font-family:'Spoqa Han Sans'; letter-spacing: 0.015em; color:#222; font-weight: 500; float: right; width: calc(100% - 90px)}
.vaccineNum .vaccine_list .box.sixty_up li.person:last-child{padding-left:55px; color:#222;}
.vaccineNum .vaccine_list .box + .box + .box li.person + .person + .person{display:none;} 
.vaccineNum .vaccine_list .box + .box + .box.sixty_up li.person + .person + .person{display:block;} 
.vaccineNum .vaccine_list li.person span{position: absolute; left: 0; top: 0; font-size: 12px; color:#686868}
.vaccineNum .vaccine_list .box.sixty_up li.person:last-child span{color:#686868;}
.vaccineNum .vaccine_list li.person img{ vertical-align: middle; }
.vaccineNum .vaccine_list li + li{margin-top: 3px;}
@media (max-width:1179px){
	.vaccine_list{width:100%}
	.vaccineNum .vaccine_list .box:FIRST-CHILD > div:nth-of-type(2){padding-left: 10px;}
}

@media (max-width:500px) {
	.vaccineNum .vaccine_list .item{font-size: 14px}
	.vaccineNum .vaccine_list .box > div:nth-of-type(2){padding: 15px 5px; min-height: inherit}
	.vaccineNum .vaccine_list ul{width: inherit}
	.vaccineNum .vaccine_list li.percent{float: none; width: 100%; font-size: 20px; transform: none; margin-bottom: 5px}
	.vaccineNum .vaccine_list li.person{float: none; width: 100%; padding-left: 0}
	.vaccineNum .vaccine_list li.person span{position: static; padding-right: 5px}
}

/*청소년접종률*/
.child_list{float: right; width: 100%; min-height:50px; position: relative}
.child_list:before{content: ''; position: absolute; right: 50%; top: 50%; width: 1px; height: 36px; background: rgba(112,112,112,.4); z-index: 1; }
.child_list .item{font-size: 18px;font-weight: 500; text-align: center; background: #14589D; padding: 10px; color:#fff; position: relative}
.child_list .item:before{content: ''; position: absolute; left: 0; top: 0; width:  26px; height: 100%; background: transparent linear-gradient(270deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box; opacity: .1;}
.child_list .box{float: left; width: 50%; background: #fff; padding: 15px 10px; text-align: center; position: relative; min-height:20px}
.child_list .box:before{content: '';position: absolute; left: 0; bottom: 25px; width: 1px; height: 15px; background: rgba(112,112,112,.2); display: none; }
.child_list ul{overflow: hidden; display: inline-block; text-align: center;}
.child_list .box ul:FIRST-CHILD{padding-left:0px;}
.child_list li{display: inline-block}
.child_list ul:nth-of-type(1) li + li {margin-left: 5px}
.child_list ul:nth-of-type(2) li + li {margin-left: 22px}
.child_list li.object{padding: 3px 10px; border-radius: 10px; background:#637D98; color:#fff; font-size: 13px; transform: translateY(-6px)}
.child_list li.object span{vertical-align: middle}
.child_list li.percent{font-size: 28px; font-family:'Spoqa Han Sans'; font-weight: 700; letter-spacing: 0.035em; color: #14589D}
.child_list li.percent span{font-size: 15px; margin-left:  2px; font-weight: 300; color:#686868}
.child_list li.old{font-size: 14px ;font-weight: 500; color: #686868; position: relative; left: 0px; top:0px;}
.child_list li.old + .person{margin-left: 0px;} 
.child_list li.person{font-size: 14px; font-weight: 500; font-family:'Spoqa Han Sans'; color: #333; letter-spacing: 0.015em}
.child_list li.person span{color: #9a9a9a; font-size: 13px; padding:0 5px }
.child_list .inner.cl_b_aftr > .box:after{content:""; display: block; clear: both;}
.child_list .inner.cl_b_aftr > .box > ul:FIRST-CHILD {width:34%; float: left; top:0px;}
.child_list .inner.cl_b_aftr > .box > ul{width: 33%; float: left; position: relative; top:7px;}
.child_list .inner.cl_b_aftr > .box > ul:nth-child(2){box-sizing:border-box; border-right:1px solid #e2e2e2;}

@media (max-width:1179px){
	.child_list{width:100%}
	.child_list .box ul:FIRST-CHILD{padding-left: 0px;}
	.child_list li.old{position: relative; left:0px; top:0px;}
	.vaccineNum .vaccine_list ul{max-width: 200px;}
}
@media (max-width:980px) {
	.child_list .inner.cl_b_aftr > .box > ul:FIRST-CHILD{width: 100%;}
	.child_list .inner.cl_b_aftr > .box > ul:nth-child(2){width: 50%; text-align: right; padding-right: 10px;}
	.child_list .inner.cl_b_aftr > .box > ul:nth-child(3){width: 50%; text-align: left; padding-left: 10px;} 
}

@media (max-width:768px) {

	.child_list ul:nth-of-type(2) li + li{margin-left: 5px}
	.child_list li.old{display: block; margin-bottom: 5px; position: relative; left:0px; top:3px; }
	.child_list .box ul:FIRST-CHILD{padding-left: 0px; }
	.vaccineNum .vaccine_list li.percent{float: none; width: 100%; margin-bottom: 15px;  }
	.vaccineNum .vaccine_list li.person{float: none; width: 100%; padding-left: 0px;}
	.vaccineNum .vaccine_list li.person span{position: relative; display: inline-block; padding-right: 10px;}
	.vaccineNum .vaccine_list li.person.sixty_up{padding-left: 0px;}
	.vaccine_list:after{display: none;}
	.vaccineNum .vaccine_list .box.sixty_up li.person:last-child{padding-left: 0px;}
}

@media (max-width:500px) {
	.child_list .item{font-size: 14px}
	.child_list .box{padding:  10px 5px; width: 100%; }
	.child_list .box:after{content:""; display: block; clear: both; }
	.child_list .box:before{height: 30px; bottom: 10px}
	.child_list li.object{transform: none; font-size: 12px; position: relative; top:-4px;}
	.child_list li.percent{font-size: 20px; display: block; margin-top: 3px;}
	.child_list .box ul:first-child li{display: inline-block;}
	.child_list:before{display: none; }
	.child_list ul:nth-of-type(2) li + li{margin-left: 0}
	.child_list li.person span{display: inline-block;}
	.child_list .inner.cl_b_aftr > .box > ul:nth-child(3) *,.child_list .inner.cl_b_aftr > .box > ul:nth-child(2) *{ vertical-align: middle; }
	.child_list .inner.cl_b_aftr > .box > ul:nth-child(3),.child_list .inner.cl_b_aftr > .box > ul:nth-child(2){width: 50%; float: left; padding: 0px; text-align: center; margin-bottom: 15px;}
	.child_list .inner.cl_b_aftr > .box > ul:nth-child(3) li,.child_list .inner.cl_b_aftr > .box > ul:nth-child(2) li{display: inline-block; width: auto;  }
	.child_list .inner.cl_b_aftr > .box + .box > ul:nth-child(1){border-top:1px dashed #ddd; padding-top: 10px;}
	.child_list .inner.cl_b_aftr > .box + .box{margin-top: -15px;}
	.vaccineNum .vaccine_list .box{width: 50%;}
	.child_list .inner.cl_b_aftr > .box > ul .old{width: 50%;}
	.child_list .inner.cl_b_aftr > .box > ul .person{width: 50%;}

}

/*청소년접종률*/
/*예방접종현황*/

/*병상현황*/
.hospitalNum{margin-top: 20px;}
/*.hospitalStatus table.ds_table thead th:nth-of-type(2) span {background:#75A49D; color: #fff;}
.hospitalStatus table.ds_table thead th:nth-of-type(3) span {background:#6296C4; color: #fff;}
.hospitalStatus table.ds_table thead th:nth-of-type(4) span {background:#6E6B97; color: #fff;}*/
.hospitalStatus table.ds_table tbody td{height: 60px;}
.hospitalStatus table.ds_table tbody th span{line-height: 20px}
/*예방접종현황*/

/* 퀵배너 바로가기 */
.liveboard_layout .liveQlinkOuter {width:100%; position:relative; display:table; padding-top:25px; z-index:2}

.quick_banner_new{overflow: hidden; border-radius: 5px; position: relative; box-shadow: 0px 6px 10px #00000012; background: #fff; padding:3px 0;}
.quick_banner_new > li{border-right:1px solid #ddd;}
.quick_banner_new > li:last-child {border-right:none;}
/*.quick_banner_new:before{content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: rgba(112,112,112,.2); z-index: 1;}*/
/*.quick_banner_new:after{content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: rgba(112,112,112,.2); z-index: 1;}*/
.quick_banner_new > li {float: left; width:25%; position: relative;}
.quick_banner_new > li > .quick_banner_box{width:100%; position: relative;}
.quick_banner_new > li:nth-child(1) > .quick_banner_box{left: calc(50% - 120px);}
.quick_banner_new > li:nth-child(2) > .quick_banner_box{left: calc(50% - 100px);}
.quick_banner_new > li:nth-child(3) > .quick_banner_box{left: calc(50% - 100px);}
.quick_banner_new > li:nth-child(4) > .quick_banner_box{left: calc(50% - 120px);}
.quick_banner_new > li > .quick_banner_box > a {position:relative; display:table; padding:8px 8px 8px 60px; width: 100%; height:68px;}
.quick_banner_new > li > .quick_banner_box > a:hover span{text-decoration: underline}
.quick_banner_new > li > .quick_banner_box > a:before{content: ''; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; }
.quick_banner_new > li:nth-child(even) > .quick_banner_box > a:before{background: #4EA5A8; }
.quick_banner_new > li:nth-child(odd) > .quick_banner_box > a:before{background: #4677C2; }
.quick_banner_new > li > .quick_banner_box > a:after{content: ''; position: absolute; left: 25px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px;}
.quick_banner_new > li:nth-of-type(4) > .quick_banner_box > a:after{ background: url('../image/main/quick_icon_1.png') no-repeat center/contain; }
.quick_banner_new > li:nth-of-type(3) > .quick_banner_box > a:after{ background: url('../image/main/quick_icon_2.png') no-repeat center/contain; }
.quick_banner_new > li:nth-of-type(2) > .quick_banner_box > a:after{ background: url('../image/main/quick_icon_3.png') no-repeat center/contain; }
.quick_banner_new > li:nth-of-type(1) > .quick_banner_box > a:after{ background: url('../image/main/quick_icon_4.png') no-repeat center/contain; }
.quick_banner_new > li:nth-of-type(5) > .quick_banner_box > a:after{ background: url('../image/main/quick_icon_5.png') no-repeat center/contain; }
.quick_banner_new > li > .quick_banner_box > a > span  {font-size:15px; line-height:24px; font-weight:700; color:#000; vertical-align:middle; word-break:keep-all; letter-spacing:-0.075em; display: block; position: absolute ; width: calc(100% - 77px); top: 46%; transform: translateY(-50%); right: 8px; }
.quick_banner_new > li:nth-of-type(1) > .quick_banner_box > a > span ,.quick_banner_new > li:nth-of-type(4) > .quick_banner_box > a > span{top: 50%}
.quick_banner_new > li:nth-of-type(1) > .quick_banner_box > a > span{line-height: 17px; font-size: 14px}
.quick_banner_new > li:nth-of-type(4) > .quick_banner_box > a > span{font-size: 14px; line-height: 18px}
.quick_banner_new > li > .quick_banner_box > a > span em {font-size: 13px; font-weight: 400;  color:#666; letter-spacing: -0.15em; word-break: break-all; line-height: 13px}
.quick_banner_new > li > .quick_banner_box > a .ico_window{display: none;}

@media (max-width:1179px) {
	.quick_banner_new > li:nth-of-type(4) > a > span{font-size: 13px; line-height: 15px; word-break: break-all;}
	.quick_banner_new > li > a > span em{font-size: 12px; }
}

@media (max-width: 980px) {
	.quick_banner_new > li {width:50%;}
	.quick_banner_new > li:nth-child(2) > .quick_banner_box{left: calc(50% - 120px);}
	.quick_banner_new > li:nth-child(3) > .quick_banner_box{left: calc(50% - 120px);}
	.quick_banner_new > li:nth-child(1){border-bottom:1px solid #ddd;}
	.quick_banner_new > li:nth-child(2){border-right:none; border-bottom:1px solid #ddd;}
}

@media (max-width: 768px) {
	.quick_banner_new:before, .quick_banner_new:after{display: none}
	.quick_banner_new > li{position: relative}
	.quick_banner_new > li:before{content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: calc(100% - 18px); height: 1px; background: rgba(112,112,112,.2); z-index: 1; display: none}
	.quick_banner_new > li + li:before{display: block}
	.quick_banner_new > li > a{height: 68px; padding-left: 60px}
	.quick_banner_new > li > a:before{width: 35px; height: 35px; left: 15px}
	.quick_banner_new > li > a:after{width: 20PX; height: 20px; background-size: contain; left: 22px;}
	.quick_banner_new > li > a > span{width: calc(100% - 75px)}
	.quick_banner_new > li{float: none; width: 100%;}
	.quick_banner_new > li br{display: none;}
	.quick_banner_new > li > a > span{font-size: 14px; min-height: inherit; top: 50%;}
	.quick_banner_new > li:nth-of-type(4) > a > span{font-size: 14px;}
	.quick_banner_new > li > a > span em{font-size: 14px; display: block; font-weight: 500; }
	.quick_banner_new > li > a:after, .quick_banner_new > li > a:before{top: 50%;}
	.quick_banner_new > li > .quick_banner_box{left: 0 !important;}
	.quick_banner_new > li:nth-child(1){border-bottom:none; border-right:none;}
	.quick_banner_new > li:nth-child(2){border-bottom:none;}
	.quick_banner_new > li:nth-child(3){border-right:none;}
}

/**********************************************************************************
	현황판_콘텐츠
**********************************************************************************/
/* 환자현황 - 일간*/
.liveNum_today { width:100%;}
.liveNum_today > li { float:left; width:50%; height:34px; overflow:hidden; background-color:#00c2ff; text-align:center;}
.liveNum_today > li:first-child { border-right:1px solid rgba(255,255,255,0.2); }
.liveNum_today > li > * { display:inline-block;font-size:15px; font-weight:600; letter-spacing:-0.05em; vertical-align:middle}
.liveNum_today *[class^="tit"] { color:#000; line-height:34px;}
.liveNum_today *[class^="data"] { margin-left:10px; padding-left:14px; padding-right:14px; font-size:18px; font-family:'Spoqa Han Sans'; font-weight:600; letter-spacing:0;  line-height:24px;/*  border-radius:12px; */ }
.liveNum_today > li:first-child {  background-color:#0b9bc9; }
.liveNum_today > li:nth-child(2) {  background-color:#53a000; }
.liveNum_today .tit1 {}
.liveNum_today .tit2 {}
.liveNum_today .data1 {color:#fff; /* background-color:#ffcc00;  */}
.liveNum_today .data2 {color:#fff; /* background-color:#70bf00; */ }
.liveNum_today::after { content:""; display:block; clear:both; }
@media (max-width:767px) {
	.liveNum_today > li {height:40px; }
	.liveNum_today *[class^="tit"] { font-size:14px; line-height:40px}
}

/* 환자현황 - 일간_20200629*/
.liveNum_today_new { display:table; width:100%; }
.liveNum_today_new > * { display:table-cell; vertical-align:middle; text-align:center;}
.liveNum_today_new .tit { position:relative; font-size:14px; font-weight:600; color:#2c322a; background-color:#d7d9d5; padding-right:40px; box-sizing:border-box  }
.liveNum_today_new .tit::after { content:""; position:absolute; right:-7px; top:50%; display:inline-block; width:0px; height:7px; margin-top:-7px; border-left:7px solid #d7d9d5; border-bottom:7px solid transparent; border-top:7px solid transparent;}
.liveNum_today_new .datalist {}
.liveNum_today_new .datalist .subtit { display:inline-block; margin-right:7px;  font-size:13px; line-height:inherit; color:#fff; vertical-align:middle; }
.liveNum_today_new .datalist .subtit::before {content:""; display:inline-block; width:24px; height:20px; margin-right:3px;vertical-align:middle; }
.liveNum_today_new .datalist .data { display:inline-block; font-size:19px; font-family:'Spoqa Han Sans'; font-weight:600;  letter-spacing:0; color:#ffd43e; vertical-align:inherit; }/*vertical-align:inherit;*/
.liveNum_today_new .datalist > ul { display:table; width:100%; height:100%; }
.liveNum_today_new .datalist > ul > li { display:table-cell; width:50%; background-color:#288000; vertical-align:middle}
.liveNum_today_new .datalist > ul > li:nth-child(1) { border-right:1px solid #539933; }
.liveNum_today_new .datalist > ul > li:nth-child(1) .subtit::before { background:url(../image/main/ico_case1.png) no-repeat 0 0;}
.liveNum_today_new .datalist > ul > li:nth-child(2) .subtit::before { background:url(../image/main/ico_case2.png) no-repeat 0 0;}

/* 환자현황다운로드 20210512 추가*/
.liveNum_today_new .tit a{position:absolute; top:12px; right:10px; background: url(../image/main/ico_down1.png) no-repeat; display:block; width:21px; height:21px; text-indent:-99999px; z-index:1000}
.liveNum_today_new .tit a:hover{cursor:pointer; top:15px; transition:all .2s}

@media (min-width:1180px) {
	.liveNum_today_new  { margin-top:8px; height:42px;}
	.liveNum_today_new .tit {width:30%; line-height:42px; }
	.liveNum_today_new .datalist {width:70%; height:42px;line-height:42px; }
}

@media (min-width:768px) and (max-width:1179px) {
	.liveNum_today_new  { margin-top:8px; height:42px;}
	.liveNum_today_new .tit {width:30%; line-height:42px; }
	.liveNum_today_new .datalist {width:70%; }
}

@media (max-width:767px) {
	.liveNum_today_new  { height:35px;}
	.liveNum_today_new .tit {width:30%; font-size:13px; line-height:35px; }
	.liveNum_today_new .datalist {width:70%; }
	.liveNum_today_new .datalist .subtit { font-size:12px; line-height:35px; vertical-align:middle}
	.liveNum_today_new .datalist .data { font-size:16px; line-height:40px; vertical-align:middle}
	.liveNum_today_new .datalist .subtit::before {display:none}
    /* 환자현황다운로드 20210512 추가*/
    .liveNum_today_new .tit a{top:7px}
}

/* 환자현황 - 누적*/
.liveNum {position:relative;display:table;width:100%;margin-top: 3px;}
.liveNum > li { position:relative;  display:table-cell;text-align:center;  z-index:1}
.liveNum > li:nth-child(1) { background-color:#0099ff;}
.liveNum > li:nth-child(2) { background-color:#006699;}
.liveNum > li:nth-child(3) { position:relative; background-color:#174069;}
.liveNum > li:nth-child(4) { background-color:#808080;}
.liveNum > li > * { display:block; color:#fff;}
.liveNum > li > .tit { font-size:16px; line-height:22px; font-weight:600}
.liveNum > li > .num {font-family:'Spoqa Han Sans';font-weight:400;font-size: 29px;line-height:1.25em;}
.liveNum > li > .before { font-family:'Spoqa Han Sans'; font-weight:400;  font-size:13px;line-height:1.5em; letter-spacing:0.025em }
.liveNum .sign {position:absolute;left:-12px;top:50%;margin-top: -6px;width:24px;height:24px;font-size:16px;line-height:22px;font-weight:600;color:#000;background-color:#fff;border-radius:100%;text-align:center;z-index:2;}
.liveNum .mini { display:inline-block; /* margin-left:4px; */ font-family:'Noto Sans KR'; font-size:14px; line-height:26px; vertical-align:middle}
.liveNum .mini_tit { display:inline-block; font-family:'Noto Sans KR'; font-size:15px; line-height:12px; font-weight:400; vertical-align:top}
.liveNum .help { position:absolute; right:15px; top:15px; display:block; width:16px; height:16px; font-size:12px; line-height:14px; color:#fff; border:1px solid #fff; border-radius:100%; z-index:2}
.liveNum .help_info {position:absolute; left:50%; top:32px; display:none; margin-left:-70px; padding:5px; width:200px; height:auto; border:1px solid #2db7cb; background-color:#fff; border-radius:6px; overflow:hidden; z-index:3}
.liveNum .help_info .script_info { text-align:center; font-size:13px; line-height:16px; color:#005e6c; word-break:keep-all}

@media (min-width:1180px) {
	.liveNum > li {  padding:10px 6px 12px 6px; }
	.liveNum > li:nth-child(1) {width: 31%;padding-left:0;padding-right:4px;}
	.liveNum > li:nth-child(2) {width: 27%;}
	.liveNum > li:nth-child(3) {width: 23%;}
	.liveNum > li:nth-child(4) {width: 19%;}
	.liveNum > li > .num {letter-spacing:-0.05em}
	.liveNum > li > .tit { padding-left:4px;height:33px; vertical-align:top;}
}

@media (min-width:768px) and (max-width:1179px) {
	.liveNum > li {  padding:10px 6px 12px 6px; }
	.liveNum > li:nth-child(1) { width:30%;}
	.liveNum > li:nth-child(2) {width:24%; }
	.liveNum > li:nth-child(3) { width:25%; }
	.liveNum > li:nth-child(4) { width:21%; }
	.liveNum > li > .tit {height:33px; vertical-align:top;}
}

@media (max-width:767px) {
	.liveNum > li:nth-child(1) { width:30%;}
	.liveNum > li:nth-child(2) {width:24%; }
	.liveNum > li:nth-child(3) { width:25%; }
	.liveNum > li:nth-child(4) { width:21%; }		
	.liveNum > li { vertical-align:top; padding-top:10px; padding-bottom:12px; }
	.liveNum > li > .tit { font-size:14px; line-height:18px; height:30px; vertical-align:top}
	.liveNum > li > .num { font-size:18px; height:22px; }
	.liveNum > li > .before { font-size:12px; }
	.liveNum .sign {left:-9px;width: 18px;height:18px;line-height:16px;font-size:12px;margin-top: -4px;}
	.liveNum .mini { font-size:11px; }
	.liveNum .mini_tit  { font-size:12px; line-height:14px; }	
	.liveNum .help { right:2px; top:5px;}
}

/* 주간동향 */
.liveWeek { margin-top:12px; width:100%; min-height:250px; background-color:#fff; border-radius: 5px;}
.liveWeek h3 { width:100%; padding:7px 15px; background-color:#e6f6ff;text-align:center;}
.liveWeek h3 > .title { color:#174069;/*  border:1px solid #174069; */ }
.liveWeek .info_week { width:100%; text-align:center;}
.liveWeek .info_week .box_image { border:0 none; padding:0; margin:0}
@media (max-width:767px) {
	.liveWeek { width:100%; min-height:0; height:auto; padding-bottom:15px; overflow:hidden}
	.liveWeek h3 { text-align:center; }
	.liveWeek h3 > .info { display:block; width:100%; margin-top:5px; }
	.liveWeek .info_week { width:100%; } /* 주간 차트 */
}

/* 시도별지도 */
.livemap { display:table; width:100%; height:auto; min-height:605px; background-color:#fff; overflow:hidden;}
.livemap > * { display:table-cell; vertical-align:top;}
.livemap .main_maparea { width:65%; }
.livemap .maplist { width:35%; background-color:#f4f2f2}
.livemap .main_maparea { position:relative; width:370px; height:auto; padding:20px 15px; overflow:hidden}
.livemap .main_maparea #main_maplayout {position:relative; display:block; width:370px; height:480px; padding:0; margin:20px auto 0 auto; z-index:1}
.livemap .main_maparea #main_maplayout:hover,
.livemap .main_maparea #main_maplayout:focus { cursor:pointer}
.livemap .main_maparea .mapnotice { position:absolute; left:20px; top:25px; padding-left:20px; font-size:13px; line-height:16px; color:#333; z-index:2}
.livemap .main_maparea .mapnotice::before { content:"?"; display:inline-block; width:18px; height:18px; margin-left:-20px; margin-right:4px; line-height:18px; font-size:13px; font-weight:600; color:#fff; text-align:center; background-color:#ff9000; border-radius:100%; vertical-align:middle}
.livemap .main_maparea .mapnotice .info { color:#ee5858; }
.livemap .main_maparea button[data-city^="map_city"] { position: absolute; display:block; margin:0; padding:3px 10px; background-color:#fff; text-align:center; border:0 none; box-shadow:3px 3px 2px rgba(100, 100, 100, 0.2);}
.livemap .main_maparea button[data-city^="map_city"]  > * { display:block; width:100%; line-height:14px;}
.livemap .main_maparea button[data-city^="map_city"] .name { font-size:13px; color:#333; font-weight:600}
.livemap .main_maparea button[data-city^="map_city"] .num { font-size:14px; font-weight:600; color:#e30000;}
.livemap .main_maparea button[data-city^="map_city"] .before { font-size:12px; color:#ea4c4c; }
.livemap .main_maparea button[data-city^="map_city"].select { background-color:#141414;}
.livemap .main_maparea button[data-city^="map_city"].select > * { color:#fff}
.livemap .main_maparea button[data-city^="map_city"].select .name {color:#fff;}
.livemap .main_maparea button[data-city^="map_city"].select .num { color:#fff;}
.livemap .main_maparea button[data-city^="map_city"].select .before { color:#ffcfcf; }
.livemap .main_maparea button[data-city="map_city1"] { left:130px; top:85px;} /*서울*/
.livemap .main_maparea button[data-city="map_city2"] { left:280px; top:360px;}/*부산*/
.livemap .main_maparea button[data-city="map_city3"] { left:240px; top:240px;} /*대구*/
.livemap .main_maparea button[data-city="map_city4"] { left:30px; top:55px;} /*인천*/
.livemap .main_maparea button[data-city="map_city5"] { left:90px; top:350px;} /*광주*/
.livemap .main_maparea button[data-city="map_city6"] { left:135px; top:225px;} /*대전*/
.livemap .main_maparea button[data-city="map_city7"] { left:310px; top:300px;} /*울산*/
.livemap .main_maparea button[data-city="map_city8"] { left:100px; top:140px;} /*세종*/
.livemap .main_maparea button[data-city="map_city9"] { left:120px; top:25px;} /*경기*/
.livemap .main_maparea button[data-city="map_city10"] { left:200px; top:60px;} /*강원*/
.livemap .main_maparea button[data-city="map_city11"] { left:160px; top:150px;} /*충북*/
.livemap .main_maparea button[data-city="map_city12"] { left:65px; top:180px;} /*충남*/
.livemap .main_maparea button[data-city="map_city13"] { left:100px; top:270px;} /*전북*/
.livemap .main_maparea button[data-city="map_city14"] { left:20px; top:300px;} /*전남*/
.livemap .main_maparea button[data-city="map_city15"] { left:250px; top:180px;} /*경북*/
.livemap .main_maparea button[data-city="map_city16"] { left:180px; top:320px;} /*경남*/
.livemap .main_maparea button[data-city="map_city17"] { left:25px; top:460px;} /*제주*/
.livemap .main_maparea button[data-city="map_city18"] { left:270px; top:420px;} /*검역*/

.livemap .maplist { position:relative; }
.livemap .maplist h3 { width:100%; padding:27px 0 10px 76px; z-index:1} 
.livemap .maplist h3 > .title { padding-left:12px; padding-right:12px; color:#725454; line-height:20px; border:1px solid #c27171;}
.livemap .maplist h3 > .title > span { display:inline-block;vertical-align:middle;}
.livemap .maplist .info_map_btn { display:inline-block; margin-left:4px; width:16px; height:16px; text-align:center; background-color:#a3a3a3; color:#fff; font-size:12px; font-weight:400; line-height:16px; border-radius:13px;vertical-align:middle;}
.livemap .maplist .info_map_script { display:none;  position:absolute; left:50%; top:54px; width:160px; margin-left:-70px; z-index:2}
.livemap .maplist .info_map_script > a { display:block; width:100%; height:auto; padding:6px 10px; font-size:13px; line-height:1.25em; text-align:left; border:1px solid #e1acac; background-color:#fff; color:#c37474; border-radius:6px;}
.livemap .maplist > div { position:absolute; left:0; top:0; width:0; height:0; line-height:0; overflow:hidden; }
.livemap .maplist > div.open { position:relative;width:100%; height:auto; line-height:inherit; overflow:inherit;}
.livemap .maplist .cityname { position:absolute; top:-40px; left:20px; font-size:26px; font-weight:600; color:#000; z-index:2} 
.livemap .maplist .mapview { padding:0 12px;}
.livemap .maplist .mapview .citychart { position:relative; width:100%; height:140px; background-position:0 0; background-repeat:no-repeat;}
.livemap .maplist .mapview .citychart > .citytit { position:absolute; display:block; top:40%; margin-top:-5px; width:100%; height:auto; font-family:'Spoqa Han Sans'; font-size:23px; font-weight:600; color:#b60000; text-align:center;}
.livemap .maplist .mapview .citychart > .citytit .tit_sub {  font-family:'Noto Sans KR'; font-size:13px; font-weight:400; color:#555; line-height:1.25em;}
.livemap .maplist .mapview .cityinfo {width:100%; }
.livemap .maplist .mapview .cityinfo > li { display:table; width:100%;}
.livemap .maplist .mapview .cityinfo > li > * { display:table-cell; width:50%; padding:4px 0; font-weight:600; }
.livemap .maplist .mapview .cityinfo .tit { font-size:14px; color:#555; font-weight:600}
.livemap .maplist .mapview .cityinfo .num { font-family:'Spoqa Han Sans';  font-size:18px;color:#000 }
.livemap .maplist .mapview .cityinfo *[class^="sub_"] {font-size:12px; letter-spacing:-0.01em; }
.livemap .maplist .mapview .cityinfo .sub_tit { color:#666;}
.livemap .maplist .mapview .cityinfo .sub_tit.red { color:#da4848}
.livemap .maplist .mapview .cityinfo .sub_num { font-weight:600; }
.livemap .maplist .mapview .cityinfo .sub_num.red { color:#cf0000;}

.livemap .maplist #mapAll .citychart { height:160px;} /* 전국 */
.livemap .maplist #mapAll .citychart *[class^='allcity_info'] {position:absolute; display:block; width:auto; height:auto;font-weight:600; letter-spacing:-0.075em; text-align:center; }
.livemap .maplist #mapAll .citychart .allcity_info1 {left:50%; top:60%; margin-left:-30px; font-size:15px; color:#fff;}
.livemap .maplist #mapAll .citychart .allcity_info2 {left:50%; top:40%; width:50px; margin-left:-120px; font-size:13px; color:#666;}
.livemap .maplist #mapAll .citychart .allcity_info3 {left:50%; top:15%; width:40px; margin-left:-100px; font-size:13px; color:#666;}
.livemap .maplist #mapAll .citychart .allcity_info4 {left:50%; top:5%; margin-left:-78px; font-size:13px; color:#666;}
.livemap .maplist #mapAll .citychart .allcity_info5 {right:50%; top:10.5%; margin-right:-85px; font-size:13px; color:#666;}
.livemap .maplist #mapAll .citychart .num { color:#333}

@media (min-width:768px) and (max-width:1179px) {
	.livemap .maplist .mapview .citychart { height:160px; background-position:center -40px;}
	.livemap .maplist .mapview .citychart > .citytit { margin-top:-20px;}
	.livemap .maplist #mapAll .citychart {background-position:center 0;}	
}

@media (max-width:767px) {
	.livemap { display:block; min-height:0;}
	.livemap > * { display:block;}
	.livemap .main_maparea { width:100%;padding:15px;}
	.livemap .main_maparea #main_maplayout { position:relative; display:block; width:370px; height:480px; margin:0 auto; padding:0;}
	.livemap .main_maparea .mapnotice { left:20px;}
	.livemap .maplist { width:100%; }
	.livemap .maplist h3 { padding:10px 0 10px 70px; height:40px;}
	.livemap .maplist .info_map_script { left:5%; top:40px; width:90%; margin-left:0;}
	.livemap .maplist .cityname { top:-30px; left:20px; font-size:19px;} 
	.livemap .maplist .mapview { display:table; width:100%; padding:5px 16px; }
	.livemap .maplist .mapview .citychart { display:table-cell; width:50%; height:140px; background-position:center 0; background-size:auto 190px;}
	.livemap .maplist .mapview .citychart > .citytit .tit_sub { font-size:12px}
	.livemap .maplist .mapview .cityinfo {display:table-cell; width:50%; }
	.livemap .maplist .mapview .cityinfo > li > * { padding:3px 0;}
	.livemap .maplist .mapview .cityinfo .tit { font-size:13px;}
	.livemap .maplist .mapview .cityinfo .num { font-size:16px;}
	
	.livemap .main_maparea button[data-city="map_city1"] { left:130px; top:115px;} /*서울*/
	.livemap .main_maparea button[data-city="map_city2"] { left:290px; top:390px;}/*부산*/
	.livemap .main_maparea button[data-city="map_city3"] { left:270px; top:280px;} /*대구*/
	.livemap .main_maparea button[data-city="map_city4"] { left:40px; top:95px;} /*인천*/
	.livemap .main_maparea button[data-city="map_city5"] { left:90px; top:390px;} /*광주*/
	.livemap .main_maparea button[data-city="map_city6"] { left:155px; top:255px;} /*대전*/
	.livemap .main_maparea button[data-city="map_city7"] { left:330px; top:340px;} /*울산*/
	.livemap .main_maparea button[data-city="map_city8"] { left:100px; top:180px;} /*세종*/
	.livemap .main_maparea button[data-city="map_city9"] { left:140px; top:40px;} /*경기*/
	.livemap .main_maparea button[data-city="map_city10"] { left:240px; top:70px;} /*강원*/
	.livemap .main_maparea button[data-city="map_city11"] { left:180px; top:190px;} /*충북*/
	.livemap .main_maparea button[data-city="map_city12"] { left:55px; top:240px;} /*충남*/
	.livemap .main_maparea button[data-city="map_city13"] { left:90px; top:300px;} /*전북*/
	.livemap .main_maparea button[data-city="map_city14"] { left:20px; top:360px;} /*전남*/
	.livemap .main_maparea button[data-city="map_city15"] { left:270px; top:220px;} /*경북*/
	.livemap .main_maparea button[data-city="map_city16"] { left:200px; top:360px;} /*경남*/
	.livemap .main_maparea button[data-city="map_city17"] { left:45px; top:500px;} /*제주*/
	.livemap .main_maparea button[data-city="map_city18"] { left:230px; top:380px;} /*검역*/
	
	.livemap .maplist #mapAll .citychart { height:185px; background-position:center 0px;}/* 전국 */
	
}

@media (max-width:639px) {
	.livemap .main_maparea #main_maplayout {width:310px; height:450px; padding-top:20px;}
	.livemap .maplist .mapview { display:block; width:100%;}
	.livemap .maplist .mapview .citychart { display:block;width:100%; height:120px; background-position:center -10px; background-size:auto 140px;}
	.livemap .maplist .mapview .citychart > .citytit {font-size:16px;}
	.livemap .maplist .mapview .cityinfo {display:block; width:100%;}
	.livemap .maplist .mapview .cityinfo .tit { font-size:12px;}
	.livemap .maplist .mapview .cityinfo .num { font-size:14px;}	
	
	.livemap .main_maparea button[data-city^="map_city"] { padding:2px 9px;}
	.livemap .main_maparea button[data-city^="map_city"]  > * { line-height:14px; letter-spacing:-0.075em}
	.livemap .main_maparea button[data-city^="map_city"] .name { font-size:12px;}
	.livemap .main_maparea button[data-city^="map_city"] .num { font-size:13px;}
	.livemap .main_maparea button[data-city^="map_city"] .before { font-size:11px; letter-spacing:-0.1em}
	
	.livemap .main_maparea button[data-city="map_city1"] { left:110px; top:100px;} /*서울*/
	.livemap .main_maparea button[data-city="map_city2"] { left:200px; top:320px;}/*부산*/
	.livemap .main_maparea button[data-city="map_city3"] { left:200px; top:230px;} /*대구*/
	.livemap .main_maparea button[data-city="map_city4"] { left:20px; top:95px;} /*인천*/
	.livemap .main_maparea button[data-city="map_city5"] { left:80px; top:300px;} /*광주*/
	.livemap .main_maparea button[data-city="map_city6"] { left:115px; top:210px;} /*대전*/
	.livemap .main_maparea button[data-city="map_city7"] { left:260px; top:280px;} /*울산*/
	.livemap .main_maparea button[data-city="map_city8"] { left:80px; top:160px;} /*세종*/
	.livemap .main_maparea button[data-city="map_city9"] { left:100px; top:40px;} /*경기*/
	.livemap .main_maparea button[data-city="map_city10"] { left:180px; top:70px;} /*강원*/
	.livemap .main_maparea button[data-city="map_city11"] { left:140px; top:150px;} /*충북*/
	.livemap .main_maparea button[data-city="map_city12"] { left:35px; top:190px;} /*충남*/
	.livemap .main_maparea button[data-city="map_city13"] { left:70px; top:240px;} /*전북*/
	.livemap .main_maparea button[data-city="map_city14"] { left:20px; top:320px;} /*전남*/
	.livemap .main_maparea button[data-city="map_city15"] { left:220px; top:170px;} /*경북*/
	.livemap .main_maparea button[data-city="map_city16"] { left:150px; top:290px;} /*경남*/
	.livemap .main_maparea button[data-city="map_city17"] { left:25px; top:400px;} /*제주*/	
	.livemap .main_maparea button[data-city="map_city18"] { left:230px; top:380px;} /*검역*/	
	
	.livemap .maplist #mapAll .citychart { height:160px; background-size:auto auto}/* 전국 */
}

/**********************************************************************************
	정보콘텐츠
**********************************************************************************/
.m_con_layout { clear:both; width:100%; height:auto; overflow:visible; padding-top:20px;}

/* main popupzone */
.slider{position:relative; float:left; }
.slider .owl-nav [class^="owl-"] {position:absolute; top:45%; display:block; width:32px; height:32px; z-index:11; }
.slider .owl-nav .owl-prev {left:10px;background:url(../image/main/btn_pre.png) no-repeat !important; width: 35px; height: 35px; font-size: 0px !important;}
.slider .owl-nav .owl-next {right:10px;background:url(../image/main/btn_next.png) no-repeat !important; width: 35px; height: 35px; font-size: 0px !important;}
.slider .rolling-bnnr a,
.slider .rolling-bnnr a img {display:block;}
.slider .ico_window {display:none;}
.slider .owl-controls{position:absolute;bottom:10px;left:50%;margin-left:-8px;}
.slider .owl-controls button{display:block;width:16px;height:16px;background-repeat:no-repeat !important; background-position:center !important;}
.slider .owl-controls .owl-conl-btn.active{background-image:url(../image/main/ico_play.png) !important; background-color: transparent;}
.slider .owl-controls .owl-conl-btn{background-image:url(../image/main/ico_pause.png) !important; border:0px; font-size: 0px; background-color: transparent;}
.slider .owl-dots, .slider .pagination{display: none !important;}

@media (min-width:1180px) {
	.slider { width:480px; height:180px; margin-right:20px;}
	.slider .rolling-bnnr,
	.slider .rolling-bnnr *:not(img) {width:100%; height:180px; z-index: 0;}
	.slider .rolling-bnnr img {height:100%;}
	.slider .owl-nav [class^="owl-"]{z-index:1 !important;}	
}

@media (min-width:768px) and (max-width:1179px) {
	.slider {width:100%; height:auto; overflow:hidden}
	.slider,
	.slider * {width:100%;}	
	.slider ul li img {max-width:100%;}
}

@media (max-width:767px) {
	.slider {width:100%;height:auto;margin:0;float:none;}
	.slider .slideBox {width:100%;}
	.slider .rolling-bnnr,
	.slider .rolling-bnnr * {height:auto;width:100%;}		
	.slider .owl-nav [class^="owl-"] {top:40%;}
}

/* 뉴스 & 이슈 / fact*/
.m_newsarea { position:relative; float:left; width:680px; height:auto; }
.m_newsarea > div {position:relative;float:left; width:50%; }
.m_newsarea > div:nth-child(2) { float:left; width:49%; margin-left:1%;}
.m_newsarea h3 { display:block; width:100%; padding:20px 0 10px; font-size:16px; font-weight:600; text-align:center; }
.m_newsarea .more {position:absolute;left:50%;margin-left:44px;top:18px;display:inline-block; margin-bottom:-3px; padding-left:8px; padding-right:8px; color:#fff; line-height:20px; font-size:12px; font-weight:400; border-radius:12px; background-color:#009fd1; vertical-align:bottom; }
.m_newsarea .more:hover, .m_newsarea .more:focus{background: #333}

@media (min-width:1180px) {
	.m_newsarea {height:180px;}
	.m_newsarea > div { height:180px;  }
}

@media (min-width:768px) and (max-width:1179px) {
	.m_newsarea { float:none; width:100%; height:180px;}
	.m_newsarea > div { height:180px; border-top: 4px solid #4677C2}
}

@media (max-width:767px) {
	.m_newsarea { float:none; display:block; width:100%; }
	.m_newsarea > div { display:block; width:100%; border-top: 4px solid #4677C2}
	.m_newsarea > div:nth-child(2) { float:none; width:100%; margin-left:0;}
	.m_newsarea h3{padding: 10px 0 10px;}
	.m_newsarea .more{top: 8px}
}

.m_news {  background-color:#fff;}
.m_news h3 { color:#145693 }
.m_news .more {margin-left:60px;}
.m_news h4 { display:inline-block; margin-left:10px; padding:0 3px; font-size:14px; font-weight:600; line-height:1.7em; color:#164068; letter-spacing:-0.05em}
.m_news h4.tit1 {}
.m_news h4.tit2 {}
.m_fact { position:relative; background-color:#fff;}
.m_fact h3 { color:#145693 }
.m_fact .more {}
.m_text_list { width:100%; padding:4px 7px;}
.m_text_list > li { width:100%; padding:3px 0; }
.m_text_list > li::before { content:"·"; display:inline-block; width:12px; font-size:13px; font-weight:600; line-height:15px; text-align:center; color:#333; vertical-align:top}
.m_text_list > li a { display:inline-block; max-width:88%; font-size:14px; line-height:16px; color:#222; letter-spacing:-0.05em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.m_text_list > li a:hover, .m_text_list > li a:focus{text-decoration: underline}
.m_text_list > li .ico_new { display:inline-block; margin-left:4px; width:16px; height:16px; font-size:11px; line-height:18px; color:#fff; background-color:#f69622; text-align:center; vertical-align:top; border-radius:100%}
.m_now_banner { position:absolute; left:0; bottom:0; display:block; width:100%; height:60px; background:url(../image/main/bigbanner_backimg.png) no-repeat right bottom #b78146;}
.m_now_banner > a { display:block; width:100%; height:100%; padding:18px 0 7px 10px;}
.m_now_banner .b_tit { display:inline-block; padding-left:30px; font-size:16px; line-height:28px; font-weight:600; color:#fff; background:url(../image/main/bigbanner_icon.png) no-repeat 0 center; }
.m_fact .ico_window {display:none;}
.m_news .ico_window { display:none;}

@media (min-width:1180px) {	
	.m_now_banner > a { text-align:left;}
}

@media (min-width:768px) and (max-width:1179px) {
	.m_now_banner > a { text-align:center;}
}

@media (max-width:767px) {
	.m_news { height:180px; }
	.m_fact {height:auto; overflow:hidden; }
	.m_now_banner { position:relative; height:45px;}
	.m_now_banner > a {padding-top:8px; }
	.m_now_banner > a { text-align:left;}
}

/**********************************************************************************
	힘내라 대한민국
**********************************************************************************/
.victory_korea { clear:both; width:100%; }
.victory_korea h3 { position:relative; display:block; float:left; width:25%; height:100%; padding:20px; background-color:#3AA66B;}
.victory_korea h3 > * {   display:inline-block; color:#ffffff; }
.victory_korea h3 .txt { font-size:17px; line-height:1.5em; font-weight:600;}
.victory_korea h3 .info { position:absolute; left:14px; bottom:12px; font-size:13px; letter-spacing:-0.05em; }
.victory_korea .vod_list { float:left; width:75%; padding:14px; background-color:#ccc;}
.victory_korea .vod_list > li { float:left; margin-left:1.3333%; width:32%; background-color:#ddd; }
.victory_korea .vod_list img { max-width:100%;}
.victory_korea  .ico_window {display:none;}

@media (min-width:1180px) {	
	.victory_korea { height:190px;}
	.victory_korea .vod_list { height:190px;}
}

@media (min-width:768px) and (max-width:1179px) {
	.victory_korea { height:180px;}
	.victory_korea .vod_list { height:180px;}
	.victory_korea h3 .txt { font-size:16px; line-height:1.25em;}
}

@media (max-width:767px) {
	.victory_korea > div { width:100%;}
	.victory_korea h3 { float:none; width:100%; height:auto; padding:14px 20px; background-size:auto 100px;}
	.victory_korea h3 .txt { width:100%; font-size:14px; text-align:center;}
	.victory_korea h3 .txt br:nth-child(1) { display:none;}
	.victory_korea h3 .txt br:nth-child(3) { display:none;}
	.victory_korea h3 .info { display:none}
	.victory_korea .vod_list { float:none; width:100%; padding:10px;}
	.victory_korea .vod_list {padding:0; }
	.victory_korea .vod_list > li { float:none; margin-left:0; width:100%; padding:5px; text-align:center;}
	.victory_korea .vod_list > li img { max-width:100%; width: 100%; }
}

/* 예방접종 변경 */
.today_info_group{padding-top: 55px; margin-bottom: 0px;}
.today_info_list{box-shadow: 0px 7px 6px #E7E5EC;border: 1px solid #C6CBD8;border-radius: 8px 8px 0px 0;background: #fff;display: flex;}
.today_info_list:after{ content: ''; clear: both; display: block}
.today_info_list > li{float: left;position: relative;flex-grow: 1;flex-basis: 20%;}
.today_info_list > li:first-of-type{flex-grow: 2;}
.today_info_list > li .tit{position: absolute; left: 50%; top: -48px; transform: translateX(-50%); width: calc(100% - 8px); height: 40px; border-radius: 8px ; background: #DAD7E0; text-align: center; display: inline-block; line-height: 40px; font-size: 16px; font-weight: 500; }
.today_info_list > li:nth-of-type(1) .tit{ left: 0; transform: translateX(0); width: calc(100% - 4px); }
.today_info_list > li:nth-of-type(2) .tit{}
.today_info_list > li:nth-of-type(3) .tit{background: #ffdbcf;}
.today_info_list > li:nth-of-type(4) .tit{ left: inherit; right:0; transform: translateX(0);  width: calc(100% - 4px); }
.today_info_list > li:nth-of-type(4) .tit *{vertical-align: middle;}
.today_info_list > li:nth-child(1) .inner>li{border-bottom-color:rgba(255,255,255,0) !important;}
.today_info_list .inner > li{padding:17px 5px; min-height:61px; text-align: center; line-height:26px; font-size: 20px; color:#222; font-weight: 600; position: relative; border-bottom:solid 1px #dfdfdf;}
.today_info_list .inner > li sup{position: absolute; font-size: 15px;}
.today_info_list > li:first-of-type .inner > li{font-size: 16px; line-height: 26px}
/* .today_info_list .inner > li:nth-of-type(2){background: #F4F3FA; color:#EB7520; }*/
.today_info_list > li:first-of-type .inner > :nth-of-type(2){color:#222}

.today_info_list > li:first-of-type li{background: #438EAF; color:#fff !important;}
.today_info_list > li:first-of-type li:nth-of-type(1),.teen_info_group .all_percent:firt-child li:first-child{background: #438EAF;}
.today_info_list > li:first-of-type li:nth-of-type(2),.teen_info_group .all_percent:nth-child(2) li:first-child{background: #2D7CA9; }
.today_info_list > li:first-of-type li:nth-of-type(3),.teen_info_group .all_percent:nth-child(3) li:first-child{background: #166AA2; }
.today_info_list > li:first-of-type li:nth-of-type(4){background: #064d7c; }
.today_info_list > li:first-of-type li:first-of-type{border-top-left-radius: 8px;}
.today_info_list > li:first-of-type li:last-of-type{border-bottom-left-radius: 0px }

.today_info_list > li:nth-of-type(3){background:#fff8f6; }
.today_info_list > li:nth-of-type(3) span{color:#ff6000; }
.today_info_list > li:nth-of-type(3) .tit span{color:#000; }
/* .today_info_list > li:nth-of-type(3) .inner li:after{content: ''; position: absolute; left:0; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background: #C6CBD8; } 
.today_info_list > li:nth-of-type(3) .inner li:before{content: ''; position: absolute; right:0; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background: #C6CBD8; }*/

.today_info_list > li:last-of-type li:first-of-type{border-top-right-radius: 8px }
.today_info_list > li:last-of-type li:last-of-type{border-bottom-right: 8px;  }
.today_info_list .inner > li:last-of-type{border-bottom:none !important;}

.teen_info_group{box-shadow: 0px 7px 6px #E7E5EC; border: 1px solid #C6CBD8; border-radius: 8px; background: #fff; margin-top: 17px; overflow: hidden}
.teen_info_group .all_percent{overflow: hidden;display: flex; max-height:57px;}
.teen_info_group .all_percent li:first-child{background:#438EAF;color:#fff;font-size: 1em;display: flex;justify-content: center;align-items: center;border-bottom: none;}
.teen_info_group .all_percent li:nth-child(2)::before{display:none;}
.teen_info_group .all_percent li{padding: 14px 0;color: #333;font-weight: 500;font-size: 20px;position: relative;flex-grow: 1;flex-basis: 100%;border-bottom: solid 1px #dcdcdc;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.teen_info_group .all_percent li:before{content: ''; position: absolute; left: 0 ;top: 50%; transform: translateY(-50%); width: 1px; height: 50px; background:#C6CBD8; display: none}
.teen_info_group .all_percent li + li:before{display: block}
.teen_info_group .all_percent li span{font-weight: 500; font-size: 14px; display: block; margin-bottom: 5px; color:#2D7CA9;}
.teen_info_group .all_percent li strong{font-size: 19px;font-weight: 700;}
.teen_info_group .sub_percent {background: #F4F3FA; overflow: hidden; font-size:14px;}
.today_info_group .sub_percent { border: 1px solid #C6CBD8; border-top:none; border-radius: 0 0 8px 8px; background: #F4F3FA;box-shadow: 0px 7px 6px #E7E5EC; font-size:14px;}
.today_info_group .sub_percent span + span {margin-top:5px; display:block;}
.teen_info_group .sub_percent > li{float: left; width: 50%; padding: 20px 30px; text-align: center}
.teen_info_group .sub_percent > li .subject{padding:6px 0; background: #fff; border:1px solid #C6CBD8; border-radius: 20px; display: inline-block; font-size: 14px; font-weight: 500; color: #444; width: 70px; text-align: center; overflow: hidden; transform: translateY(3px)}
.teen_info_group .sub_percent > li > ul{float: right; width: calc(100% - 70px); overflow: hidden}
.teen_info_group .sub_percent > li > ul > li{float: left; width: 50%; text-align: center; font-size: 14px; font-weight: 500; color: #666; position: relative}
.teen_info_group .sub_percent > li > ul > li:before{content: ''; position: absolute; left: 0 ;top: 50%; transform: translateY(-50%); width: 1px; height: 40px; background:#C6CBD8; display: none}
.teen_info_group .sub_percent > li > ul > li + li:before{display: block}
.teen_info_group .sub_percent > li > ul span{display: block; margin-bottom:3px}
.teen_info_group .sub_percent > li > ul strong{font-size: 18px; font-weight: 700; color: #222}

@media (max-width: 768px){
    .teen_info_group .sub_percent > li{padding: 10px 10px 20px}
    .teen_info_group .sub_percent > li .subject{transform: none; margin-bottom: 3px}
    .teen_info_group .sub_percent > li > ul{float: none; width: 100%}
}

@media (max-width:500px) {
    .today_info_list > li .tit {font-size: 15px; height: 36px; line-height: 36px; width: calc(100% - 4px); top: -43px}
    .today_info_list > li:nth-of-type(1) .tit, .today_info_list > li:nth-of-type(4) .tit {width: calc(100% - 2px);}
    .today_info_list > li:first-of-type .inner > li{font-size: 15px; min-height: 77px; }
    .today_info_list .inner > li{font-size: 16px; padding: 25px 0}
    .teen_info_group .sub_percent > li{padding: 10px 6px 20px}

}

@media (max-width:370px) {
    .today_info_list > li .tit {font-size: 13px; height: 36px; line-height: 36px}
    .today_info_list > li:first-of-type .inner > li{font-size: 13px; line-height: 14px}
    .today_info_list .inner > li{font-size: 14px}
}

@media (min-width:1180px) {
    .today_info { width:100%;}
    .today_info .day_box .info { height:80px; }
    .today_info.round1 { margin-top:12px;}
    .today_notice { margin-top:15px; }
}

@media (max-width:1179px) {
    .today_info { float:left; width:49%; margin:0 1% 0 0}
    .today_info.round2{margin-top: 0}
    .today_info .day_box .info { height:70px; }
    .today_info .day_box .num { font-size:24px}
    .today_info .day_box .legend { font-size:13px;}
    .today_info .day_box .compare { font-size:13px;}
    .today_notice { clear:both; margin-top:10px; }
    .top_banner{margin-top: 0; margin-left: -10px}
    .top_banner a, .top_banner a.type2{width:calc(50% - 10px); margin: 10px 0 0 10px; background: #fff; box-shadow: 2px 6px 6px rgb(0 0 0 / 8%); border-radius: 12px;}
    /*.top_banner a:first-of-type{width: calc(100% - 10px); margin: 10px 0 0 10px;}*/
    .top_banner a .icon{background: none; box-shadow: none}
}

@media (max-width:990px) {
    .today_info{width: 100%;}
    .today_info.round1{margin-top: 15px}
}

@media (max-width:767px) {
    .today_info { width:100%;}
    .today_info ul > li:nth-child(1) { width:33.3333%;}
    .today_info ul > li:nth-child(2) { width:33.3333%;}
    .today_info ul > li:nth-child(3) { width:33.3333%;}
    .today_info.round1 { margin-top:7px;}
    .today_info .day_box .info { height:60px; }
    .today_info .day_box .tit { font-size:12px; font-weight:400; letter-spacing:-0.125em; }
    .today_info .day_box .num { font-size:21px; letter-spacing:-0.05em; }
    .today_info .day_box .info { height:70px; }
    .today_info .day_box .num { font-size:24px}
    .today_info .day_box .legend { font-size:13px;}
    .today_info .day_box .compare { font-size:13px;}
    .today_notice { margin-top:10px; }
    .top_banner{margin-top: 20px}
    .top_banner a .icon img{transform: translateY(7px) scale(.8)}
    .top_banner a strong{font-size: 15px; line-height: 18px}
    .top_banner a .icon{width: 60px}
    .top_banner a .refer{padding: 0 5px; width: calc(100% - 60px)}
}
/*
@media (max-width:600px) {
    .top_banner a{font-weight: 500}
    .top_banner a .icon img{max-width: 70%}
    .top_banner a strong{font-size: 14px; line-height: 20px; font-weight: 500}
    .top_banner a br{display: block}
    .top_banner a strong span:before{display: none}
    .top_banner a .refer{margin-top: 15px;}
    .top_banner a .icon{background: transparent; width: 100%; height: inherit; box-shadow: none}
}*/

@media (max-width:480px) {
    .today_info .day_box .num{font-size:20px}
    .top_banner a, .top_banner a.type2{width: calc(100% - 10px)}
}

@media (max-width:400px) {
    .top_banner a {padding: 0 0;}
}

.status{display: flex; gap:20px; margin-top: 30px;}
.status > div{flex:1;}

@media (max-width:950px) {
    .status{flex-direction:column;}
}

@media (max-width:767px) {
    .status *{font-size: 13px !important;}
}