
@import url(/_res/portal/share/css/base.css);

    /* ◇◆ _Demo Page_ ◇◆ */
    html{
        font-size:100%; /* 1rem = 16px */
        overflow-y:scroll;
        -webkit-text-size-adjust:100%;
        -ms-text-size-adjust:100%;
    }
    body{
        margin:auto;
        background:#fff;
        color:#222;
        font-weight:400;
        font-size:1em; /* (((16px */
        line-height:1.75; /* ☆ */
        letter-spacing:-.03125em; /* (-.5px/16px) */
        /* word-wrap:break-word; ☆Not )) sub.css 본문 */
    }
    a:link,a:visited{color:#06c;}

    #container{
        max-width:1000px;
        box-sizing:border-box; /* ☆ */
        margin:auto 10px;
    }

    .logo1{float:left;
        margin:20px 0;
        text-align:center;
    }
.right{float:right;padding:.375em 0; margin-top:20px;}
.homebutton.default[class*='ic1']>.ic1.install_home{background-image:url(/_res/portal/img/lib/ic40a6home.png);}
.homebutton2.default[class*='ic1']>.ic1.install_home{background-image:url(/_res/portal/img/lib/ic40a6home.png);}
/* 버튼 아이콘. 20180214 */
.homebutton[class*='ic1']{line-height:1; font-size:0.9em;/* background-color:#06c; */background-color:#833fa7; */border:none; border-radius:7px;}
.homebutton.type2[class*='ic1']{/* background-color:#06c; */background-color:#833fa7; */}
.homebutton[class*='ic1']>.t1{vertical-align:middle;}
.homebutton[class*='ic1']>.ic1{display:inline-block;
    width:1.25em;height:1.25em;
    min-width:20px;min-height:20px;
    background:url(../../img/lib/ic40a2right2.png) no-repeat center center;background-size:contain;
    vertical-align:middle;
}
.homebutton .t1{color:#fff; font-weight:bold;}
.homebutton.default[class*='ic1']>.ic1{background-image:url(/_res/portal/img/lib/ic40a2right2.png);}


/* 버튼 아이콘. 20180214 */
.homebutton2[class*='ic1']{line-height:1; font-size:0.9em; /* background-color:#06c; */background-color:#e83f7f;; border:none; border-radius:2px;}
.homebutton2[class*='ic1']>.t1{vertical-align:middle;}
.homebutton2[class*='ic1']>.ic1{display:inline-block;
    width:1.25em;height:1.25em;
    min-width:20px;min-height:20px;
    background:url(../../img/lib/ic40a2right2.png) no-repeat center center;background-size:contain;
    vertical-align:middle;
}
.homebutton2 .t1{color:#fff; font-weight:bold;}
.homebutton2.default[class*='ic1']>.ic1{background-image:url(/_res/portal/img/lib/ic40a2right2.png);}

        .corona_phone span{font-size:1em; color:#2b3d7b; letter-spacing:-0.05em;}

    h5.hb1.h5 {font-size:17px; margin: -18px 0 -12px 0; font-weight: 520;}
  span.t1_2{font-size:17px; }
.fcy{color:#ffff00!important;}
/* [JS] jQscrollTouch('.scroll1wrap1all1', {setDesktop: true}); */
.scroll1wrap1all1{
    z-index:0;
    position:relative;margin:4px 0;
    overflow:auto;overflow-y:hidden; /* [~IE8] iscroll.js 불가하니 auto */
}
.scroll1wrap1all1.myscroll{
    margin-bottom:20px;padding:0 0 10px;
    overflow:hidden; /* [IE9+] iscroll.js 가능하니 hidden */
}
.scroll1cont{min-width:99.7%;} /* ☆ 부모보다 너비 작으면 스크롤 생기지 않는 최대크기. [AD5.0.2]확인OK */
.scroll1wrap1all1>table,
.scroll1wrap1all1>.scroll1cont>table{table-layout:auto;}
.scroll1wrap1all1>table tr>*,
.scroll1wrap1all1>.scroll1cont>table tr>*{white-space:nowrap;}


/* 테이블 */
/* Table (>자식선택자) 20180823 */
table[class*='t']{font-size:15px;}
/* 배치용 */
table.layout{margin:0;padding:0;border:0;border-collapse:collapse;}
table.layout td{padding:0;border:0;vertical-align:top;} /* ☆ [CR] table.layout>tr>td 하면 스타일 적용안됨. 내부적으로 tbody 생성하기 때문. */
/* common type */
caption{margin:0;font-weight:600;line-height:1.375;text-align:left;}
caption .h1{display:inline-block;padding:0 0 .5em;}
caption .summary1{display:inline-block;padding-bottom:.5em;}
caption.table-h1{position:relative;
    margin-bottom:-1px;
    padding:.75em .75em .25em;
    border-radius:3px 3px 0 0;
    border:1px solid #c4c8cc;
    background:#f2f4f6;
}
tbody th,
tbody td{text-align:left;vertical-align:top;} /* ☆ */
/* Table Type */
/* border none */
table.t0{width:100%;margin:.75em 0;border:0;border-collapse:collapse;}
table.t0>*>tr>th,
table.t0>*>tr>td{padding:.25em .75em;border:0;}
table.t0>*>tr>th{font-weight:normal;}
/* border 상하 */
table.t1{width:100%;margin:.75em 0;border:0;border-collapse:collapse;border-top:1px solid #dadde0;border-bottom:1px solid #dadde0;}
table.t1>*>tr>th,
table.t1>*>tr>td{padding:.5em .75em;border:0;border-bottom:1px solid #dadde0;}
table.t1>*>tr>th{background:#f5f5f5;}
table.t1>tbody>tr>th{background:#fcfdfe;}
/* border 상하좌우 */
/*OOO*/
table.t2{width:100%;margin:.75em 0;border:0;border-collapse:collapse;border-top:4px solid #667788;
    border-bottom:1px solid #678;border-right:1px solid #dadde0;font-size:16px;}
table.t2>*>tr>th,
table.t2>*>tr>td{padding:.5em .75em;border:1px solid #dadde0;border-width:0 0 1px 1px;}
table.t2>*>tr>th{background:#f5f5f5;font-weight:normal;}
table.t2>tbody>tr>th{background:#fafbfc;}




/* 확진자 정렬 2열종대로 수정 */
.co_situ .co_data ul.line{/*width: 100%;*/height: 65px;background-color: #fff;border-radius: 11px;margin:20px;margin-bottom: 10px;padding: 7px;}
.co_situ .co_data ul.line .d_tit{width: 17.5%;height: 65px;text-align: center;line-height: 65px;border-radius: 11px;color: #fff;font-size: 1.3em;font-weight: 600;}
.co_situ .co_data ul.line .d_tit.d_green{ background-color: #55a75f;}
.co_situ .co_data ul.line .d_tit.d_blue{ background-color: #166fc6; margin-left:8px;}
.co_situ .co_data ul.line .d_tit.d_red{ background-color: #e46969;}
.co_situ .co_data ul.line .d_tit.d_gray{ background-color: #7a7a7a; margin-left:8px;}
.co_situ .co_data ul li{float:left;}
.co_situ .co_data ul.line .dt{padding-left:35px;}
.co_situ .co_data ul.line .dt .l_txt{float: left;font-size: 1.15em;font-weight: 600;color: #444;}
.co_situ .co_data ul.line .dt .l_txt.chk{ color: #306fab;}
.co_situ .co_data ul.line .dt .num{padding-right:35px;font-size:2.3em;line-height: 65px;font-family: 'NanumSquare';font-weight: 700;}
.co_situ .co_data ul.line .dt .num .eg{color: #55a75f;}
.co_situ .co_data ul.line .dt .num .eb{color: #166fc6;}
.co_situ .co_data ul.line .dt .num .er{color: #e46969;}
.co_situ .co_data ul.line .dt .num .egray{color: #7a7a7a;}
.co_situ .co_data ul.line01 .data_2 .num{font-size:1.15em;}

.co_situ .co_data ul.line01 .data_2 .l_txt::before{content:"( ※";}
.co_situ .co_data ul.line01 .data_2 .num::after{content:" )"; color:#444;}
.co_situ .co_data ul.line .dt .num.num_blue{color:#185a9b;}
.co_situ .co_data ul.line .dt .num.num_red{color:#ef5d40;}
.co_situ .co_data ul.line .data_1.dt{width:27%; height:65px;border-right: 1px solid #d6d6d6;line-height: 65px;}
.co_situ .co_data ul.line .data_1.dt.noBorder{border-right:none;}
.co_situ .co_data ul.line .data_2.dt{padding-left: 35px;/* width: 370px; */width:35%;height: 65px;line-height: 65px;}
.co_situ .co_data ul.line02 .data_2.dt.w45{width:45% !important;}
.co_situ .co_data ul.line03 .data_1.dt{width: 38%;height: 65px;line-height: 65px;border:none;}
.co_situ .co_data ul.line03 .data_2.dt{width: 30.5%;line-height: 65px;}

@media only screen and (max-width: 800px){
.co_situ .co_data ul.line .d_tit{font-size: 1em;}
.co_situ .co_data ul.line .dt .num{font-size: 2.25em;}
.co_situ .co_data ul.line .dt .l_txt{font-size: 1em;}
.co_situ .co_data ul.line .data_1.dt{padding-left: 3.5%;}
.co_situ .co_data ul.line .data_2.dt{padding-left: 3.5%;}
.co_situ .co_data ul.line .dt .num{padding-right: 9.5%;}
.co_situ .co_data ul.line01 .data_2 .num{
    font-size: 1em;
}
.co_situ .co_data ul.line03 .data_2.dt .num{ padding-right: 14%;}
}


@media only screen and (max-width: 700px){
.co_situ .co_data ul.line .d_tit{width: 17.5%;}
.co_situ .co_data ul.line .data_1.dt{ width: 36%;}

.co_situ .co_data ul.line03 .data_2.dt{ width: 28.5%;}
.co_situ .co_data ul.line .dt .num{ font-size: 2em;}
.co_situ .co_data ul.line01 .data_2 .num{font-size:1em;}
}

@media only screen and (max-width: 600px){
.co_situ .co_data ul.line .data_1.dt:nth-child(4){width: 50%;position: absolute;left: 50%;top: 36px;padding-left: 4%;padding-right: 6px;}
.co_situ .co_data ul.line.line00 .data_1.dt:nth-child(2){width: 47%;position:absolute;top: 36px;left: 0px;}
.co_situ .co_data ul.line.line00 li:nth-child(3).d_tit.d_blue{border-radius: 0px 9px 0 0;}
.co_situ .co_data ul.line.line00 li:nth-child(3).d_tit.d_gray{border-radius: 0px 9px 0 0;}
.co_situ .co_data ul.line .d_tit{width: 100%;height: 32px;line-height: 32px;border-radius: 10px 10px 0 0;font-size: 1.2em;font-weight: 600;margin-bottom: 5px;}
.co_situ .co_data ul.line.line00 .d_tit:nth-child(1){width: 50%;border-radius: 9px 0 0;}
.co_situ .co_data ul.line.line00 .d_tit:nth-child(3){width: 50%;position: absolute;right: 0;}
.co_situ .co_data ul.line{padding: 0;height: 107px;position: relative;}
.co_situ .co_data ul.line03{}
.co_situ .co_data ul.line02 .data_2.dt.w45{width:35% !important;}
.co_situ .co_data ul.line .data_1.dt:nth-child(2){width:50%;height: 65px;}
.co_situ .co_data ul.line03 .data_1.dt:nth-child(2){width:100%;}
.co_situ .co_data ul.line03 .data_2.dt{width:100%;}
.co_situ .co_data ul.line03 .dt .num{width:100%;text-align:center;padding-right: 0;}
.co_situ .co_data ul.line03 .data_2.dt .num{padding-right: 3.5%;}
.co_situ .co_data ul.line .dt .num{padding-right: 0%;font-size: 1.3em;width: 100%;text-align: center;}
.co_situ .co_data ul.line01 .data_2 .num{font-size:1em;}

.co_situ .co_data ul.line03 .dt .num{ padding-right: 3.5%;}
.way ul li { width: 46%; display: inline-block;  margin-right: 4%;  margin-bottom: 20px;}
.way ul li:nth-child(2n){margin-right:0;}
.co_situ .co_data ul.line .data_1.dt .red{font-size: 1.5em;}
 }

@media only screen and (max-width: 500px){
 .co_situ{ padding: 45px 30px;}
.co_situ .co_data ul.line02 .dt .num{ font-size: 1.6em; display: block;  width: 100%; height: 30px;  text-align: center;  line-height: 30px;  padding-right: 0;}
.co_situ .co_data ul.line01 .data_2 .num{font-size:1em;}
.co_situ .co_data ul.line02 .dt .l_txt{ display: block; width: 100%; height: 30px; text-align: center;  line-height: 30px;}
.co_situ .co_data ul.line03 .dt .num{height: 65px;  line-height: 65px;}
}
 @media only screen and (max-width: 450px){
.co_tit .tit{width: 95%; background-size: contain;}
.co_tit .time{font-size: 1.2em;}
 }
 @media only screen and (max-width: 450px){
.co_tit .tit{width: 100%;}
.co_tit .tit1{width: auto;}
.co_situ .co_data ul.line .data_2.dt{width:40%;}
}

@media all and (min-width:1000px){/* ie종료안내 팝업 ◇◆◇◆◇◆◇◆◇◆ */
  #wingpopup{display:block; z-index:20; position:absolute;}
  #wingpopup .popupBg{display:block; position:fixed; left:0; bottom:0; width:100%; height:80px; background:url(/_res/portal/img/main/wingpopupBg.png) no-repeat top center; background-size:cover; }
  #wingpopup .popupBg .wingTxtbox{text-align:center; margin-top:9px;}
  #wingpopup .popupBg .wingTxtbox p{font-size:16px; line-height:20px; color:#13294f;}
  #wingpopup .popupBg .wingTxtbox .ico{display:inline-block; width:25px; height:25px; vertical-align:middle;}
  #wingpopup .popupBg .wingTxtbox .ico.edge{background:url(/_res/portal/img/main/edgelogo_img2x.png) no-repeat; background-size:contain;}
  #wingpopup .popupBg .wingTxtbox .ico.chrome{background:url(/_res/portal/img/main/chromelogo_img2x.png) no-repeat; background-size:contain;}
  #wingpopup .popupBg .wingTxtbox .wingclose{font-size:13px; position:absolute; bottom:0; left:50%; margin-left:350px;}
  #wingpopup .popupBg .wingTxtbox .wingclose .closebtn{background:#fff; border:1px solid #555; margin-left:5px; border-radius:5px; padding:2px 7px;}
}


  



    /* ☆ */
    .pr1{
        position:relative;
        margin:0 auto 20px;
        padding:4%;
        background:#f7f7f7 url(/_res/portal/html/covid19/bg.jpg) no-repeat 0 50%;
        background-size:100% 100%;
        text-align:center;
    }
	.pr1.type2{background:#ffe9f3;box-shadow: 11px 11px rgba(0,0,0,0.16);}
    .pr1 .hg1{
        font-size:22px;
        margin:0 0 1em;
    }
    .pr1 .hg1 .h1{
        margin:0 0 .25em;
        color:#0056a3;
        font-size:1em;
        letter-spacing:-.0625em;
    }
	.pr1.type2 .hg1 .h1{color:#752d9c;}
    .pr1 .hg1 .t1{
        color:#000;
        font-size:18px;
    }

    /* ☆ */
    .info1{
        position:relative;
        font-weight:600;
    }
    .info1 dl{
        background:#fff;
        border-radius:20px;
        margin:0 0 15px;
        font-size:20px;
        overflow:hidden;
    }
    .info1 dl dt{
        clear:both;
        float:left;
        width:8em;
        padding:.375em;
        background:#666;
        color:#fff;
    }
    .info1 dd{
        padding:.375em;
        letter-spacing:0;
        overflow:hidden;
    }
    .info1 .dl1 dt{background:#f16f21;}
    .info1 .dl2 dt{background:#00ab5f;}
    .info1 .dl3 dt{background:#526ac0;}
    .info1 .dl1 .em{color:#f16f23;}
    .info1 .dl2 .em{color:#00ab61;}
    .info1 .dl3 .em{color:#506abf;}

    /* ☆ */
    .menu1{
        position:relative;
        margin:0 auto 20px;
    }
    .menu1 a{
        border-radius:15px;
        font-weight:bold;
        display:block;
        padding:0.6em .5em;
        background:#666;
        color:#fff;
    }
    .menu1 .a1{background:#196ebe;}
    .menu1 .a2{background:#009ca9;}
    .menu1 .a3{background:#01ac9a;}
    .menu1 .a4{background:#2ec5a2;}
    .menu1 .a5{background:#f35948;}
    .menu1.type2 .a5{background:#e83f7f;}
    .menu1 .a6{background:#ac3f26;}
    .menu1 .a7{background:#1d51a0;}
    .menu1.type2 .a7{background:#8d47b2;}
    .menu1 .a8{background:#10a7a0;}
    .menu1.type2 .a8{background:#009492;}
    .menu1 .a9{background:#1c810f; }
    .menu1.type2 .a9{background:#e44b85;}
    .menu1 .a10{background:#bd2d15;}
	.menu1 .a11{background:#072f6a;}
	.menu1 .a12{background:#10a7a0;}
  /* .menu1 a{padding: 0 0 1em 0!important;}*/

.policy1 .wrap1{min-height:180px;color:#fff;text-align:center;line-height:1.333;overflow:hidden;}
.policy1 .wrap1.m1{background:#00b6ad;}
.policy1 .wrap1.m2{background:#58bde2;}
.policy1 .wrap1.m3{background:#4394d1;}
.policy1 .wrap1.m4{background:#3378c1;}
.policy1 .wrap1.m5{background:#0061a0;}
.policy1 .wrap1.m6{background:#58bde2;}
.policy1 .t1{display:inline-block;font-size:1em;line-height:1.333;color:#fff;letter-spacing:-2px;}
.policy1 .t2{display:inline-block;font-size:.85em;line-height:1.333;color:#fff;letter-spacing:-2px;margin-left: -6px;}
.policy1 .ic1{display:inline-block;width:26px;height:28px;margin:1px auto 8px;background:url() no-repeat;background-size:contain;}
.policy1 .ic1.i1{background-image:url(/_res/portal/img/inc/policy1ic1i1@2x.png);}
.policy1 .ic1.i2{background-image:url(/_res/portal/img/inc/policy1ic1i2@2x.png);}
.policy1 .ic1.i3{background-image:url(/_res/portal/img/inc/policy1ic1i3@2x.png);}
.policy1 .ic1.i4{background-image:url(/_res/portal/img/inc/policy1ic1i4@2x.png);}
.policy1 .ic1.i5{background-image:url(/_res/portal/img/inc/policy1ic1i5@2x.png);}
.policy1 .ic1.i6{background-image:url(/_res/portal/img/inc/policy1ic1i6@2x.png);}
.policy1 .ic1.i7{background-image:url(/_res/portal/img/inc/policy1ic1i7@2x.png);}
.policy1 .ic1.i8{background-image:url(/_res/portal/img/inc/policy1ic1i8@2x.png);}

@media all and (min-width:480px){ /* ◇◆◇◆◇◆◇◆◇◆ */
  .policy1 .ic1 {width:33px;height:33px;margin:0 auto .1em;}
  .policy1 .t1{font-size:1em;}
  .policy1 .t2{font-size:1em;}
}

@media all and (min-width:920px){ /* ◇◆◇◆◇◆◇◆◇◆ */
  .policy1 .ic1 {width:37px;height:37px; margin: auto 0px auto -13px;}

}
  @media all and (min-width:1000px){ /* ◇◆◇◆◇◆◇◆◇◆ */
  .policy1 .ic1 {width:40px;height:40px; }
    .policy1 .t1{font-size:.9em;}
    .policy1 .t2{font-size:.9em;}
}
 @media all and (min-width:1200px){ /* ◇◆◇◆◇◆◇◆◇◆ */
  .policy1 .ic1 {width:42px;height:42x; }

}

  .gj1{color:#093b83 !important;}
  .gj2{color:#ecd008;}

.logo1{float:left;
        margin:20px 0;
        text-align:center;
    }

    /* ☆ */
    h2.hb1.h2{
        margin:0 0 .75em;
        color:#003e77;
        font-weight:600;
        font-size:30px;
    }
.menu1 .even-grid>.column{
    padding: 0.3%;
}
    /* ☆ */
    h2.hb1.h2{
        margin:0 0 .75em;
        color:#003e77;
        font-weight:600;
        font-size:30px;
    }
.menu1 .even-grid>.column{
    padding: 0.3%;
}
    /* ☆ */
    .info2{
        position:relative;
        margin:0 auto 20px;
        border:2px solid #1a3f74;
        color:#1a3f74;
    }
    .info2 .even-grid{
        margin:2% 0;
    }
    .info2 .column:nth-child(2n){
        border-top:1px dashed #1b3f73;
    }
    .info2 .h1{
        position:relative;
        padding:.5em;
        background:#1a3f74;
        color:#fff;
        font-weight:400;
        font-size:26px;
    }
    .info2 .h1 .em{
        color:#ffbbb8;
    }
    em1{color:#fafd00;}
    .info2 .h2{
        display:inline-block;
        padding:.25em .5em;
        background:#b5ded8;
        font-size:20px;
    }
    .info2 .h6{font-size: 25px;
    margin: 22px 0 0 20px;
    }
    .info2 .h3{
        margin:.5em auto 0;
        font-size:18px;
    }

    .info2 .h4{display: inline-block;
    padding: .25em .5em;
    background: #1a3f74;
    font-size: 20px;
    color: #fff;
    }

    .info2 .h5{margin: .5em auto 13px;
         font-size: 17px;
         line-height: 1.5em;
    }

    .info2 dl{
        background:#fff;
        margin:0 0 15px;
        font-size:14px;
        overflow:hidden;
    }
    .info2 dl dt{clear: both;
    float: left;
    padding: 1.0px 0.375em .155em 4px;
    font-weight: bold;
    background: #1a3f74;
    color: #fff;
    }
    .info2 dd{
        padding:4px .375em;
        overflow:hidden;
        font-weight: bold;
    }
    @media all and (min-width:640px){ /* ◇◆◇◆◇◆◇◆◇◆ */
.homebutton[class*='ic1']{font-size:1.1em; padding:0.6em 3sem;}
        .corona_phone{padding-top:1em;}
        .corona_phone .t1{font-size:1.3em;}
        .info2 .column:nth-child(2n){
            border:0;
            border-left:1px dashed #1b3f73;
        }

.homebutton2[class*='ic1']{font-size:1.1em; padding:0em 0em;}
        .corona_phone{padding-top:1em;}
        .corona_phone .t1{font-size:1.3em;}
        .info2 .column:nth-child(2n){
            border:0;
            border-left:1px dashed #1b3f73;
        }


    } /* /(min-width:640px) */
    @media all and (min-width:1000px){ /* ◇◆◇◆◇◆◇◆◇◆ */


        #container{
            margin:auto;
        }

        .pr1 .hg1{
            font-size:40px;
        }
        .pr1 .hg1 .t1{
            font-size:28px;
        }

        .info1 dl{
            font-size:32px;
        }

        .menu1 a{
            font-size:20px;
        }

        .info2{
            margin:0 auto 30px;
        }

        .info2 dl{
            font-size:18px;
        }

    } /* /(min-width:1000px) */


/*]]>*/</style>

<style>/*<![CDATA[*/
@import url(/_res/portal/share/css/base.css);
@import url(/_res/portal/share/css/lib2.css);

    /* ◇◆ _Demo Page_ ◇◆ */
    html{
        font-size:100%; /* 1rem = 16px */
        overflow-y:scroll;
        -webkit-text-size-adjust:100%;
        -ms-text-size-adjust:100%;
    }
    body{
        margin:auto;
        background:#e6d0f2;
		/* background:#4788e1; */
        color:#222;
        font-weight:400;
        font-size:1em; /* (((16px */
        line-height:1.75; /* ☆ */
        letter-spacing:-.03125em; /* (-.5px/16px) */
        /* word-wrap:break-word; ☆Not )) sub.css 본문 */
    }
    a:link,a:visited{color:#06c;}

    #container{
        max-width:1200px;
        box-sizing:border-box; /* ☆ */
        margin:auto 10px;
        background:#fff;
      padding:0 3%;
    }

    .logo1{float:left;
        margin:10px 0;
        text-align:center;
    }
    .logo1 img{max-width:100%;height:auto;}
.right{float:right;padding:.375em 0; }
.homebutton.default[class*='ic1']>.ic1.install_home{background-image:url(/_res/portal/img/lib/ic40a6home.png);}
.homebutton2.default[class*='ic1']>.ic1.install_home{background-image:url(/_res/portal/img/lib/ic40a6home.png);}
/* 버튼 아이콘. 20180214 */
.homebutton[class*='ic1']{line-height:1; font-size:0.9em; /* background-color:#06c; */background-color:#e83f7f;; border:none; border-radius:7px;}
.homebutton[class*='ic1']>.t1{vertical-align:middle;}
.homebutton[class*='ic1']>.ic1{display:inline-block;
    width:1.25em;height:1.25em;
    min-width:20px;min-height:20px;
    background:url(../../img/lib/ic40a2right2.png) no-repeat center center;background-size:contain;
    vertical-align:middle;
}
.homebutton .t1{color:#fff; font-weight:bold;}
.homebutton.default[class*='ic1']>.ic1{background-image:url(/_res/portal/img/lib/ic40a2right2.png);}


/* 버튼 아이콘. 20180214 */
.homebutton2[class*='ic1']{line-height:1; font-size:0.9em; /* background-color:#06c; */background-color:#e83f7f;; border:none; border-radius:7px;}
.homebutton2[class*='ic1']>.t1{vertical-align:middle;}
.homebutton2[class*='ic1']>.ic1{display:inline-block;
    width:1.25em;height:1.25em;
    min-width:40px;min-height:20px;
    background:url(../../img/lib/ic40a2right2.png) no-repeat center center;background-size:contain;
    vertical-align:middle;
}
.homebutton2 .t1{color:#fff; font-weight:bold;}
.homebutton2.default[class*='ic1']>.ic1{background-image:url(/_res/portal/img/lib/ic40a2right2.png);}

@media all and (min-width:0px) and (max-width:768px){/* ◇◆◇◆◇◆◇◆◇◆ */
.homebutton2.default[class*='ic1']>.ic1{display:none;}
}

.corona_phone span{font-size:1em; /*color:#2b3d7b;*/ color:#fff; letter-spacing:-0.05em;font-weight:900;}

    h5.hb1.h5 {font-size:17px; margin: -18px 0 -12px 0; font-weight: 520;}
  span.t1_2{font-size:17px; }


/* 확진자 정렬 2열종대로 수정 */
.co_situ .co_data ul.line{/*width: 100%;*/height: 205px;background-color: #fff;border-radius: 11px;margin:20px;margin-bottom: 10px;padding: 7px;}
.co_situ .co_data ul.line .d_tit{width: 17.5%;height: 200px;text-align: center;line-height: 200px;border-radius: 11px;color: #fff;font-size: 1.3em;font-weight: 600;}
.co_situ .co_data ul.line .d_tit.d_green{ background-color: #55a75f;}
.co_situ .co_data ul.line .d_tit.d_blue{ background-color: #166fc6; margin-left:8px;}
.co_situ .co_data ul.line .d_tit.d_red{ background-color: #e46969;}
.co_situ .co_data ul.line .d_tit.d_gray{ background-color: #7a7a7a; margin-left:8px;}
.co_situ .co_data ul li{float:left;}
.co_situ .co_data ul.line .dt{padding-left:35px;}
.co_situ .co_data ul.line .dt .l_txt{float: left;font-size: 1.15em;font-weight: 600;color: #444;}
.co_situ .co_data ul.line .dt .l_txt.chk{ color: #306fab;}
.co_situ .co_data ul.line .dt .num{padding-right:35px;font-size:2.3em;line-height: 65px;font-family: 'NanumSquare';font-weight: 700;}
.co_situ .co_data ul.line .dt .num .eg{color: #55a75f;}
.co_situ .co_data ul.line .dt .num .eb{color: #166fc6;}
.co_situ .co_data ul.line .dt .num .er{color: #e46969;}
.co_situ .co_data ul.line .dt .num .egray{color: #7a7a7a;}
.co_situ .co_data ul.line01 .data_2 .num{font-size:1.15em;}

.co_situ .co_data ul.line01 .data_2 .l_txt::before{content:"( ※";}
.co_situ .co_data ul.line01 .data_2 .num::after{content:" )"; color:#444;}
.co_situ .co_data ul.line .dt .num.num_blue{color:#185a9b;}
.co_situ .co_data ul.line .dt .num.num_red{color:#ef5d40;}
.co_situ .co_data ul.line .data_1.dt{width:27%; height:200px;border-right: 1px solid #d6d6d6;line-height: 65px;}
.co_situ .co_data ul.line .data_1.dt.noBorder{border-right:none;}
.co_situ .co_data ul.line .data_2.dt{padding-left: 35px;/* width: 370px; */width:35%;height: 65px;line-height: 65px;}
.co_situ .co_data ul.line02 .data_2.dt.w45{width:45% !important;}
.co_situ .co_data ul.line03 .data_1.dt{width: 38%;height: 200px;line-height: 200px;border:none;}
.co_situ .co_data ul.line03 .data_2.dt{width: 30.5%;line-height: 200px;}

@media only screen and (max-width: 800px){
.co_situ .co_data ul.line .d_tit{font-size: 1em;}
.co_situ .co_data ul.line .dt .num{font-size: 2.25em;}
.co_situ .co_data ul.line .dt .l_txt{font-size: 1em;}
.co_situ .co_data ul.line .data_1.dt{padding-left: 3.5%;}
.co_situ .co_data ul.line .data_2.dt{padding-left: 3.5%;}
.co_situ .co_data ul.line .dt .num{padding-right: 9.5%;}
.co_situ .co_data ul.line01 .data_2 .num{
    font-size: 1em;
}
.co_situ .co_data ul.line03 .data_2.dt .num{ padding-right: 14%;}
}


@media only screen and (max-width: 700px){
.co_situ .co_data ul.line .d_tit{width: 17.5%;}
.co_situ .co_data ul.line .data_1.dt{ width: 36%;}

.co_situ .co_data ul.line03 .data_2.dt{ width: 28.5%;}
.co_situ .co_data ul.line .dt .num{ font-size: 2em;}
.co_situ .co_data ul.line01 .data_2 .num{font-size:1em;}
}

@media only screen and (max-width: 600px){
.co_situ .co_data ul.line .data_1.dt:nth-child(4){width: 50%;position: absolute;left: 50%;top: 36px;padding-left: 4%;padding-right: 6px;}
.co_situ .co_data ul.line.line00 .data_1.dt:nth-child(2){width: 47%;position:absolute;top: 36px;left: 0px;}
.co_situ .co_data ul.line.line00 li:nth-child(3).d_tit.d_blue{border-radius: 0px 9px 0 0;}
.co_situ .co_data ul.line.line00 li:nth-child(3).d_tit.d_gray{border-radius: 0px 9px 0 0;}
.co_situ .co_data ul.line .d_tit{width: 100%;height: 32px;line-height: 32px;border-radius: 10px 10px 0 0;font-size: 1.2em;font-weight: 600;margin-bottom: 5px;}
.co_situ .co_data ul.line.line00 .d_tit:nth-child(1){width: 50%;border-radius: 9px 0 0;}
.co_situ .co_data ul.line.line00 .d_tit:nth-child(3){width: 50%;position: absolute;right: 0;}
.co_situ .co_data ul.line{padding: 0;height: 107px;position: relative;}
.co_situ .co_data ul.line03{}
.co_situ .co_data ul.line02 .data_2.dt.w45{width:35% !important;}
.co_situ .co_data ul.line .data_1.dt:nth-child(2){width:50%;height: 65px;}
.co_situ .co_data ul.line03 .data_1.dt:nth-child(2){width:100%;}
.co_situ .co_data ul.line03 .data_2.dt{width:100%;}
.co_situ .co_data ul.line03 .dt .num{width:100%;text-align:center;padding-right: 0;}
.co_situ .co_data ul.line03 .data_2.dt .num{padding-right: 3.5%;}
.co_situ .co_data ul.line .dt .num{padding-right: 0%;font-size: 1.3em;width: 100%;text-align: center;}
.co_situ .co_data ul.line01 .data_2 .num{font-size:1em;}

.co_situ .co_data ul.line03 .dt .num{ padding-right: 3.5%;}
.way ul li { width: 46%; display: inline-block;  margin-right: 4%;  margin-bottom: 20px;}
.way ul li:nth-child(2n){margin-right:0;}
.co_situ .co_data ul.line .data_1.dt .red{font-size: 1.5em;}
 }

@media only screen and (max-width: 500px){
 .co_situ{ padding: 45px 30px;}
.co_situ .co_data ul.line02 .dt .num{ font-size: 1.6em; display: block;  width: 100%; height: 30px;  text-align: center;  line-height: 30px;  padding-right: 0;}
.co_situ .co_data ul.line01 .data_2 .num{font-size:1em;}
.co_situ .co_data ul.line02 .dt .l_txt{ display: block; width: 100%; height: 30px; text-align: center;  line-height: 30px;}
.co_situ .co_data ul.line03 .dt .num{height: 65px;  line-height: 65px;}
}
 @media only screen and (max-width: 450px){
.co_tit .tit{width: 95%; background-size: contain;}
.co_tit .time{font-size: 1.2em;}
 }
 @media only screen and (max-width: 450px){
.co_tit .tit{width: 100%;}
.co_tit .tit1{width: auto;}
.co_situ .co_data ul.line .data_2.dt{width:40%;}
}


    /* ☆ */
  .pr2{
        position:relative;
        margin:0 auto 0px;
        padding:0 3%;

        text-align:center;
    }
    .pr1{
        position:relative;
        margin:0 auto 20px;
        padding:4% 3%;
      background:#eee;
        /*background:#f7f7f7 url(/_res/portal/html/covid19/bg.jpg) no-repeat 0 50%;
        background-size:100% 100%;*/
        text-align:center;
      border-radius: 10px;
    box-shadow: 11px 11px rgba(0,0,0,0.2);
    margin-bottom: 30px;
    overflow: hidden;

    }
    .pr1 .hg1{
        font-size:22px;
        margin:0 0 1em;
    }
    .pr1 .hg1 .h1{
        margin:0 0 .25em;
        color:#0056a3;
        font-size:1.3em;
        letter-spacing:-.0625em;
    }
    .pr1 .hg1 .t1{
        color:#000;
        font-size:18px;
    }

    /* ☆ */
    .info1{
        position:relative;
        font-weight:600;
    }
    .info1 dl{
        background:#fff;
        border-radius:20px;
        margin:0 0 15px;
        font-size:20px;
        overflow:hidden;
    }
    .info1 dl dt{
        clear:both;
        float:left;
        width:8em;
        padding:.375em;
        background:#666;
        color:#fff;
    }
    .info1 dd{
        padding:.375em;
        letter-spacing:0;
        overflow:hidden;
    }
    .info1 .dl1 dt{background:#f16f21;}
    .info1 .dl2 dt{background:#00ab5f;}
    .info1 .dl3 dt{background:#526ac0;}
    .info1 .dl1 .em{color:#f16f23;}
    .info1 .dl2 .em{color:#00ab61;}
    .info1 .dl3 .em{color:#506abf;}

    /* ☆ */
    .menu1{
        position:relative;
        margin:0 auto 20px;
    }
    .menu1 a{
        border-radius:15px;
        font-weight:bold;
        display:block;
        padding:0.6em .5em;
        background:#666;
        color:#fff;
    }
    .menu1 .a1{background:#196ebe;}
    .menu1 .a2{background:#009ca9;}
    .menu1 .a3{background:#01ac9a;}
    .menu1 .a4{background:#2ec5a2;}
    .menu1 .a5{background:#f35948;}
    .menu1 .a6{background:#ac3f26;}
    /* ☆ */
    h2.hb1.h2{
        margin:0 0 .75em;
        color:#003e77;
        font-weight:600;
        font-size:30px;
    }
.menu1 .even-grid>.column{
    padding: 0.3%;
}
    /* ☆ */
    .info2{
        position:relative;
        margin:0 auto 20px;
        border:2px solid #1a3f74;
        color:#1a3f74;
    }
    .info2 .even-grid{
        margin:2% 0;
    }
    .info2 .column:nth-child(2n){
        border-top:1px dashed #1b3f73;
    }
    .info2 .h1{
        position:relative;
        padding:.5em;
        background:#1a3f74;
        color:#fff;
        font-weight:400;
        font-size:26px;
    }
    .info2 .h1 .em{
        color:#ffbbb8;
    }
    em1{color:#fafd00;}
    .info2 .h2{
        display:inline-block;
        padding:.25em .5em;
        background:#b5ded8;
        font-size:20px;
    }
    .info2 .h6{font-size: 25px;
    margin: 22px 0 0 20px;
    }
    .info2 .h3{
        margin:.5em auto 0;
        font-size:18px;
    }

    .info2 .h4{display: inline-block;
    padding: .25em .5em;
    background: #1a3f74;
    font-size: 20px;
    color: #fff;
    }

    .info2 .h5{margin: .5em auto 13px;
         font-size: 17px;
         line-height: 1.5em;
    }

    .info2 dl{
        background:#fff;
        margin:0 0 15px;
        font-size:14px;
        overflow:hidden;
    }
    .info2 dl dt{clear: both;
    float: left;
    padding: 1.0px 0.375em .155em 4px;
    font-weight: bold;
    background: #1a3f74;
    color: #fff;
    }
    .info2 dd{
        padding:4px .375em;
        overflow:hidden;
        font-weight: bold;
    }
    @media all and (min-width:640px){ /* ◇◆◇◆◇◆◇◆◇◆ */
.homebutton[class*='ic1']{font-size:1.1em; padding:0.6em 3em;}
/* 추석 전 */
/*.homebutton2[class*='ic1']{font-size:1.1em; padding:0.6em 3em;}*/
/* 추석 끝나고 삭제 */
.homebutton2[class*='ic1']{font-size:1.1em; padding:0.6em 5.2em;}

        .corona_phone{padding-top:1em;}
        .corona_phone .t1{font-size:1.3em;}
        .info2 .column:nth-child(2n){
            border:0;
            border-left:1px dashed #1b3f73;
        }


    } /* /(min-width:640px) */
    @media all and (min-width:1000px){ /* ◇◆◇◆◇◆◇◆◇◆ */


        #container{
            margin:20px auto;
        }

        .pr1 .hg1{
            font-size:40px;
        }
        .pr1 .hg1 .t1{
            font-size:28px;
        }

        .info1 dl{
            font-size:32px;
        }

        .menu1 a{
            font-size:20px;
        }

        .info2{
            margin:0 auto 30px;
        }

        .info2 dl{
            font-size:18px;
        }

    } /* /(min-width:1000px) */

/*수정 추가*/
.corona05941{width:100%; background-color:#fff; border-radius:11px; }
.corona05941 p, .corona05941 ul{top: 20px;}
.corona05941 ul li p{position:relative;}
.corona05941 ul li:after {
    content: "";
    display: block;
    position: absolute;
    top: 0%;
    right: 0;
    width: 5px;
    height: 90%;
    border-right: 1px dotted #eee;
    }
.corona05941 ul li:last-child:after{display:none;}
.corona05941 .d_tit{border-radius: 11px 11px 0 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 1.3em;
    font-weight: 600;
    color: #fff;
   }
.corona05941 .d_green{ background-color: #1d51a0; color:#fff;}
.corona05941.type2 .d_green{ background-color: #ef80aa;}
.corona05941 .d_blue{    background-color: #10a7a0;  color: #fff;}
.corona05941 ul{    overflow: hidden; list-style:none; border-radius: 0 0 11px 11px;     padding: 0;}
.corona05941 .color1{background: #072f6a;}
.corona05941.type2 .color1{background: #e44b85;border-radius: 5px;}
.corona05941.type2 .color1 .txt3{color:#fff;padding-bottom: 15px;display: block;}
.corona05941 .color2{background:#07847e;}

.corona05941 ul li{
    position: relative;
    color: #fff;
    width: 50%;
    float: left;
    height: 130px;
    /*background: #fff;*/
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    /*font-family: NanumSquare;*/
    letter-spacing:-1px;
    }
.corona05941 .txt{color: #86b9ff;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 0px;
    /*font-family: "NanumSquare", sans-serif;*/
    font-weight: bold;
     padding: 15px 0px 15px 0;}

.corona05941.type2 .txt{color: #fff;background: #ef80aa;border-radius: 5px;}
.corona05941 .num1{font-size:1.0em;color:#fff;letter-spacing:-3px;}
.corona05941 .num2{font-size:1.1em;color:#ffde00;letter-spacing:-3px;}
.corona05941 .num3{font-size:1.4em; color:#55a75f;letter-spacing:-3px;}
    .corona05941 .txt2{color: #89ffe4;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 18px;
    /*font-family: "NanumSquare", sans-serif;*/
    font-weight: bold;}
    .corona05941 .ls{letter-spacing:-2px; font-size:.9em;}
    .corona05941 .people{font-size:.8em;}
  .cp{width: 97%;
    height: 62px;
   background: #585e67;
   border-radius: 11px;
    color: #fff;
    text-align: center;
    padding: 2%;
    margin: 1.5em 0 1em;
    /*border-top: 2px solid #072f6a;*/
     }
   .pr1.type2 .cp{background: #d23672;}
   .corona05941 .ls3{letter-spacing:-2px!important;}
  .corona05941 .color2 li{width:50%;}
@media only screen and (min-width: 768px){
    .corona05941 .d_tit{
    height: 50px;
    line-height: 50px;
}
.corona05941 ul li{
    position: relative;
    width: 50%;
    float: left;
    height: 146px;
    /*background: #fff;*/
    text-align: center;
    font-size: 1.375em;
    font-weight: bold;
    }
.corona05941 .txt{
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 13px;
    font-weight: bold;
    padding: 20px 0px 20px 0;}
    }
.corona05941 .txt2{
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 13px;
    font-weight: bold;}
    .corona05941 .ls{letter-spacing:-2px;}
  .corona05941 .ls3{letter-spacing:-3px!important;}
   .cp{margin: 2em 0 0;
     height: 70px;}
}
  @media only screen and (min-width: 768px){
    .corona05941 ul li{font-size:1.475em;}
    .corona05941{ box-shadow: 9px 9px rgba(0,0,0,0.15);}
    .corona05941 .d_tit{
      font-size: 1.5em;}
  }
  @media only screen and (min-width: 850px){
    .corona05941 .ls {margin: 0 0 4px;}
    .corona05941 .num1,  .corona05941 .num3{font-size:1.8em;letter-spacing:-2px;}
	.corona05941 .num2{font-size:1.8em;letter-spacing:-5px;}
    .corona05941 ul li{height: 164px;}
@media only screen and (min-width: 1000px){
    .corona05941 .d_tit{
                         height: 60px;
                         line-height: 65px;}
    .corona05941 .num1, .corona05941 .num3{font-size:1.8em;letter-spacing:-2px;}
	.corona05941 .num2{font-size:1.8em;letter-spacing:-3px;}
    .corona05941 .ls{letter-spacing:-3px; font-size: 1em;    margin: 1px 0;}
    .corona05941 ul li{
      height: 180px;
      }
  .corona05941 .txt, .corona05941 .txt2{padding: 20px 0px 20px 0;}
  .cp{margin: 2em 0 0;height: 30px;}
  .even-grid>.column02{width:24.3% !important;}
  .even-grid>.column03{margin-top:10px !important;}
  }
}


/* border 상하(좌우) border-top 강조 | [IE11.에뮬8] border-right 벌레박멸OK */
table.t3{width:100%;margin:.75em 0;border:0;border-collapse:collapse;
    border-top:3px solid #444;
    border-bottom:1px solid #ddd;
    background:#fff;
}
table.t3>*>tr{border-right:1px hidden transparent;}
table.t3>*>tr>th,
table.t3>*>tr>td{
    padding:.5em .5em;
    border:1px solid #ddd;
    border-width:1px 1px 0 0;
}
table.t3>*>tr>th{
    background:#f3f9ff;
    font-weight:normal;
}
table.t3>thead>tr>th{
    padding:.6875em .75em; /* (.5+(.375)/2) (그대로) */
    border-width:0 1px 1px 0;
    border-color:#c4cfd9;
    background:#e6f3ff;
    /* background-image:url(../../img/lib/b1c3slash1.png); */
    color:#000;
    line-height:1.375;
}
table.t3>tfoot>tr>th{border-width:1px 1px 0 0;border-color:#ddd;background:#f3f6f9;color:#333;}
table.t3>tfoot>tr:first-child>*{border-top-color:#79b;}
table.t3>tbody>tr:first-child>th,
table.t3>tbody>tr:first-child>td{border-top-width:0;} /* thead>th{border-bottom} 또는 table{border-top} 보이도록 한다. */
table.t3>tbody>tr>td>a.filename>img {vertical-align:middle;} /* 첨부파일 아이콘 수평중앙정렬 */


.detail_advice {
    padding:4px 0px 4px 8px;
}

.case_sel {
    background: #dce6f7;
}

.link{font-size:12px;min-height:36px; padding:0 15px;padding-right:20px;}
 a.link{border-radius: 5px;margin-top: 10px;border: 2px solid #2760e3;color: #2760e3!important;}
 a.link:hover {color:#fff!important;border:2px solid #0c3485;background:#002775;}
a.link:after{content: "";
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 12px;
    background: url(/_res/covid19/img/sprite.png) no-repeat -98px 0;
    margin-top: -4px; margin-left:4px;}
@media all and (min-width:768px){
.link{font-size:16px;}
}
@media all and (min-width:1000px){ /* large */
		.even-grid>.column.large-2{width: 23.7%;}
}


@media all and (min-width:800px){
	#pop20210330a,#pop20210330c{left:50%;}
    #pop20210516a,#pop20210516c{left:50%;}
	}	
@media all and (min-width:1200px){
	#pop20210330a,#pop20210330c{left:40%;}
    #pop20210516a,#pop20210516c{left:40%;}
	}	
@media all and (min-width:1500px){
	#pop20210330a,#pop20210330c{left:35%;}
    #pop20210516a,#pop20210516c{left:70%;}
	}	
@media all and (min-width:1700px){
	#pop20210330a,#pop20210330c{left:33%;}
    #pop20210516a,#pop20210516c{left:70%;}
	}			
	
	