#covid19_con * {box-sizing:border-box;} #covid19_con {text-align:center; width:1050px; max-width:94%; margin:auto;} #covid19_con .tit {display:inline-block; padding:7px 30px; font-size:26px; font-weight:700; color:#fff; letter-spacing:-0.1rem; background:#ae0007; border-radius:5px;} #covid19_con .tit .red {color:#ff2d2d;} #covid19_con .tit .yellow {color:#ffef67;} #covid19_con .date {margin:8px 0 28px; font-size:20px; text-shadow:-1px 0 rgba(0,0,0,.2), 0 -1px rgba(0,0,0,.2), 1px 0 rgba(0,0,0,.2), 0 1px rgba(0,0,0,.2);} #covid19_con .date strong {font-size:50px;} #covid19_con .detail {font-size:0;} #covid19_con .detail dl {display:inline-block; vertical-align:top; width:15.5%; padding:40px 0; margin-left:1.25%; border:1px solid #9c5500; border-radius:2px; background:#fff; box-shadow:5px 0 13px rgba(0,0,0,.20);} #covid19_con .detail dl:first-child { margin-left:0; /* border:7px solid #d21313; */} #covid19_con .detail dl:last-child { padding:40px 0 19px 0px} #covid19_con .detail dt {margin-bottom:10px; font-size:19px; font-weight:700; color:#484848;} #covid19_con .detail dl.contact dt {padding-top:30px; margin-bottom:0;} #covid19_con .detail dd {height:54px; color:#484848; font-size:25px; font-weight:800;} #covid19_con .detail dd strong {font-size:53px;} #covid19_con .detail dl.confirmator strong {color:#c80e0e;} #covid19_con .detail dl.confirmator dt span{font-size:16px;} #covid19_con .detail dl.confirmator dd span{font-size:16px;} #covid19_con .detail dl.contact ul {width:90%; margin:15px auto 0; border-top:1px solid #d3d3d3; overflow:hidden;} #covid19_con .detail dl.contact ul>li {position:relative; float:left; width:50%; padding:20px 0; font-size:18px;} #covid19_con .detail dl.contact ul>li:first-child:after {display:block; content:""; position:absolute; right:0; top:27px; width:1px; height:15px; background:#d3d3d3;} #covid19_con .detail dl.confirmator{position:relative;} #covid19_con .detail dl.confirmator>dd span.before{position:absolute; left:0px; bottom:0px; width:100%; font-size:15px; padding:8px 0px; background: rgb(0,0,0,0.1);} #covid19_con .detail dl.recover{position:relative;} #covid19_con .detail dl.recover>dd span{position:absolute; left:0px; bottom:0px; width:100%; font-size:15px; padding:8px 0px; background: rgb(0,0,0,0.1);} #covid19_con .covid19_btn {margin-top:40px; font-size:0;} #covid19_con .covid19_btn li {display:inline-block; width:24%; margin-left:1.25%;} #covid19_con .covid19_btn li:first-child {margin-left:0;} #covid19_con .covid19_btn li.gy_main {width:32.5%; margin-left:0; margin-top:10px;} #covid19_con .covid19_btn li a {display:block; text-align:left; padding:0 25px; line-height:60px; font-size:20px; font-weight:800; letter-spacing:-0.1rem; color:#fff; border-radius:5px; background:#006fa4 url('/covid-19/images/btn_bg.png') no-repeat right 25px center; text-shadow:-1px 0 rgba(0,0,0,.2), 0 -1px rgba(0,0,0,.2), 1px 0 rgba(0,0,0,.2), 0 1px rgba(0,0,0,.2);} #covid19_con .covid19_btn li:nth-of-type(even) a {background-color:#009fb2;} #covid19_con .covid19_btn li.gy_main a {background-color:#484848;} #covid19_con .covid19_btn li.sns{width:21.25%;} #covid19_con .covid19_btn li.sns a {position:relative; padding-left:60px;color:#484848; border: 1px solid #cacaca; background: #f2f2f2; text-shadow:none;} #covid19_con .covid19_btn li.sns a img{position:absolute; top:50%; left:15px; -webkit-transform:translateY(-50%); transform:translateY(-50%);} #covid19_con .covid19_btn2 {overflow:hidden; margin-top:40px; font-size:0;} #covid19_con .covid19_btn2 li {float:left; width:32.6%; margin-left:0.5%; margin-bottom:8px;} #covid19_con .covid19_btn2 li:nth-of-type(4) a {background-color:#fb6f31;} #covid19_con .covid19_btn2 li a {display:block; text-align:left; padding:20px; font-size:18px; font-weight:700; color:#fff; border-radius:1px; background:#f22236 url('/covid-19/images/btn_bg.png') no-repeat right 15px center; text-shadow:-1px 0 rgba(0,0,0,.2), 0 -1px rgba(0,0,0,.2), 1px 0 rgba(0,0,0,.2), 0 1px rgba(0,0,0,.2);} #covid19_con .covid19_btn2 li:nth-of-type(1) a{background-color:#ae0007;} #covid19_con .covid19_btn2 li:nth-of-type(2) a{background-color:#6c3b00;} #covid19_con .covid19_btn2 li:nth-of-type(3) a{background-color:#ff8e07;} #covid19_con .covid19_btn2 li.gy_main {margin-left:0} #covid19_con .covid19_btn2 li.gy_main a {background-color:#484848;} /* #covid19_con .covid19_btn2 li.gy_main a {position:relative; height:175px; border:2px solid #343434; background:url(/covid-19/site_img.png) no-repeat center top; background-size:100%;} */ /* #covid19_con .covid19_btn2 li.gy_main a span {position: absolute; left: 0; bottom: 0; width: 100%; line-height: 35px; font-size: 16px; text-align:center; color: #fff; background: #333;} */ #covid19_con .covid19_btn2 li.support a {height:175px; background:#666} #covid19_con .covid19_btn2 li.support a span{display:block; margin-top:10px; font-size:14px; font-weight:normal; letter-spacing:0;} #covid19_con .covid19_btn2 li.sns a{position:relative; padding-left:60px; color:#484848; font-size:16px; border:1px solid #cacaca; background:#f2f2f2; text-shadow:none;} #covid19_con .covid19_btn2 li.sns a img{position:absolute; top:50%; left:15px; -webkit-transform:translateY(-50%); transform:translateY(-50%); } #covid19_con .comment {margin-top:20px; border:1px solid #cacaca; border-radius:5px;} #covid19_con .comment p.title {padding:20px; color:#fff; font-size:20px; font-weight:bold; background:#00689a url('/covid-19/comment_tit.gif') no-repeat 10px 5px;} #covid19_con .comment ul {padding:20px 30px;} #covid19_con .comment ul li {padding-left:40px; margin:12px 0; line-height:30px; letter-spacing:-0.05rem; text-align:left; background:url('/covid-19/comment.gif') no-repeat left 5px;} #covid19_con .comment ul li a span {display:inline-block; margin-right:20px; font-weight:700; font-size:18px;} /* .movingline {margin-top:0px;} .movingline .tit {margin-bottom:10px; font-size:25px; font-weight:700;} .movingline .tit span{display:block; font-size:16px; color:red;} .movingline>ul>li {margin-bottom:10px; border:2px solid #004e91; border-radius:5px;} .movingline ul li p.man {padding:15px 40px; color:#fff; font-size:20px; background:#004e91; font-weight:bold} .movingline ul li ol {padding:10px 40px;} .movingline ul li ol li {margin:15px 0; letter-spacing:-0.05rem;} .movingline ul li ol li strong {font-weight:normal; color:#ff0000;} .movingline ul li ol li dl dt, #covid19_con .movingline ul li ol li dl dd{display:inline-block;} .movingline ul li ol li dl dt{padding:2px 10px; margin-right:5px; background:#484848; color:#fff; vertical-align:top; font-size:16px; margin-bottom: 4px;} .movingline ul li ol li dl dt.mask{padding:2px 3px; margin-right:5px; background:none; color:black; vertical-align:top; font-size:16px; margin-bottom: 4px; font-weight:bold} .movingline ul li ol li dl dd{width:100%; font-size:16px; margin-bottom: 2px;} */ #covid19_con .movingline {margin-top:20px;} #covid19_con .movingline .g_tit {position:relative; padding-right:300px; margin-bottom:10px; font-size:25px; font-weight:700; text-align:left} #covid19_con .movingline .g_tit span{display:block; font-size:14px; color:red} #covid19_con .movingline .g_tit .btn {position:absolute; right:0; bottom:10px;} #covid19_con .movingline .g_tit .btn button {padding:5px 15px; border-radius:30px; cursor:pointer} #covid19_con .movingline .g_tit .btn button.open {background-color:#0060b2; color:#fff; border:1px solid #0060b2;} #covid19_con .movingline .g_tit .btn button.close {background-color:#f2f2f2; border:1px solid #cacaca;} #covid19_con .movingline>ul>li {border-bottom:1px solid #363636; box-sizing:border-box;} #covid19_con .movingline>ul>li.open {border:2px solid #0060b2 !important;} #covid19_con .movingline>ul:nth-of-type(1)>li:nth-of-type(1) {border-top:1px solid #363636;} #covid19_con .movingline>ul:nth-last-of-type(1)>li:nth-last-of-type(1) {margin-bottom:30px; border-bottom:1px solid #363636;} #covid19_con .movingline>ul:nth-last-of-type(1)>li {text-align:left} #covid19_con .movingline>ul:nth-of-type(1)>li.open:nth-of-type(1) {border-radius:3px 3px 0 0;} #covid19_con .movingline>ul:nth-last-of-type(1)>li.open:nth-last-of-type(1) {border-radius:0 0 3px 3px;} #covid19_con .movingline ul li p.man {position:relative; padding:15px 40px 15px 15px; font-size:18px; cursor:pointer;} #covid19_con .movingline ul li p.man:after {display:block; content:""; position:absolute; right:20px; top:20px; width:7px; height:7px; border-right:2px solid #484848; border-bottom:2px solid #484848; transform:rotate(45deg); -webkit-transform:rotate(45deg);} #covid19_con .movingline ul li.open p.man, #covid19_con .movingline ul li.open p.man strong {background:#0060b2; color:#fff;} #covid19_con .movingline>ul:nth-of-type(1)>li.open:nth-of-type(1) p.man {padding-top:14px;} #covid19_con .movingline ul li.open p.man {padding-left:13px; padding-top:13px;} #covid19_con .movingline>ul>li.open p.man:after {border-right-color:#fff; border-bottom-color:#fff;} #covid19_con .movingline>ul>li.open p.man:after {top:23px; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);} #covid19_con .movingline ul li .con {display:none; margin-top:10px; padding:10px 20px;} #covid19_con .movingline ul li.open .con {display:block; text-align:center;} #covid19_con .movingline ul li .con img {max-width:100%;} #covid19_con .covid_banner a img{max-width:100%;} #covid19_con .covid_banner .dp_mb{display:none;} /* #covid19_con .movingline ul li ol {display:none; margin-top:10px; padding:10px 40px;} #covid19_con .movingline ul li.open ol {display:block;} #covid19_con .movingline ul li ol li {margin:0px 0 5px; letter-spacing:-0.05rem;} #covid19_con .movingline ul li ol li strong {font-weight:normal; color:#ff0000;} #covid19_con .movingline ul li ol li dl dt, #covid19_con .movingline ul li ol li dl dd{display:inline-block;} #covid19_con .movingline ul li ol li dl dt{padding:0 10px; margin-right:5px; background:#484848; color:#fff; vertical-align:top;} #covid19_con .movingline ul li ol li dl dd{width:87%;} #covid19_con .movingline ul li ol li dl {margin-bottom:10px;} /* #detail_covid h4 {margin-top:35px; padding-left:25px; color:#333; font-weight:bold; font-size:22px; background:url(/open_content/main/images/contents/common/blet.gif) no-repeat left 10px;} */ table.data {margin-top:10px; width:100%; table-layout:fixed;} table.data caption {position:absolute; text-indent:-100%; width:0; height:0; font-size:0; line-height:0; overflow:hidden;} table.data thead th {color:#fff; font-size:24px; padding:15px 5px; background:#0198a9;} table.data thead tr:nth-of-type(2) th {padding:5px; font-size:16px;} table.data th, table.data td {text-align:center; border-top:2px solid #fff; border-left:2px solid #fff; word-break:break-all;} /* table.data.t1 th {padding:33px 5px;} */ table.data.t3 th {color:white;} table.data td {padding:20px 2%; font-size:30px; color:#fff; background:#008190;} /*蹂몃Ц 由ъ뀑 /open_content/main/open_info/admin/covid/situation.jsp*/ #detail_covid #covid19_con .tit {padding:5px 20px; background:#3c4449;} #detail_covid #covid19_con {max-width:100%; margin-top:40px;} #detail_covid #covid19_con .date {margin-top:30px; color:#333; text-shadow:none;} #detail_covid #covid19_con .detail dl.contact dt {margin-bottom:10px;} #detail_covid #covid19_con .covid19_btn {display:none;} #covid19_con p.emergency_title{position:relative; text-align:center; background:#009e88 ; color:#fff; padding:15px 0px; margin:10px 0px 0px; } #covid19_con p.emergency_title>span:first-child{font-size: 24px; font-weight: bold;} #covid19_con p.emergency_title .qna{position:absolute; right:0px; top:9px; padding:5px 9px; font-weight:bold; color:#fff; font-size:13px; border-radius:5px; background:#1248b3; } #covid19_con table.emergency {width:99.99%;} #covid19_con table.emergency caption{overflow:hidden; height:0; line-height:0px; font-size:0px;} #covid19_con table.emergency {margin-bottom:20px; font-size:16px; border-collapse:collapse; } #covid19_con table.emergency th{ text-align:center; padding:10px; font-weight:600; font-size:15px; border-bottom:1px solid #979797; background:#f9f9f9;} #covid19_con table.emergency th.line, table.data td.line { border-right:1px solid #c3c3c3; } #covid19_con table.emergency ul {text-align:left;} #covid19_con table.emergency li{margin-bottom:10px;} #covid19_con table.emergency td {padding:15px; border:1px solid #ddd; word-break:break-all; font-size:20px; font-weight:bold} #covid19_con table.emergency thead th {border-left: 1px solid #979797; border-bottom: 1px solid #979797; font-size:20px;} #covid19_con table.emergency .bl_n{border-left:none;} #covid19_con table.emergency .br_n{border-right:none;} #covid19_con table.emergency .w_bg{background:#ffe8e8} #covid19_con table.emergency .w_font1{color:#a60000} /*모바일*/ @media screen and (max-width:640px) { #covid19_con .detail dl {padding:20px 0 5px; height:auto;box-sizing:border-box; margin-left:0%; margin-bottom:10px} #covid19_con .detail dl:nth-child(5){ padding:20px 0 20px 0px} #covid19_con .detail dl:nth-child(6){ padding:20px 0 0px 0px} #covid19_con .detail dl:nth-child(2), #covid19_con .detail dl:nth-child(4), #covid19_con .detail dl:nth-child(6){margin-left:2%;} #covid19_con .tit {font-size:25px; margin-top:20px;} #covid19_con .date strong {font-size:36px;} #covid19_con .detail dl { width:48.5%; } #covid19_con .detail dt {padding-top:0; font-size:18px;} #covid19_con .detail dd strong {font-size:40px;} #covid19_con .covid19_btn {margin-top:10px;} #covid19_con .covid19_btn li {width:100%; margin-left:0; margin-top:5px !important;} #covid19_con .covid19_btn li.gy_main {width:100%;} #covid19_con .covid19_btn li a {font-size:18px;} #covid19_con .covid19_btn li.sns{width:32.5%; margin-right:1.25%;} #covid19_con .covid19_btn li:last-child{margin-right:0%;} #covid19_con .covid19_btn li.sns a{font-size:14px; padding-left:45px; padding-right:0;} #covid19_con .covid19_btn li.sns a img{width:20%;} #covid19_con .covid19_btn2 { margin-top:25px; } #covid19_con .covid19_btn2 li { margin-left:0%; } #covid19_con .covid19_btn2 li:nth-child(5), #covid19_con .covid19_btn2 li:nth-child(6) { margin-left:0.5%; } } /*모바일*/ @media screen and (min-width:801px) { #covid19_con .pc_block {display:block;} #covid19_con .covid19_btn li.link_main {display:none;} #covid19_con .movingline ul li:hover p.man:after {border-right-color:#fff; border-bottom-color:#fff;} #covid19_con .movingline ul li:hover p.man, #covid19_con .movingline ul li:hover p.man strong {background:#0060b2; color:#fff;} } /*모바일*/ @media screen and (max-width:800px) { #detail_covid {max-width:94%; margin:0 auto;} #covid19_con .covid19_btn2 li {width:100%;} #covid19_con .covid19_btn2 li a {font-size:16px;} #covid19_con .covid19_btn2 li.gy_main {width:100%;} #covid19_con .covid19_btn2 li.sns a{font-size:14px; border:1px solid #cacaca; background:#f2f2f2; text-shadow:none;} #covid19_con .covid19_btn2 li.sns{width:32.8%;} #covid19_con .covid19_btn li.board_link {width:100%;} #covid19_con .covid19_btn li.sns {width:32.9%;} #covid19_con .covid19_btn li.sns.blog {margin-left:0;} #covid19_con .covid19_btn li.link_main {width:100%; margin-left:0;} #covid19_con .covid19_btn li.link_main a {color:#484848; font-size:25px; font-weight:600; border:2px solid #0060b2; } #covid19_con .covid19_btn li.etc {width:100%;} #covid19_con .covid19_btn li.etc2 {width:49.5%;} #covid19_con .covid19_btn li:nth-child(7) {margin-left:0;} #covid19_con .info ul.btn2 {max-width:100%;} #covid19_con .movingline .g_tit {padding-right:0; padding-bottom:60px;} #covid19_con .covid_banner .dp_mb{display:block;} #covid19_con .covid_banner .dp_pc{display:none;} #covid19_con table.emergency {min-width:700px;} #covid19_con p.emergency_title>span:first-child{font-size:18px; } #covid19_con table.emergency thead th {font-size:18px;} #covid19_con table.emergency td {font-size:18px; } } /*pc*/ @media screen and (min-width:640px) { .covid_table {overflow:hidden;} table.data {float:left; width:39%; margin-left:1%;} table.data:first-child {margin-left:0; width:20%;} } /*모바일*/ @media screen and (max-width:639px) { table.data {margin-top:5px !important;} table.data thead th {font-size:16px !important; padding:10px 5px !important;} table.data td {padding:5px 2% !important; font-size:18px !important;} .path02 table.data td {padding:5px 2% !important; font-size:14px !important;} }