@charset "utf-8";
* {word-wrap: break-word; word-break: keep-all;}
body{ line-height:1.4; font-size:16px;  color:#0C0C0C}
span{ font-family:'Noto Sans KR', sans-serif}
strong{ font-weight:500}
#warp{}
#wrap header{max-width:1100px; margin:0 auto; position:relative; height:75px}
#wrap header h1 { position:relative; top:15px; text-align:center}
#wrap header h1 a{ display:inline-block}
#wrap header p.covid-btn-type2 a{ position:absolute; right:0; top:14px}
.max-w{ max-width:1260px; margin:0 auto; box-sizing:border-box}
.top{ background:#60525e;text-align:center;color:#fff;padding:50px 0;position:relative;}
.top.top-type2{  background:#f4e1e1 url(/images/kor/covid/bg.jpg) no-repeat center bottom; }

.top:before{ display:block; width:100%; height:100%; content:""; background:url(/images/kor/covid/covid-bg01-modify02.png) no-repeat 0 bottom; position:absolute; left:0; bottom:0}
.top:after{ display:block; width:100%; height:100%; content:""; background:url(/images/kor/covid/covid-bg02.png) no-repeat right bottom; position:absolute; right:0; bottom:0}


.top h1{ margin:0 0 10px 0; position:relative; z-index:3}
.top img{ max-width:100%}

.top p{ font-size:23px; font-weight:500;}

/*.top ul{ background:#fff; border-radius:7px; margin:23px 0 0 0; position:relative; z-index:2}
.top ul:after{ display:block; clear:both; content:""}
.top ul li{float:left;box-sizing:border-box;width: 14.28%;color:#000;padding:16px 0;color:#333;}
.top ul li div{ border-left:1px solid #dedede;}
.top ul li:first-child div{ border:none}
.top ul li strong{display:block;font-size: 16px;margin-bottom: 5px;}
.top ul li span{ color:#666; font-size:16px}
.top ul li span em{color:#000;font-size: 35px;font-weight:600;font-family: 'Nanum Square';display:inline-block;padding-right:2px;}*/
.death-info {font-size: 15px !important; text-align:right; padding:10px 0 0 0}

.top span.ex{ font-size: 17px}


.top.top-type2:before{ display: none}
.top.top-type2:after{ display: none}

.top.top-type2 p{ color: #6a4f4f}
.top.top-type2 span.ex{color:#6a4f4f; }






.covid-btn{ margin:0px -6px 0}
.covid-btn:after{ display:block; content:""; clear:both;}
.covid-btn li{width:25%; padding:6px; box-sizing:border-box; float:left}
.covid-btn a{ display:block;  text-align:center;   font-weight:500; background:#f1f2f9; padding:17px 0;  border-radius:5px; border:1px solid #dedede; color:#2B2B2B; font-size:15px}

.covid-btn.covid-btn-type2{ text-align:center ; max-width:}
.covid-btn.covid-btn-type2 a{ display:inline-block;background:#db5127;padding:13px 21px; border:none; color:#fff  }

.covid-btn.covid-btn-type3{margin:8px -6px 0}
.covid-btn.covid-btn-type3 li{width:50%}
.covid-btn.covid-btn-type3 a{color:#db5127;padding:20px 0; font-size:22px}


.pattern-bg{ background: url(../../images/kor/common/pattern-bg.gif); padding:5px; margin:0 0 30px 0}
.pattern-bg .inner{ background:#FFF; padding:20px;overflow:hidden}
.tip {background:url(/images/kor/covid/tip_ico.png) no-repeat left 3px; padding:0 0 0 20px;}

.check{ position:relative}
.check:after{ content:""; display:block; width:100% ; height:100%; background:url(/images/kor/covid/check-bg.png) no-repeat right bottom; position:absolute; right:20px; bottom:15px}  


.content{}
.content h1{font-size:22px;font-family: 'Nanum Square';color:#000;margin:30px 0 11px 0;background:url(/images/kor/covid/cont-h1-bul.gif) no-repeat left 4px;padding:0 0 0 28px;position: relative;}
h2,h3{font-family: 'Nanum Square';color:#000;margin:30px 0 6px 0;}
h2{font-size:19px; color:#1066be}
h3{ font-size:18px; margin:30px 0 5px 0}
.blue{color:#2054ab; display: inline !important;}
.red{ color:#E44630; font-weight:600 ;  display: inline !important;}
.black{color:#000; font-weight:600;  display: inline !important;}

.tbl-ul li{ }
.tbl-ul li:before{content:"▲ "; font-size:8px}


.tbl-default01 {margin:15px 0 20px 0px; padding:0; border-collapse:collapse;  width:100%; border-top:2px solid #4674bb; font-size:14px}
.tbl-default01 th {font-weight:600; background:#fbfbfb; border-left:1px solid #ccc;  padding:10px 6px; text-align:center;  border-bottom:1px solid #585858}
.tbl-default01.tbl-default-ex th {border-bottom:1px solid #585858;}
.tbl-default01.tbl-default-ex td{ vertical-align:middle; text-align:center}
.tbl-default01.tbl-default-sentence td{ padding:20px}
.tbl-default01 th.th-end{ border-bottom:none}
.tbl-default01 th.th-row{ border-left:none;border-bottom:1px solid #ccc}
.tbl-default01 th.th-row01{border-bottom:1px solid #ccc}
.tbl-default01 td {font-weight:normal; border-left:1px solid #ccc; border-bottom:1px solid #ccc; color:#444; text-align:left; padding:10px 6px; vertical-align:top}
.tbl-default01 .t_end {border-left:none;}
.tbl-default01 .t-left{ text-align:left !important}
.tbl-default01 .ex-array{ text-align:center; vertical-align:middle}
.tbl-default01 .ul-default{margin:5px 0 10px 0px; }
.tbl-default01.tbl-default-ver-top td{vertical-align:middle}
.tbl-default01.tbl-covid tr.bg-blue th{background:#f5f9fc; border-bottom:1px solid #ccc;}
.tbl-default01 tr.th_top{border-top:2px solid #000;}
.tbl-default01.tbl-covid th{border-bottom:1px solid #ccc;}
.tbl-default01 .td-step{ background:#e7f2fe; color:#1f52ae}

.ul-check{border-top:1px dotted  #DADADA; padding-top:16px; margin-top:16px;}
.ul-check > li{background:url(/images/kor/covid/bul.gif) no-repeat left 3px; padding:0 0 0 27px; margin:4px 0; font-size:16px }
.ul-check.ul-check-bordernone{border-top:none; padding-top:0; margin-top:0 }
.ul-check li ul{ margin:0 0 5px 0}
.ul-check li li:before{ display:inline-block; content:"-"; padding-right:7px}
.ul-check li strong.tit{ display:block; margin:10px 0 0 0; color:#3668B4}
.ul-check.ul-check-type2 > li{ padding:10px 0 10px 27px; border-bottom:1px solid #dedede; background-position:0 13px}
.ul-check.ul-check-type3 > li {background:url(/images/kor/covid/bul-type2.gif) no-repeat left 3px; padding:0 0 0 24px;}

h1.warning:after{display:inline-block;content:"";background:url(/images/kor/covid/warning-ico.gif) no-repeat;width:42px;height:40px;position: absolute;top: -10px;margin-left: 5px;}
.box{ padding:7px 10px; background:#eef1f5; margin:5px 0 12px 0; font-size:14px; color:#666}
.title-ex{ margin:34px 0 13px 0}
.title-ex span{ display:inline-block; border-radius:30px; background:#436AD3; color:#fff; font-size:19px; padding:5px 20px}

footer{ text-align:center; background:#efefef; padding:30px 0; margin:60px 0 0 0; font-size:13px }
footer address{ margin-bottom:6px}


@media all and (max-width:1300px){
.max-w{ max-width:96%;} 
}

@media all and (max-width:1150px){
.check:after{ display:none}
}




@media all and (max-width:780px){
body{ font-size:14px; font-family:'돋움',Dotum,Helvetica,Verdana,Arial }	

#wrap header h1 a img{ max-width:240px}
.top{padding:30px 0}
.top:before{ display:none}
.top:after{ display:none}
.top img {max-width:340px}
.top h1{ margin:0}
.top p{ font-size:17px}
/*.top ul{ margin:20px 0 0 0}
.top ul li{ width:25%}
.top ul li strong{font-size: 13px;letter-spacing: -1px;}
.top ul li strong em{ display:none; }
.top ul li span{ font-size:13px}
.top ul li span em{font-size: 25px;font-family:'돋움',Dotum,Helvetica,Verdana,Arial;letter-spacing:-1px;}*/
.covid-btn li{padding:3px;width:50% }
.content h1{ font-size:19px; background-position:left 2px}
.pattern-bg span{ display:block}
.pattern-bg .tip span{ display:inline}
.pattern-bg .ul-check span{ display:inline}
.tbl-default01 { font-size:12px}
h1.warning:after{ display:none}
footer address span{ display:block}
}
@media all and (max-width:580px){
#wrap header{ height:auto; padding-bottom:15px}
#wrap header h1{ text-align:center; margin:0}
#wrap header p.covid-btn-type2 a{ position:static}


.covid-btn.covid-btn-type3 a{ font-size:17px; padding:15px 0}

}

@media all and (max-width:510px){
.check:after{ display:none}
}

@media all and (max-width:400px){
#wrap header h1 a img{ max-width:220px}
.top img {max-width:280px}
/*.top ul li span em{font-size: 18px;}*/
}




.top.top-type2 ul{ background:none}

.top ul.info{ margin:30px -6px 10px}
.top ul.info li{padding:5px 6px;float:left;width: 50%;}
.top ul.info li div{ border-radius:8px; overflow:hidden; border:none ;box-shadow: 5px 5px 9px 2px rgba(0, 0, 0, 0.02)}

.top.top-type2 .tbl-default01{ border-top:none; margin:0; font-size:16px; position:relative; margin:-1px 0;  background:#FFF;}
.top.top-type2 .tbl-default01 th{ font-weight:500; padding: 12px 6px;}
.top.top-type2 .tbl-default01 th.bg{ color:#FFF; font-size:20px; padding:17px 0}
.top.top-type2 .tbl-default01 td{text-align:center;}
.top ul.info li:first-child .tbl-default01 th.bg{ background:#309e85}
.top ul.info li:nth-child(2) .tbl-default01 th.bg{ background:#4867ae}
.top ul.info li:last-child .tbl-default01 th.bg{ background:#374b7a}

.top.top-type2 ul li span em{font-size: 28px;letter-spacing:-2px;}

.tab-wrap{ margin:30px 0 40px}
.depth_tab{ margin:0 -2px}
.depth_tab:after{ display:block; clear:both; content:""}
.depth_tab li{ float:left; width:19.9999999997%; box-sizing:border-box; padding:2px 2px}
.depth_tab li a{ display:block;background:#e1e6f2; border:1px solid #dedede; color:#000; text-align:center; font-size:16px ; position:relative}
.depth_tab li a.on{ color:#fff; background:#e75319; border:1px solid #e75319; }
.depth_tab li a.on:after{ display:inline-block; content:""; width: 0; height: 0; border:15px solid #e75319;border-bottom-color: transparent;border-right-color: transparent;border-left-color: transparent; position:absolute;bottom:-28px; left:50%; z-index:1; margin-left:-15px }
.depth_tab li a span{ display:table-cell; vertical-align:middle; width:300px;height:72px}
.depth_tab.depth_tab_type2 li{width:33.33333%}
.depth_tab.depth_tab_type2 li a span{ width:700px; height:60px}

.guideline{ margin:30px 0; padding:30px; border:4px solid #587bcb}
.guideline p{ font-size:18px}
.guideline p span{ font-weight:500}
.tbl-default01.tbl-covid{ font-size:16px}
.tbl-default01.tbl-covid th{ font-weight:500}
.tbl-default01.tbl-covid.tbl-covid-route td{ text-align:center}

@media all and (max-width:1080px){
.top ul.info li:nth-child(2), .top ul.info li:last-child{ width:50%}
.top ul.info li:first-child{ width:100%}
.top ul.info{ margin-top:20px}
.top.top-type2 .tbl-default01 th.bg{ padding:10px 0; font-size:15px}
.top.top-type2 ul li span em{ font-size:25px}

.tab-wrap{ margin:25px 0}
.depth_tab li{ width:33.33333%}
.depth_tab li a{ font-size:14px}
.depth_tab li a.on:after{ display:none}
.depth_tab li a span{ height:54px}

.tbl-default01.tbl-covid{ font-size:14px}
.top.top-type2 .tbl-default01 td{height:auto}
}

@media all and (max-width:680px){
.top ul.info li:nth-child(2), .top ul.info li:last-child{ width:100%}
.top.top-type2 ul li span em{ font-size:20px}
}

@media all and (max-width:500px){
.depth_tab li{ width:50%}
.depth_tab li a span{ height:54px}
}


/*예방접종 추가*/
.vaccine-num{ color: #6a4f4f; text-align:right; position: relative; top: -27px; font-size: 18px;}
.tbl-vaccine{ border-radius: 8px; overflow: hidden; margin-bottom:15px }
.tbl-vaccine th{  background: #309e85;  border-left: 1px solid rgba(255,255,255,0.4);}
.tbl-vaccine td{ font-size: 21px; font-weight: 600; font-family: 'Nanum Square'; color: #000;}

.ul-default{margin:5px 0 20px 0px; padding:0;}
.ul-default li{background:url(/images/kor/common/h7_bul.gif) no-repeat left 8px !important; padding:0 0 0 10px !important; margin:0 0 6px 0 !important; line-height:1.5; font-size: 16px;}
@media all and (max-width:700px){
    .vaccine-num{ font-size: 15px; top: 0; margin: 10px 0;}
    }
    




/*20230126 현황 ui 수정*/

.new-info{margin-top: 0; display: flex; margin: 10px -20px 0;}
.new-info h1{ margin: 0 0 20px; font-size: 28px;}

.new-info em{font-weight:600;font-family: 'Nanum Square';display:inline-block;}
.new-info i{ font-style: normal;}


.new-info>div{ width: calc(50% - 40px); box-sizing: border-box; margin: 0 20px; border-radius: 12px; padding: 40px;}
.new-info .info-case01{background-color: #385cb4;}
.new-info .info-case02{background-color: #27977d;}
.new-info .info-wrap{ display: flex; justify-content: space-between; font-size: 16px;}
.case-merge{ flex: 0 1 46%; background-color: #243d7c; border-radius: 12px; margin-right: 40px; box-sizing: border-box; padding: 30px 0;}
.case-merge>div{ display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.case-merge .case-merge-total em{ font-size: 32px; }
.case-merge .case-merge-day{  border-radius: 30px; margin: 0 10%; padding: 4px; background-color: #feb713; color: #000;}
.case-merge .case-merge-day i{ padding-right: 20px;}
.info-case02 .case-merge{background-color: #1c705d;}
.case-list{ flex: 0 1 50%; }
.case-list ul li{ display: flex; justify-content: space-between; border-top:1px solid rgba(255,255,255,0.3); align-items: center; font-size: 18px; padding: 6px 0; }
.case-list ul li:first-child{ border-top: none;}
.case-list span{ font-size: 16px;}

@media all and (max-width:1180px){
    .case-merge .case-merge-day i{ display: block; padding-right: 0;}
}


 @media all and (max-width:800px){
    .new-info{ display: block; margin: 10px 0 0;}
    .new-info>div{ width: calc(100%); margin: 10px 0; padding: 20px;}
    .case-merge{ margin-right: 20px;}
    .case-merge .case-merge-total em{ font-size: 22px;}
 }

 .tbl-covid td span{ font-family: 'Nanum Square';}