@charset "utf-8";

* {box-sizing: border-box}
body {overflow-y: scroll}
.display-block {display: none !important;}
img {max-width: 100%;height: auto}
caption, legend {position:absolute;width:0;height:0;line-height:0;overflow:hidden;font-size:0;}

#wrap {color: #000;}


/* common */
.btn-group {margin: 20px 0;text-align: center}
.btn-group a, .btn-group button {display: inline-block;margin: 0 3px}

/* 2018 button style */
.btn-new-default {display:inline-block; min-width:90px; height:40px; padding:0 24px; box-sizing:border-box; font-size:14px; font-weight:bold; font-family:'Nanum Gothic'; line-height:38px; border:1px solid #0c82e9; background-color:#0c82e9; color:#fff !important; text-decoration:none !important; cursor:pointer;}
.btn-new-default.btn-gray {border:1px solid #ddd; background-color:#fff; color:#222 !important;}
.btn-new-default.btn-gray-bg {border:1px solid #666; background-color:#666; color:#fff !important;}
.btn-new-default.btn-white {border:1px solid #0c82e9; background-color:#fff; color:#0c82e9 !important;}
.btn-new-default.btn-disabled {border:1px solid #aaa; background-color:#aaa; color:#fff !important; opacity:0.5;}

table{width:100%;margin-bottom:15px;font-size:14px;table-layout: auto;border-collapse: collapse;background: #fff;}
table td, table th{padding:5px;text-align:center;border:1px solid #ccc;line-height:160%;}
table th{color:#494949;background:#eee;font-weight: 600}
table th .required {color: #f00;}
table .bg th{color:#fff;font-weight:bold;background:#668eac;}
table td.justify{text-align:justify;}
.tdl {text-align:left !important;padding:6px 10px !important;}


/* 공통 동영상  */
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* visual */


/* content common */
.inner {position: relative;width: 100%;max-width: 1000px;padding: 5px 0 45px;margin: 0 auto;}
.inner h3 {margin-bottom: 25px;font-size: 24px;text-align: center;color: #000;font-weight: 600;letter-spacing: -0.05em;line-height: 1.2;}
.inner h3 span {display: block;color: #7d0042;font-weight: 600;font-size: 46px;text-align: center;}
.inner h3.top {margin-top: 40px;}
.mobile {display: none}
.pc {display: inline-block}

/* tab */
.tab {margin-bottom:0px;}
.tab ul {display:table;table-layout: fixed;width:100%;}
.tab ul li {display:table-cell;padding: 0 3px}
.tab ul li:first-child {padding-left: 0}
.tab ul li:last-child {padding-right: 0}
.tab ul li a {position:relative; display:block; width:100%; padding:17px 0px; background: #fff;border:1px solid #36718f;box-sizing:border-box;font-size: 16px;color:#222;text-align: center}
.tab ul li a.on {border:1px solid #1b455b; color:#fff; font-weight:700; z-index:2;background: #1b455b}
.tab-cont {display: none;}
.corona-pause .tab ul li.link a {background: #b7e894; }
.corona-pause .tab ul li.link a.on {background: #87b433;border: 1px solid #36718f}

.move-tab {margin-bottom:10px;}
.move-tab ul {overflow: hidden;padding-left: 1px}
.move-tab ul li {float: left;margin-left:-1px !important;width:calc(33.3333% + 1px) !important;padding: 0;margin-right: 0;}
.move-tab ul li * {vertical-align: middle;}
.move-tab ul li button span {display: inline-block;color: #fff;font-size: 22px;font-weight: inherit;font-size: inherit;margin-bottom: 5px;}
.move-tab ul li a,
.move-tab ul li button {display: block;width: 100%;height: auto;line-height: 1;padding: 20px 10px 15px;background: #5cb2cd;border: 1px solid #36718f;text-align: center;color: #fff;font-size: 22px;font-weight: 400;}
.move-tab ul li a.on,
.move-tab ul li button.on {background: #1b455b;font-weight: 600;}
.move-tab ul li:first-child a,
.move-tab ul li:first-child button {border-top-left-radius: 15px}
.move-tab ul li:last-child a,
.move-tab ul li:last-child button {border-top-right-radius: 15px}

.move-cont {display: none;}
.move-cont .status-confirm {margin-top: 0;margin-bottom: 20px;}
@media all and (max-width: 640px) {
.move-tab ul:after {display:block; content:''; clear:both}
/* .move-tab ul li {width:calc(33.3333% + 1px) !important;padding: 0;margin-right: 0;} */
.move-tab ul li {width:calc(50% + 1px) !important;padding: 0;margin-right: 0;}
.move-tab ul li:first-child a,
.move-tab ul li:first-child button {border-top-left-radius: 15px}
.move-tab ul li:last-child a,
.move-tab ul li:last-child button {border-top-right-radius: 15px}
.move-tab ul li a,
.move-tab ul li button {font-size: 16px;padding: 13px 0 0px;}
.move-tab ul li button span {display: block;font-size: 16px}
}
/* .inner-wrap1,
.inner-wrap4,
.inner-wrap6,
.inner-wrap8 {background: url(/res_newseoul/images/corona/bg_inner1.jpg) repeat 0 0}
*/
.inner-wrap {background-color: #f8f8f8;}

.inner-wrap h4.qna {position: relative;text-align: center;padding: 20px 0;}
.inner-wrap h4.qna span {position: relative;display: inline-block;min-width: 230px;padding: 10px 15px;color: #fff;background: #1b455b;border-radius: 22px;font-size: 16px;font-weight: 600;text-align: center;}
#wrapper .inner-wrap h4.qna span {min-width: 150px;}
.inner-wrap h4.qna span:before {content: '';position: absolute;top: 0;left: -15px;width: 15px;height: 100%;background: #f8f8f8;}
.inner-wrap h4.qna span:after {content: '';position: absolute;top: 0;right: -15px;width: 15px;height: 100%;background: #f8f8f8;}
.inner-wrap h4.qna:before {content: '';position: absolute;left: 0;top: 50%;width: 100%;height: 1px;background: #496a7c;}


/* visual */
.inner-wrap-visual {position: relative;background: #5cb2cd;width: 100%;}


.logo-seoul {position: absolute;top: 30px;left: 10px}
.logo-kcdc {position: absolute;top: 30px;right: 10px}
.logo-seoul a,
.logo-kcdc a{display: block}
.inner-visual {padding: 0 0 20px;}
.corona-pause .inner-visual {padding-bottom: 0;}
.inner-wrap-visual h1 {padding: 90px 0 30px;color: #fff;font-size: 50px;letter-spacing: -0.075em;text-align: center;font-weight: 600}

/* 상황판 */
.inner-wrap7 {position: relative;background: #f8f8f8 url(/res_newseoul/images/corona/bg_line.jpg) repeat-x 0 0;width: 100%;}
.inner-wrap7 h3.h3-status {color: #fff;font-size: 26px;margin-bottom: 0;}
.inner-wrap7 h3.h3-status span {display: inline-block;font-size: 26px;color: #5cb2cd}
.inner-wrap7 .top-text {margin: 5px 0 10px;color: #fff;text-align: right;}

.status {width: 100%;padding: 0 0 30px;background: #1b455b;overflow: hidden;}
.status-seoul {overflow: hidden;}
.status-korea {border: 1px solid #fff;border-radius: 22px;overflow: hidden;}

.status h4 {position: relative;font-size: 26px;text-align: center;font-weight: 600;background: #fff;border-radius: 15px;}
.status h4:before {content: '';position: absolute;top: 0;left: 0;width: 25px;height: 60px;background: url(/res_newseoul/images/corona/left_wing.png) no-repeat 0 0;z-index: 1}
.status h4:after {content: '';position: absolute;top: 0;right: 0;width: 25px;height: 60px;background: url(/res_newseoul/images/corona/right_wing.png) no-repeat 0 0;z-index: 1}
.status h4 span {display: inline-block;position: absolute;top: 11px;right: 0;width: 200px;}
.status-korea h4 span {top: 5px}
@media all and (max-width: 560px) {
.status h4 {font-size: 20px;}
.status h4 span,
.status-korea h4 span {position: relative;top: 0;width: auto;font-size: 14px;}
}
.status-seoul h4 {min-height: 40px;line-height: 40px;margin-bottom: 10px;}
.status-korea h4 {color: #555;font-size: 18px;height: 29px;line-height: 29px;}
.status-korea h4:before {height: 46px;background: url(/res_newseoul/images/corona/left_wing1.jpg) no-repeat 0 0;}
.status-korea h4:after {height: 46px;background: url(/res_newseoul/images/corona/right_wing1.jpg) no-repeat 0 0;}


.cell-group {width:100%;margin-bottom: 10px;overflow: hidden;}
.cell {overflow: hidden;float: left;border-radius: 10px;display: table;min-height: 130px;}
.cell1 {width: 32%;margin: 0 0.5% 0 1%;background: #d74d02}
.cell5 {width: 32%;margin: 0 0.5% 0 0.5%;background: #7BA92C}
.cell6 {width: 32%;margin: 0 0.5% 0 1%;background: #092785}
.cell2 {width: 48.5%;margin: 0 0.5% 0 1%;background: #394e91}
.cell3 {width: 48.5%;margin: 0 0.5% 0 1%;background: #4d75f9;}

.cell .num {display: table-cell;text-align: center;vertical-align: middle;padding-left: 10px;padding-right: 10px;}
.cell .num p {text-align: center;}
.cell1 .num,
.cell5 .num {width: 100%}
.cell2 .num,
.cell3 .num {width: 33.3333%}

.cell .num p.counter {position: relative;font-size: 30px;color: #fff;letter-spacing: -0.07em}
.cell .num2 p.counter:after,
.cell .num4 p.counter:after,
.cell .num5 p.counter:after,
.cell .num7 p.counter:after {content: '';position: absolute; bottom: 0;left: 50%;width: 50px;height: 1px;margin-left: -25px;background: #4b64aa}
.cell .num5 p.counter:after,
.cell .num7 p.counter:after {background: #638efb}
.cell .num1 p.counter,
.cell .num3 p.counter,
.cell .num6 p.counter,
.cell .num8 p.counter,
.cell .num9 p.counter {font-size: 50px;font-weight: 600;}
.cell .num3 p.counter {background: #4b64aa}
.cell .num6 p.counter {background: #638efb}

.cell .num3, .cell .num6 {vertical-align: top;padding:0}
.cell .num3 .counter, .cell .num6 .counter {vertical-align: top;padding-top: 22px;padding-bottom: 9px;}
.cell .num3 .txt, .cell .num6 .txt {position: relative;margin-top: -5px;z-index: 1}

.cell p.txt {font-size: 15px;padding-top: 5px;}
.num1 p.txt,
.num8 p.txt,
.num9 p.txt {font-size: 18px;font-weight: 600;color: #222222;background: #ffcb8e;border-radius: 10px;padding-top: 0;}
.num8 p.txt {background: #d6f2a5}
.num9 p.txt {background: #cfdbff}
.num2 p.txt,
.num4 p.txt {color: #a7bcff}
.num3 p.txt {font-size: 18px;font-weight: 600;color: #222222;background: #a7bcff;border-radius: 10px;padding-top: 0}
.num5 p.txt,
.num7 p.txt {color: #c0fcfd}
.num6 p.txt {font-size: 18px;font-weight: 600;color: #222222;background: #c0fcfd;border-radius: 10px;padding-top: 0}

/* 대한민국 */
.cell4 {float: none;width: 80%;margin: 0 auto;display: table}
.cell4 .num {display: table-cell;width: 25%}
.cell4 .num p.counter {position: relative;font-size: 50px}
.cell4 .num p.txt {color: #fff}
.cell4 .num p.counter:after {content: '';position: absolute; bottom: 0;left: 50%;width: 90px;height: 1px;margin-left: -45px;background: #32586c}

@media all and (max-width: 1152px) {
.cell .num p.counter {font-size: 26px;}
.cell .num1 p.counter,
.cell .num8 p.counter,
.cell .num9 p.counter {font-size: 44px;}
.cell .num3 p.counter,
.cell .num6 p.counter {font-size: 40px;}
.cell p.txt {font-size: 16px;}
.cell .num {padding-left: 3px;padding-right: 3px;}

}

@media all and (max-width: 768px) {
.cell {min-height: auto;}
.cell4 {min-height: 80px} /* 전국 */
.first-cell .cell {padding: 0 5px}
.second-cell .cell {padding: 0 3px 0;}
.cell2, .cell3 {padding-top: 0;}
.cell .num p.counter {font-size: 20px}
.cell .num1 p.counter,
.cell .num8 p.counter,
.cell .num3 p.counter,
.cell .num6 p.counter,
.cell .num9 p.counter {font-size: 28px;}
.cell .num3 p.counter,
.cell .num6 p.counter {padding-top: 23px;padding-bottom: 6px;}
}

@media all and (max-width: 640px) {
.cell-group {float: left;}
.first-cell {width: 25%}
.first-cell .cell {height: 66px;}
.second-cell .cell {height: 100px;}
.second-cell {width: 75%}
.cell {border-radius: 18px;}
.first-cell .cell1,
.first-cell .cell5,
.first-cell .cell6,
.second-cell .cell2,
.second-cell .cell3 {width: 96%;margin: 0 2% 0 2%}
.first-cell .cell1,
.first-cell .cell5,
.second-cell .cell2 {margin-bottom: 5px;}
}
@media all and (max-width: 460px) {
.cell p.txt {font-size: 13px} /* font-size: 14px */
.cell .num1 .txt, .cell .num3 .txt, .cell .num6 .txt, .cell .num8 .txt {border-radius: 10px;padding-top: 1px;}
.cell4 {width: 90%}
.cell4 .num p.counter:after {width: 40px;margin-left: -20px}
}

@media all and (max-width: 380px) {
.cell .num1 p.counter, .cell .num3 p.counter, .cell .num6 p.counter, .cell .num8 p.counter {font-size: 24px}
}

.status-confirm {width: 100%;margin-top: 20px;padding: 20px 30px;background: #fff;border-radius: 20px;}
.status-confirm h4 {padding-bottom: 20px;color: #222;font-size: 26px;text-align: center;font-weight: 600}
.status-confirm h4 em {font-size: 26px; color: #1b455b;font-weight: 600}

span.cellno {display: table;width: 100%;height: 60px;}
span.cellno strong {display: table-cell;height: 60px;vertical-align: bottom;}

.inner-wrap7 h4.qna span:before {background: #f8f8f8;}
.inner-wrap7 h4.qna span:after {background: #f8f8f8;}

/* 확진자 이동경로 */
.update-date {color:#d76000; text-align:right; margin-bottom:10px; }
#patients table {margin-bottom: 40px;}
#patients table * {letter-spacing: -.5px}
#patients table td ul {margin: 0;overflow: hidden;width: 100%;padding-botton: 0;}
#patients table td ul li {position: relative;}#patients table ul li p strong {display: inline}
#patients table ul li p {padding-left: 66px;text-indent: -66px;letter-spacing: -.3px;}
#patients table tr.odd td,#patients table td.white {background: #fff}
#patients table td.first{background: #fafadd !important}
#patients table td.second{background: #ddfafa!important}
#patients table td.third{background: #ddfadd !important}
#patients table td.name{background: #d3d3d3 !important; font-weight: bold;}
#patients table tr td {background: #fafafa;vertical-align: middle}
#patients table ul li strong {display: inline-block;margin-right: 10px;/*color: #d76000*/}
#patients table td span { display:block; font-size: .85em}

/* 예방수칙 */
.inner1 .imgs {width: 100%;margin-bottom: 20px;}
.inner1 .imgs img {margin-left: 14px;}
.inner1 .imgs img:first-child {margin-left: 0}
.imgs-btm {margin: 20px auto;text-align: center}

/* 홍보물 */
.inner-wrap2 {background: #f8f8f8}
#tab-cont2 img {width: 100%} /* 예방행동수칙..홍보물 이미지 */
.inner2 h3 * {vertical-align: middle}
.inner2 h3 {padding-bottom: 20px;border-bottom: 1px solid #dbdbdb}
.inner2 h3 em {font-size: 26px;}
.inner2>p {text-align: center;font-size: 16px;}
.inner-wrap2 h4.qna span:before {background: #f8f8f8;}
.inner-wrap2 h4.qna span:after {background: #f8f8f8;}

.cont-type1 {margin-top: 20px;background: #fff;border: 1px solid #dbdbdb;padding: 10px 15px 20px;}
.cont-type1 h4 {padding: 10px 0;font-size: 20px;font-weight: 600}

.inner2 .btn-group a,
.inner5 .btn-group a {display: inline-block;width: 48.5%;margin:0 0 0 3%;text-align: left;}
.inner2 .btn-group a:first-child,
.inner5 .btn-group a:first-child {margin-left: 0}
.inner2 .btn-group a.btn-purple-down,
.inner3 .btn-group a.btn-purple-down,
.inner5 .btn-group a.btn-purple-down,
.inner7 .btn-group a.btn-purple-down,
.inner8 .btn-group a.btn-purple-down,
.cleanzone-wrap .inner .btn-group a.btn-purple-down{position: relative;background: #7d0042;border: 1px solid #7d0042;padding-right: 50px;}
.inner7 .btn-group.btn-group-movie {border-bottom: 1px solid #dbdbdb;padding-bottom: 30px;}
.inner2 h4.qna {margin: 20px 0}
.img-wraps .img a span:after {content: '';position: absolute;bottom: 10px;right: 13px;width: 24px;height: 24px;background: url(/res_newseoul/images/corona/ico_arrow.png) no-repeat 0 0;}
.img-wraps.type-link p {font-weight: bold;margin: 10px 0;}
.img-wraps.type-link .img a span:after {content: '';position: absolute;bottom: 10px;right: 13px;width: 24px;height: 24px;background: url(/res_newseoul/images/corona/ico_arrow.png) no-repeat 0 0; transform: rotate(270deg)}

@media all and (max-width: 500px) {
.btn-new-default {width: 100%;height: auto;line-height: 1.3;padding: 10px 0;font-size: 13px;}
.inner2 .btn-group a,
.inner5 .btn-group a {width: 100%;margin:0 0 3% 0;}
.img-wraps .img {text-align: center;margin: 10px 0;padding: 10px 10px 5px 10px;border-bottom: 1px solid #ddd;background: #f8f8f8}
.img-wraps .img2 {background: #f8f8f8}
.img-wraps .img a span {position: relative;display: block;height: 50px;margin: 5px auto;text-align: center;width: 90%;border: 1px solid #dbdbdb;padding: 8px 0;font-weight: 600;background: #fff;line-height: 30px}
}

@media all and (min-width: 500px) {
.btn-group a.btn-one {width: 90% !important} 
.img-wraps {display: table;width: 100%;margin: 10px 0 0;}
.img-wraps.img-no1 {margin: 0 auto; width:45%}
.img-wraps.img-no2 {margin: 0;}
.img-wraps .img {display: table-cell;text-align: center;border-left: 1px solid #ddd;padding: 20px 0 60px 0;position: relative;vertical-align: middle;background: #f8f8f8}
.img-wraps .img1 {border-left: 0}
.img-wraps .img a span {display: block;height: 50px;margin: 5px auto;text-align: center;position: absolute;bottom: 0;left: 5%;width: 90%;border: 1px solid #dbdbdb;padding: 8px 0;font-weight: 600;background: #fff;line-height: 30px}

.img-wraps.img-no4 .img {width: 25%}
.img-wraps.img-no3 .img {width: 33.3333%}
.img-wraps.img-no2 .img {width: 50%}

.img-wraps.type1 .img1 {width: 34%;}
.img-wraps.type1 .img2  {width: 45%;}
.img-wraps.type2 .img1 {width: 34%}
.img-wraps.type2 .img2 {width: 66%;}
.img-wraps.type3 .img1 {width: 70%;}
}

.inner2 .btn-group a.btn-purple-down:after,
.inner3 .btn-group a.btn-purple-down:after,
.cleanzone-wrap .inner .btn-group a.btn-purple-down:after {content: '';position: absolute;top: 7px;right: 10px;width: 24px;height: 24px;background: url(/res_newseoul/images/corona/ico-arrow-down.png) no-repeat 0 0;}

/* qna */
.inner-wrap3 {background: #fff}
.qlist {background: #f2f2f2;margin-bottom: -1px;padding: 12px 15px;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;color: #000;font-weight: 600;}
.qlist a {color: #000}
.qlist span  {display: inline-block;margin-right: 5px;color: #7e0042;font-size: 16px;font-weight: 600;}
.alist {margin:20px 0 25px;padding: 0 10px;color: #000;display: none;}
.inner3 p {margin: 10px 0;}
p.pad20 {padding-left: 20px;text-indent: -20px;}
.inner-wrap3 h4.qna {margin-top: 20px;}
.inner-wrap3 h4.qna span:before {background: #fff;}
.inner-wrap3 h4.qna span:after {background: #fff;}

/* 일일보고 inner4 */
.inner4 h3 {margin-bottom: -10px}
.movie-area {position: relative;width: 100%;max-width: 870px;margin: 0 auto;background: #052b38;padding:15px;box-sizing: border-box;border-radius: 30px}
.movie-area:before {content: '';position: absolute;width: 127px;height: 56px;background: url(/res_newseoul/images/corona/bg_tv_top.png) no-repeat 0 0;top: -53px;right: 120px;}
.movie-area-list {overflow: hidden;margin-top: 20px;}
.movie-area-list ul li {float: left;width: 48%;overflow: hidden;margin-left: 4%;margin-bottom: 20px;background: #fff}
.movie-area-list ul li:nth-child(2n+1) {margin-left: 0;}
.movie-area-list ul li .video {float: left;width: 50%;}
.movie-area-list ul li p {float: left;width: 50%;padding-top: 60px;font-size: 20px;font-weight: 600;text-align: center;}
.noti-movie {margin: 20px 0 30px;text-align: center}
.noti-movie strong {display: inline-block;margin-right: 10px;font-size: 20px;color:#7d0042;font-weight: 600;}'

/* 선별진료소 현황 */
.inner5 h3 {padding-bottom: 20px;border-bottom: 1px solid #dbdbdb}
.inner5 .btn-group a.btn-purple-down:after,
.inner7 .btn-group a.btn-purple-down:after,
.inner8 .btn-group a.btn-purple-down:after {content: '';position: absolute;top: 7px;right: 10px;width: 24px;height: 24px;background: url(/res_newseoul/images/corona/ico-right-arrow.png) no-repeat 0 0;}

/* 보도자료 */
.inner-8 h3 {border-bottom: 1px solid #dbdbdb}
.news-list {background: #fff;border-top: 2px solid #222}
.news-list li a {display: block;width: 100%;padding: 12px 5px 12px 10px;border-bottom: 1px solid #ddd;color: #000}
.news-list li:nth-child(2n+1) {background: #f8f8f8}
.news-list li a:hover {color: #0c82e9;text-decoration: underline;background: #f3f9fe;font-weight: 600}
.news-list li:last-child a {border-bottom: 1px solid #747474}

/* 클린존 */
.tstyle05.tstyleC thead th {vertical-align:middle;}
.tstyle05.tstyleC tbody th {background: transparent;}
.sub-tab-cont {display:none;}

.cleanzone-wrap #seoul-integrated-board {width: 100% !important;}

@media all and (max-width: 460px) {	
.inner2{padding-top: 50px}
.noti-movie strong {display: block;text-align: center}
}

/* footer */
.btn-top {z-index: 2;opacity: 0;position: fixed;right: 10px;bottom: 66px;width: 40px;height: 40px;margin-left: 520px;background: url(/res_newseoul/images/corona/btn_top.png) no-repeat 0 0;border: 0;text-indent: -9999em;transition: all .5s;-webkit-transition: all .5s}
.btn-top.show {opacity: 1;display: inline-block;}
#footer {padding: 15px 0;background: #7b7b7b;}
#footer p {width: 100%;max-width: 1000px;margin: 0 auto;text-align: center;color: #fff;font-size: 12px;}

@media all and (max-width: 1152px) {
.inner {padding-left: 10px;padding-right: 10px;}
.tab ul {display:block;padding-left:1px;}
.tab ul:after {display:block; content:''; clear:both}
.tab ul li {float:left;display: block; margin-left:-1px;width:calc(50% + 1px) !important;margin-top:-1px;padding: 0;}
.tab ul li.tab1 {width:calc(100% + 1px) !important;}
.tab ul li a {padding:8px 7px 7px; font-size:16px; /*height:40px;*/}
.tab {margin-bottom:0;}

.btn-group a {height: auto !important;text-align: left;padding-left: 10px}
/* 예방행동수칙 inner1 */
.inner1 .imgs.pc img {width: 32%;margin-left: 2%}
.inner1 .imgs.pc img:first-child {margin-left: 0;}
}

@media all and (max-width: 768px) {
.mobile {display: block}
.pc {display: none}
.inner-wrap-visual h1 {font-size: 30px;padding: 70px 0 20px;}
.logo-seoul {top: 15px;}
.logo-kcdc {top: 15px;}
.inner-wrap-visual h1 {}

/* visual */
body .inner-wrap-visual {height: auto;}
.inner-visual a img {height: 26px !important;}
.inner-visual img.mobile {width: 100%;}

/* 현황판 */
/* .status {padding: 0;} */
.status-confirm {padding: 20px 10px}


/* 예방행동수칙 inner1 */
.inner1 .imgs.mobile img {width: 100%;margin-bottom: 5px;margin-left: 0;}
.inner h3 {font-size: 20px}
.inner h3 span {font-size: 36px}

.tstyle05 {border-bottom: 1px solid #ddd}
.tstyle05 thead{display:none;}
.tstyle05 th, .tstyle05 td{box-sizing:border-box;}
.tstyle05, .tstyle05 tbody tr, .tstyle05 tbody th, .tstyle05 tbody td {display:block;}
.tstyle05 tbody{display:block;}
.tstyle05 tbody tr{position:relative;}
.tstyle05 tbody td{margin-left:68px;display:block;border-left:1px solid #ddd;border-bottom:0px dashed #ddd;text-align: left}
.tstyle05 tbody td+td{/* border-bottom:1px solid #ddd; */}
.tstyle05 tbody td:first-child {border-top:0;}
.tstyle05 tbody th[scope="row"] {position:absolute;left:0;top:0;bottom:0;width:70px;background:#f4f6f7;z-index:2;border-bottom: 0;}
.tstyle05 tbody th[scope="rowgroup"] {display:block;background:#f4f6f7;border-right:0;}
.tstyle05 tbody th[scope="row"] + th[scope="rowgroup"] {margin-left:70px;}
.tstyle05 tbody th+th[scope="row"]{top:34px;background:#f4f6f7;}
.tstyle05 tbody th:after {content:attr(data-tit) " ";font-weight:bold;display:inline-block;}
.tstyle05 tbody td:before {content:attr(data-tit) " : ";font-weight:bold;display:inline-block;margin-right:10px;}
.tstyle05 .mo-none {display:none;}

/* 일일보고 */
.movie-area {width: 100%;height: auto;}
.movie-area:before {width: 68px;height: 30px;top: -30px;right: 10%;background-size: auto 30px;}
.movie-area-list ul li {float: none;width: 100%;background: none;padding-left: 0;margin-left: 0;background: #fff}
.movie-area-list ul li p {font-size: 16px}

#patients {overflow:scroll}
#patients table{table-layout: fixed;width: 940px !important} /* width: 200vw !important */
#patients table th {background: #ddd}
#patients table td.tdl {text-align: left}
#patients ul li {background: none; padding-left: 0 !important; line-height: 1.3;}
#patients table td span { display:block; font-size: .8em}

/* 클린존 */
.tstyle05.tstyleC tbody td:first-child{border-top:1px solid #ccc}
.tstyle05.tstyleC tbody th[scope="row"]{background:#f4f6f7; }

}

/* new_css 20200213*/
.sr-only {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;border: 0 !important;}
.sr-only-focusable:active,.sr-only-focusable:focus {position: static;width: auto;height: auto;margin: 0;overflow: visible;clip: auto;}

	 /* paging */
.page-control {text-align:center;}
.pagination {display:inline-block; overflow:hidden;}
.pagination li {display:block; float:left;}
.pagination li a {display:block;min-width:30px;height:30px;margin-left:10px;padding:3px;border: 1px solid #ccc;font-size:14px;color:#333;}
.pagination li.active a {background:none; border-color:#333; color:#333; font-weight:bold;}
.pagination li.active a:hover, .pagination li.active a:active, .pagination li.active a:focus {background:none; border-color:#333; color:#333;}
.pagination li a:hover, .pagination li a:active, .pagination li a:focus {background:none;}
.pagination li[class^="btn-"] a {margin-left:-1px; background:url(/res_newseoul/images/corona/btn_pagination.png) no-repeat; border:1px solid #ccc; border-radius:0}
.pagination li.btn-first a {margin-left:0; background-position:-10px -10px;}
.pagination li.btn-prev a {margin-right:20px; background-position:-60px -10px;}
.pagination li.btn-next a {margin-left:30px; background-position:-110px -10px;}
.pagination li.btn-last a {background-position:-160px -10px;}
	
.cleanzone-wrap .inner-visual {padding-bottom: 0;}
.cleanzone-wrap.corona-pause .inner-visual {padding-bottom: 20px;}
.cleanzone-wrap .sticker {text-align: center;}
.cleanzone-wrap .inner > p{ text-align: center;font-size: 16px; }
.cleanzone-wrap .inner .txt-p{margin-bottom: 20px}
.tab.tab-new ul li {display: block !important;width: 17.5%;float: left;margin-right: 1%;}
.tab.tab-new ul li a{padding: 15px 0}
.tab.tab-new ul li:last-child {padding-right: 3px}
.tab.tab-new ul li:nth-child(n+3):nth-child(-n+5) {margin-bottom: 10px;}
.tab.tab-new ul li.cleanzone,.tab.tab-new ul li.corona {width: 21.7%;}
.tab.tab-new ul li.cleanzone a,.tab.tab-new ul li.corona a {height: 110px; text-align: left; border-radius:10px}
.tab.tab-new ul li.cleanzone a span,.tab.tab-new ul li.corona a span {text-align: left;font-size: 23px;position: relative;border-radius:10px;font-weight: bold}
.tab.tab-new ul li.cleanzone a.on span,.tab.tab-new ul li.cleanzone a.on span b , .tab.tab-new ul li.corona a.on span {color:#fff;font-size: 23px;font-weight: bold;}
.corona-pause .tab.tab-new ul li.cleanzone a.on span {padding-right: 28px;}
.tab.tab-new ul li:nth-child(5),.tab.tab-new ul li:last-child {margin-right: 0 !important;}
.tab.tab-new ul li.cleanzone .on:after,.tab.tab-new ul li.corona .on:after {content: "";background: url(/res_newseoul/images/corona/shadow.png) center no-repeat;width: 11px;height: 84px;display: block;bottom: 0;right: -10px;position: absolute;}

.tab.tab-new ul li.cleanzone a {padding-top: 28px;background: #b7e894;text-align: center;}
.corona-pause .tab.tab-new ul li.cleanzone a {background: #a0fcff;margin-bottom: 20px;}
.tab.tab-new ul li.cleanzone a span{display:block; text-align:center}
.corona-pause .tab.tab-new ul li.cleanzone a span {padding-right: 28px;}
.tab.tab-new ul li.cleanzone a span:after, .tab.tab-new ul li.cleanzone a span::after {content: "";background: url(/res_newseoul/images/corona/icon-cleanzone_new.png) center no-repeat;width: 21px;height: 20px;display: block;top: 3px;right: 52px;position: absolute;}
.corona-pause .tab.tab-new ul li.cleanzone a span:after, .corona-pause .tab.tab-new ul li.cleanzone a span::after {background: url(/res_newseoul/images/corona/icon-pause-off.png) center no-repeat;width: 28px;height: 28px;right: 36px;}
.tab.tab-new ul li.cleanzone .on {border: 0;border-radius: 10px 10px 0 0;background: #87b433;position: relative;height: 127px;border-bottom:1px solid #87b433;padding-top: 38px}
.corona-pause .tab.tab-new ul li.cleanzone .on {background: #12549e;margin-bottom: 0;}
.tab.tab-new ul li.cleanzone a.on span:after, .tab.tab-new ul li.cleanzone a.on span::after {content: "";background: url(/res_newseoul/images/corona/icon-clean_new_on.png) center no-repeat;width: 21px;height: 20px;display: block;top: 3px;right: 56px;position: absolute;}
.corona-pause .tab.tab-new ul li.cleanzone a.on span:after, .corona-pause .tab.tab-new ul li.cleanzone a.on span::after {background: url(/res_newseoul/images/corona/icon-pause-on.png) center no-repeat;width: 28px;height: 29px;right: 36px;}
.tab.tab-new ul li.cleanzone a.on span b, .tab.tab-new ul li.cleanzone a span b {display: block;text-align: center; font-size: 20px; letter-spacing: -1px;font-weight: bold}

.tab.tab-new ul li.corona a {padding-top: 28px;background: #c9ecf9;text-align: center;}
.tab.tab-new ul li.corona a span{display:block; text-align:center}
.tab.tab-new ul li.corona a span:after, .tab.tab-new ul li.corona a span::after {content: "";background: url(/res_newseoul/images/corona/icon-corona_new.png) center no-repeat;width: 22px;height: 28px;display: block;top: -3px;right: 39px;position: absolute;}
.tab.tab-new ul li.corona .on {border: 0;border-radius: 10px 10px 0 0 !important;background: #1b455b;position: relative;height: 127px;}
.tab.tab-new ul li.corona a.on span:after, .tab.tab-new ul li.corona a.on span::after  {content: "";background: url(/res_newseoul/images/corona/icon-corona_new_on.png) center no-repeat;width: 22px;height: 28px;display: block;top: -3px;right: 39px;position: absolute;}
.tab.tab-new ul li.corona a.on span b, .tab.tab-new ul li.corona a span b{display: block;text-align: center; font-size: 20px; letter-spacing: -1px;font-weight: bold;}
.tab.tab-new ul li.corona a.on span b {color: #fff}

.tab-inner-wrap{background: #87b433; border-bottom: 1px solid #446703;}
.tab.sub-tab.inner.tab-inner {position: relative;padding: 0;}
.tab.sub-tab ul li {display: inline-block;}
.tab.sub-tab ul li a {padding: 31px 23px;background: none;color: #fff;border: 0px;}
.tab.sub-tab ul li a.on{background:none; border:0;}

.form-group { padding: 22px 24px 20px 0px;margin-bottom:0;}
select {width:119px; border:1px solid #ccc; height:2rem;;line-height:100%; box-sizing:border-box; background: #fff;}
#table2.tstyleC tbody td, #table2.tstyleC tbody th {vertical-align: middle}
.corona-wrap	.inner-first{margin-top:-21px}
.corona-pause.corona-wrap	.inner-first{margin-top:-3px}
	
@media (max-width: 1152px) {
	.cleanzone-wrap .inner-visual, .corona-wrap .inner-visual{padding-bottom: 20px;}
	.corona-wrap .inner-first {margin-top: 0}
	.tab.tab-new ul {display:block;padding-left:1px;}
	.tab.tab-new ul:after {display:block; content:''; clear:both}
	.tab.tab-new ul li {float:left;display: block;margin-left:-1px !important;width:calc(50% + 1px) !important;margin-top:-1px !important;padding: 0;margin-right: 0;}
	.tab.tab-new ul li.cleanzone{width:calc(100% + 1px) !important;}
	.tab.tab-new ul li.corona {width:calc(100% + 1px) !important;margin-top: 0 !important;}
	.tab.tab-new ul li a {padding:8px 1px 7px !important; font-size:16px; /*height:40px !important;*/}
 	.tab.tab-new ul li.cleanzone a span b, .tab.tab-new ul li.cleanzone a.on span b,
	.tab.tab-new ul li.corona a span b, .tab.tab-new ul li.corona a.on span b {display: inline-block;font-weight: bold ; letter-spacing: 0}
	.tab.tab-new ul li:nth-child(n+3):nth-child(-n+5){margin-right:0;margin-bottom:0;}
	.tab.tab-new ul li:last-child{padding-right: 0 !important}

	.tab.tab-new ul li.cleanzone a, .tab.tab-new ul li.corona a{border-radius:0;margin-top: 0px;height: 45px !important;line-height: 26px;padding: 11px 7px !important;}
	.tab.tab-new ul li.cleanzone .on, .tab.tab-new ul li.corona .on{border-radius: 0 !important;text-align: center;}
	.tab.tab-new ul li.cleanzone .on:after, .tab.tab-new ul li.corona .on:after {display:none}

	.tab.tab-new ul li.cleanzone a{background: #b7e894;background-size:auto 45px;text-align: center;}
	.corona-pause .tab.tab-new ul li.cleanzone a {margin-bottom: 0;}
	.tab.tab-new ul li.cleanzone .on{background: #87b433;background-size:auto 45px;}
	.tab.tab-new ul li.corona a{background: #c9ecf9;background-size:auto 45px;text-align: center;}
	.tab.tab-new ul li.corona .on{background: #1b455b;}
	
	.tab.tab-new ul li.cleanzone a span,.tab.tab-new ul li.cleanzone a.on span,
	.tab.tab-new ul li.corona a span,.tab.tab-new ul li.corona a.on span {display:inline-block}
	.tab.tab-new ul li.cleanzone a.on span:after, .tab.tab-new ul li.cleanzone a span:after,
	.tab.tab-new ul li.corona a.on span:after, .tab.tab-new ul li.corona a span:after {top:50%;margin-top: -10px;right: -20px;}
	.tab.tab-new ul li.corona a.on span:after,.tab.tab-new ul li.corona a span:after  {top:50%;margin-top: -17px;left: auto;right:-24px;background-size: auto 24px;}
	.corona-pause .tab.tab-new ul li.cleanzone a.on span:after, .corona-pause .tab.tab-new ul li.cleanzone a span:after {margin-top: -15px;right: -6px;}

	.tab-inner-wrap{background:none;border:0;}
	.tab.sub-tab.inner.tab-inner {position: relative;padding: 10px;}
	.tab.sub-tab.inner.tab-inner:before {display:none;}
	.tab.sub-tab ul li {display: block;float: left;width: 50% !important;padding: 0;margin: 0;}
	.tab.sub-tab ul li a {padding: 12px 0;color: #333;border: 0px;border-bottom: 1px solid #87b433;width: 100%;background: #fff;}
	.tab.sub-tab ul li a.on{background:#87b433;border:0;color: #fff;width: 100%;}

.form-group { padding-top:0}
}
@media (max-width: 540px) {
	.tab.sub-tab.inner.tab-inner{width:100%;}
	.tab.sub-tab ul li a{padding:8px 0; height:34px !important; font-size:15px;}
	.pagination li a {margin-left: 5px;min-width: 25px;height: 25px;padding: 2px;}
	.pagination li.btn-next a {margin-left: 5px;background-position: -111px -13px;}
	.pagination li.btn-last a {background-position: -164px -13px;}
	.pagination li.btn-first a {margin-left:0; background-position:-13px -13px;}
	.pagination li.btn-prev a {margin-right:5px; background-position:-63px -13px;}
}

/* 자유게시판 */
.cleanzone-wrap th.sib-lst-type-basic-tablet-hidden {background: #eee !important;border-bottom: 1px solid #ddd !important;}
.cleanzone-wrap table.sib-lst-type-basic {border-color: #ddd !important;}
.cleanzone-wrap span.sib-label.sib-lb-color3 {background: #5cb2cd;border-color: #5cb2cd}
.cleanzone-wrap #seoul-integrated-board .sib-datepicker input, .cleanzone-wrap #seoul-integrated-board input[type="file"], #seoul-integrated-board input[type="text"], #seoul-integrated-board input[type="password"], #seoul-integrated-board select {background:#fff}
.cleanzone-wrap #seoul-integrated-board .sib-datepicker span.sib-ico-set-calendar{z-index:2; right:4px}
.cleanzone-wrap .sib-wte-type-basic label input[type='checkbox'] {display: inline-block;}
.cleanzone-wrap .sib-wte-type-basic label input[type='checkbox']:checked:before {content: '';display: inline-block;width: 16px;height: 16px;vertical-align: middle;background: #fff url("https://www.seoul.go.kr/res_newseoul/images/icon_input_checked.png") no-repeat center center;border: 1px solid #767676;}
.cleanzone-wrap .sib-wte-type-basic input[type='checkbox'] + span {vertical-align: middle;margin-left: 10px;color: #555;font-size: 14px;}
.cleanzone-wrap .sib-wte-type-basic label input[type='checkbox']:before {content: '';display: inline-block;width: 16px;height: 16px;vertical-align: middle;background-color: #fff;border: 1px solid #dddddd;}
.cleanzone-wrap #seoul-integrated-board .sib-wte-agree input {border: 0}

.cleanzone-wrap .sib-wte-type-basic label input[type='checkbox'] {display: inline-block;}
.cleanzone-wrap .sib-wte-type-basic label input[type='checkbox']:checked:before {content: '';display: inline-block;width: 16px;height: 16px;vertical-align: middle;background: #fff url("https://www.seoul.go.kr/res_newseoul/images/icon_input_checked.png") no-repeat center center;border: 1px solid #767676;}
.cleanzone-wrap .sib-wte-type-basic input[type='checkbox'] + span {vertical-align: middle;margin-left: 10px;color: #555;font-size: 14px;}
.cleanzone-wrap .sib-wte-type-basic label input[type='checkbox']:before {content: '';display: inline-block;width: 16px;height: 16px;vertical-align: middle;background-color: #fff;border: 1px solid #dddddd;}
.cleanzone-wrap #seoul-integrated-board .sib-wte-agree input {border: 0}
/* 리스트 컬럼 너비 */
#content.spp-cont-praise #seoul-integrated-board .sib-lst-type-basic col:first-child,
#content.spp-cont-free #seoul-integrated-board .sib-lst-type-basic col:first-child,
#content.spp-cont-use #seoul-integrated-board .sib-lst-type-basic col:first-child {width: 80px !important}
#content.spp-cont-praise #seoul-integrated-board .sib-lst-type-basic col:nth-child(3),
#content.spp-cont-free #seoul-integrated-board .sib-lst-type-basic col:nth-child(3),
#content.spp-cont-use #seoul-integrated-board .sib-lst-type-basic col:nth-child(3) {width: 100px !important}
#content.spp-cont-praise #seoul-integrated-board .sib-lst-type-basic col:nth-child(4),
#content.spp-cont-free #seoul-integrated-board .sib-lst-type-basic col:nth-child(4) {width: 110px !important}

.cleanzone-wrap #seoul-integrated-board .sib-lst-type-basic tr th:first-child,
.cleanzone-wrap #seoul-integrated-board .sib-lst-type-basic tr td:first-child {border-left: 0}
.cleanzone-wrap #seoul-integrated-board .sib-viw-type-basic table {border-color: #767676;border-width: 1px 0 1px 0}
.cleanzone-wrap #seoul-integrated-board .sib-viw-type-basic th,
.cleanzone-wrap #seoul-integrated-board .sib-wte-type-basic th {background: #f4f6f7}
.cleanzone-wrap #seoul-integrated-board .sib-wte-type-basic {border-top: 1px solid #767676}
.cleanzone-wrap #seoul-integrated-board .sib-wte-type-basic table {border-top: 0;border-bottom: 0}
.cleanzone-wrap #seoul-integrated-board .sib-wte-agree label span {font-size: 1em}
.cleanzone-wrap #seoul-integrated-board .sib-frm-search-date .sib-datepicker input {width: 130px}
/* button */
.cleanzone-wrap #seoul-integrated-board .sib-button {font-size: 1em}
/* view */
.cleanzone-wrap #seoul-integrated-board .sib-wte-type-basic label {font-weight: bold;}
.cleanzone-wrap #seoul-integrated-board .sib-set-button #btnList {background: #0c82e9;border: 1px solid #0c82e9;color: #fff}
/* 공지글 */
.cleanzone-wrap #seoul-integrated-board .sib-cnt-notice {display:block;box-sizing:border-box;border: 1px solid #ddd;background: #fff;padding: 1.75em 2.75em;margin-bottom:2.5em;line-height: 1.6}
.cleanzone-wrap #seoul-integrated-board .sib-cnt-notice p{margin-top: 5px}
.cleanzone-wrap #seoul-integrated-board .sib-cnt-notice p:first-child {margin-top: 0}
.cleanzone-wrap #seoul-integrated-board .sib-lb-color3 {background: #0c82e9;border: 1px solid #0c82e9}
.cleanzone-wrap #seoul-integrated-board input::placeholder {
 font-size: 12px;
}
.cleanzone-wrap #seoul-integrated-board input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 font-size: 12px
}
.cleanzone-wrap #seoul-integrated-board input::-moz-placeholder { /* Firefox 19+ */
  font-size: 12px
}
.cleanzone-wrap #seoul-integrated-board input:-ms-input-placeholder { /* IE 10+ */
  font-size: 12px
}
.cleanzone-wrap #seoul-integrated-board input:-moz-placeholder { /* Firefox 18- */
  font-size: 12px
}

.cleanzone-wrap #seoul-integrated-board .sib-paging {margin: 30px 0 0 0}
.cleanzone-wrap #seoul-integrated-board .sib-paging * {vertical-align: top}
.cleanzone-wrap #seoul-integrated-board .sib-paging a {width: 40px; height: 40px;margin: 0 0 0 10px;padding: 0;line-height: 37px;border: 2px solid #fff; font-size: 16px; box-sizing: border-box;}

.cleanzone-wrap #seoul-integrated-board .sib-paging strong {width: 40px; height: 40px;line-height: 37px;margin: 0 0 0 10px; padding: 0;background: none; border:2px solid #333; color: #333; font-weight: bold;}
.cleanzone-wrap #seoul-integrated-board .sib-paging a.sib-paging-prev { text-indent: -9999em;margin: 0 15px 0 0; background: url(../images/btn_pagination.png) no-repeat; background-size: 120px 30px; border: 1px solid #ccc; border-radius: 0; background-position:  -26px 4px;}
.cleanzone-wrap #seoul-integrated-board .sib-paging a.sib-paging-next { text-indent: -9999em;margin: 0  0 0 15px; background: url(../images/btn_pagination.png) no-repeat; background-size: 120px 30px; border: 1px solid #ccc; border-radius: 0; background-position: -54px 4px;}


/*pagination*/
.cleanzone-wrap #seoul-integrated-board .sib-set-button .sib-lb-color1 {
	border-color:#ddd;
	background:#fff;
	color: #222
}

.cleanzone-wrap #seoul-integrated-board .sib-set-button .sib-lb-color2 {
	border-color:#0c82e9;
	background:#0c82e9;
}
/* 글쓰기 */
.cleanzone-wrap .sib-wte-type-basic label input[type='checkbox'] {display: inline-block;}
.cleanzone-wrap .sib-wte-type-basic label input[type='checkbox']:checked:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: #fff url("../images/icon_input_checked.png") no-repeat center center; border: 1px solid #767676;}
.cleanzone-wrap .sib-wte-type-basic input[type='checkbox'] +  span { vertical-align: middle; margin-left: 10px;color:#555; font-size:14px;}
.cleanzone-wrap .sib-wte-type-basic label input[type='checkbox']:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-color: #fff; border: 1px solid #dddddd;}

.cleanzone-wrap #seoul-integrated-board .sib-wte-agree input {border: 0}



@media all and (max-width: 1152px) {
/* board input 높이 50px 수정 - 2018-10-05 */
.cleanzone-wrap #seoul-integrated-board input[type="file"], 
.cleanzone-wrap #seoul-integrated-board input[type="text"], 
.cleanzone-wrap #seoul-integrated-board input[type="password"], 
.cleanzone-wrap #seoul-integrated-board select {height: 50px;line-height: 48px;}
.cleanzone-wrap #seoul-integrated-board .sib-datepicker span.sib-ico-set-calendar {top: 16px;}
.cleanzone-wrap #seoul-integrated-board .sib-frm-search-word button {height: 50px;line-height: 48px;}
.cleanzone-wrap #seoul-integrated-board .sib-frm-search-date span.hypen {margin-top: 15px;}
/* 페이징 */
.cleanzone-wrap #seoul-integrated-board .sib-paging {margin: 15px 0 0 0}
.cleanzone-wrap #seoul-integrated-board .sib-paging a {width: 25px; height: 25px;margin: 0 1px 0;font-size:14px;line-height:23px;}
.cleanzone-wrap #seoul-integrated-board .sib-paging strong {width: 25px; height: 25px;line-height: 23px;margin: 0; }
.cleanzone-wrap #seoul-integrated-board .sib-paging a.sib-paging-prev {margin: 0 5px 0 0;background-position:-33px -3px;}
.cleanzone-wrap #seoul-integrated-board .sib-paging a.sib-paging-next {margin: 0 0 0 5px;background-position:-61px -3px;}
/* 글쓰기 2018-10-05 */
.cleanzone-wrap #seoul-integrated-board .sib-wte-type-basic-file {padding-right: 0}
.cleanzone-wrap #seoul-integrated-board input[type="file"] {height: auto;line-height: 100%;margin-bottom: 5px}
}

@media all and (max-width: 768px) {
.cleanzone-wrap	#seoul-integrated-board .sib-frm-search-word,
.cleanzone-wrap #seoul-integrated-board .sib-frm-search-word-select,
.cleanzone-wrap #seoul-integrated-board .sib-frm-search-date,
.cleanzone-wrap	#seoul-integrated-board .sib-frm-search-word input,
.cleanzone-wrap	#seoul-integrated-board .sib-frm-search-word-input{width:100%;}
.cleanzone-wrap #seoul-integrated-board .sib-lst-type-basic td.sib-lst-type-basic-subject {border-left: 0}
.cleanzone-wrap #seoul-integrated-board .sib-frm-search-date .sib-datepicker input {width: 100%}
.cleanzone-wrap #seoul-integrated-board .sib-lst-type-basic .sib-lst-type-basic-subject a {padding-left: 0}
/* 공지 */
.cleanzone-wrap #seoul-integrated-board .sib-cnt-notice {padding: 10px}
}

@media all and (max-width: 420px) {
.cleanzone-wrap #seoul-integrated-board .sib-set-button-right {width: 100%}
.cleanzone-wrap #seoul-integrated-board .sib-set-button #btnWriteMember,
.cleanzone-wrap #seoul-integrated-board .sib-set-button #btnWriteNonMember{width: 100%;height: 50px;line-height: 48px;}
.cleanzone-wrap #seoul-integrated-board .sib-set-button #btnWriteNonMember {margin-bottom: -10px}
.cleanzone-wrap .box-type4 {padding: 10px}
}

@media all and (max-width: 360px) {
.cleanzone-wrap #seoul-integrated-board .sib-paging a {width: 20px; height: 20px;line-height:18px;}
.cleanzone-wrap #seoul-integrated-board .sib-paging strong {width: 20px; height: 20px;line-height:18px;}
.cleanzone-wrap #seoul-integrated-board .sib-paging a.sib-paging-prev {background-position:-36px -5px}
.cleanzone-wrap #seoul-integrated-board .sib-paging a.sib-paging-next {background-position:-64px -5px}
}



@media (max-width: 540px) {
.btn-top {right: 20px;}
}

@media (min-width: 1153px) {
.btn-top {left: 50%}
}

/* 검색 : add 20180218  */

input {height: 2rem;line-height: 2rem;border: 1px solid #ccc;background: #fff;width:300px;}
button {vertical-align: middle;height: 2rem; line-height: 2rem; padding: 0 15px; }
select{width:120px;}
	
.search-box {overflow: hidden;width: 100%;padding: 20px 30px;margin-bottom: 20px;border:1px solid #ccc;border-radius:10px;}
.search-box dl {display: table;float: left;}
.search-box dl dt,.search-box dl dd {display: table-cell;float: left;line-height:2rem;}
.search-box dl dt{text-align: left; width: 70px;font-weight:bold}
.search-box dl+dl dt{margin-left: 30px;}
.search-box .search-text.type2 {margin-top: 10px; width: 100%; position: relative;}	
.search-box .search-text.type2 dt{margin-left: 0}	
.search-box .search-text.type2 dd{margin-left: 0; width: calc(100% - 175px); }	
.search-box .search-text.type2 dd input {width:100%;}
.search-box .search-text.type2 dd button{position: absolute; right:0; bottom:0; height:70px; width: 100px; }	

.search-box .hasDatepicker{width: 120px;}
.search-box button.ui-datepicker-trigger{background: transparent; padding: 0;margin-left: 5px;}
.btn-search{border:1px solid #ccc; margin-left: 5px; ;}
.btn-search span{font-weight: bold;}
	
	@media screen and (max-width: 1152px) {
		.search-box{padding: 20px;}
		.search-box dl{display:block;}
		.search-box dl {width: 100%; margin-top: 10px;}
		.search-box dl:first-child{margin-top: 0}
		.search-box dl dt{width: 70px; text-align: center;}
		.search-box dl dd, .search-box .search-text.type2 dd{width: calc(100% - 70px)}
		.search-box dl+dl dt{margin-left: 0}
		.search-box .search-date{margin-bottom:10px;}
		.search-box .search-date input {width: calc(100% - 56px)}
		.search-box .search-date input.m10, .search-box .search-date input.m10+button{margin-top: 10px;}
		.search-box .search-select {width: 50%; margin-top: 0}
		.search-box .search-select select{width: 100% !important;}
		.search-box .search-date, .search-box .search-text {width: 100%; }
		.search-box .search-text input, .search-box .search-text.type2 dd input {width: 80%;}
		.search-box .search-text button, .search-box .search-text.type2 dd button{width: 18%; padding: 0; float: right; height: 2rem;position: static; margin-left:2%;}
	}/*@media screen and (max-width: )*/
	@media screen and (max-width: 450px) {
		.search-box dl,.search-box .search-select {width: 100% !important; margin-top: 10px;}
	}/*@media screen and (max-width: )*/

/* 공유하기 */
.share {margin: 10px 0;text-align: right}
.icon-share {display: inline-block;width: 36px;height: 36px;background: url(/res_newseoul/images/corona/icon_share.png?ver=0219) no-repeat 0 0;text-indent: -9999em;}
.icon-share-facebook {background-position: 0 -40px}
.icon-share-twitter {background-position: -40px -40px}
.icon-share-share {background-position: -120px -40px}
#tab-cont1 .icon-share-facebook {background-position: 0 0}
#tab-cont1 .icon-share-twitter {background-position: -40px 0}
#tab-cont1 .icon-share-share {background-position: -120px 0}

/* 서울 자치구별 확진자 발생 현황 */
.map-status {position: relative;padding: 30px;background: #ccefff;text-align: center}
.map-status h4 {color: #052b38}
.map-status .txt-status {position: absolute;top: 40px;right: 40px;text-align: right}
.map-status .map-imgs *,
.map-status .map-imgs-district * {vertical-align: bottom;}

@media all and (max-width: 690px) {
.map-status {padding: 5px;}
.map-status h4 {font-size: 18px;padding: 20px 10px 5px}
.map-status .txt-status {position: relative;top: 0px;right: 0px;margin-bottom: 10px;font-size: 14px;}
.map-status .map-imgs {overflow: hidden;}
.map-status .map-imgs img {display: inline-block;width: auto;height: 40px;margin: 10px 0}
.map-imgs img:first-child {display: block;height: auto;width: auto;float: none;margin: 10px}
.map-imgs img.pc {display:none !important}
.map-imgs-district img {margin: 0;}
}

/*확진자현황 테이블*/
.tstyle05.tstyleP tbody th {background: #fff;font-weight: normal;}
.tstyle05.tstyleP tbody th+td {background: #eee;font-weight: bold;}

@media screen and (max-width: 768px) {
    .tstyle05.tstyleP tbody th {background: #f4f6f7; font-weight:bold;}
    .tstyle05.tstyleP tbody th+td {background: #fff;font-weight: normal;}
}

/* 서울 자치구별 확진자 발생 현황  개발*/
.seoul-map-wrap {position: relative;}
.seoul-map-wrap>div {vertical-align: bottom;}
.seoul-map {display: inline-block;position: relative;width: 564px;height: 480px;}

.seoul-map span.district {}
.seoul-map span.district .num {display: none;position: absolute;z-index: 2;width: 10%;height: 4.2%;background: rgba(215,77,2,.8);border-radius: 10px;color: #fff;font-weight: 600;text-align: center;}

.seoul-map-other span.district .num,
.seoul-map-check span.district .num {width: 40%;height: 30%}
.seoul-map span.district .img-on {position: absolute;z-index: 1}
.img-on {display: none;}

.seoul-map span.district.on .num {display: block;}
.seoul-map span.district.on .img-on {display: block}

.seoul-map-other,
.seoul-map-check {display: none;width: 144px;height: 64px;}
.seoul-map-other span.district .num,
.seoul-map-check  span.district .num {display: block}
.seoul-map-other.on,
.seoul-map-check.on {display: inline-block;}

.district1 .num {top: 36%;left: 45%;} /* 종로구 */
.district1.on .img-on {display: block;top: 25.42%;left: 42.73%;width: 18.44%;height: 22.5%;}
.district2 .num {top: 44%;left: 9%} /* 강서구 */
.district2.on .img-on {display: block;top: 34.79%;left: 1.77%;width: 28.72%;height: 27.08%;}
.district3 .num {top: 31%;left: 55%;} /* 성북구 */
.district3.on .img-on {display: block;top: 24.38%;left: 49.29%;width: 23.05%;height: 20%;}
.district4 .num {top: 39%;left: 35%;} /* 서대문구 */
.district4.on .img-on {display: block;top: 35%;left: 32.50%;width: 14.89%;height: 16.88%;}
.district5 .num {top: 47%;left: 59%;} /* 성동구 */
.district5.on .img-on {display: block;top: 45%;left: 56.91%;width: 15.07%;height: 15.21%;}
.district6 .num {top: 71%;left: 52.5%;} /* 서초구 */
.district6.on .img-on {display: block;top: 61.25%;left: 50.53%;width: 27.30%;height: 34.17%;}
.district7 .num {top: 32%;left: 71.5%;} /* 중랑구 */
.district7.on .img-on {display: block;top: 29.38%;left: 70.92%;width: 11.52%;height: 17.71%;}
.district8 .num {top: 48%;left: 82%;} /* 강동구 */
.district8.on .img-on {display: block;top: 41.88%;left: 80.49%;width: 17.38%;height: 24.17%;}
.district9 .num {top: 68%;left: 10%;} /* 구로구 */
.district9.on .img-on {display: block;top: 66.04%;left: 11.70%;width: 21.45%;height: 13.54%;}
.district10 .num {top: 63.5%;left: 77%;} /* 송파구 */
.district10.on .img-on {display: block;top: 56.25%;left: 70.92%;width: 21.63%;height: 25.42%;}
.district11 .num {top: 47.5%;left: 31%;} /* 마포구 */
.district11.on .img-on {display: block;top: 39.59%;left: 22.52%;width: 25.35%;height: 22.30%;}
.district12 .num {top: 23.5%;left: 34%;} /* 은평구 */
.district12.on .img-on {display: block;top: 17.09%;left: 31.21%;width: 18.27%;height: 27.5%;}
.district13 .num {top: 76%;left: 38.5%;} /* 관악구 */
.district13.on .img-on {display: block;top: 72.90%;left: 32.63%;width: 21.46%;height: 18.96%;}
.district14 .num {top: 79%;left: 26%;} /* 금천구 */
.district14.on .img-on {display: block;top: 73.96%;left: 26.07%;width: 12.06%;height: 17.92%;}
.district15 .num {top: 45%;left: 49%;} /* 중구 */
.district15.on .img-on {display: block;top: 47.25%;left: 46.45%;width: 14.54%;height: 8.33%;}
.district16 .num {top: 54%;left: 45.5%;} /* 옹산구 */
.district16.on .img-on {display: block;top: 52.5%;left: 42.60%;width: 17.20%;height: 14.59%;}
.district17 .num {top: 49.5%;left: 70.5%;} /* 광진구 */
.district17.on .img-on {display: block;top: 44.59%;left: 68.44%;width: 12.94%;height: 18.54%;}
.district18 .num {top: 37%;left: 62.5%;} /* 동대문구 */
.district18.on .img-on {display: block;top: 34.79%;left: 61.17%;width: 12.41%;height: 15.42%;}
.district19 .num {top: 18.5%;left: 54%;} /* 강북구 */
.district19.on .img-on {display: block;top: 7.30%;left:50%;width: 17.03%;height: 27.08%;}
.district20 .num {top: 11%;left: 59%;} /* 도봉구 */
.district20.on .img-on {display: block;top: 1.46%;left:56.03%;width: 12.59%;height: 24.79%;}
.district21 .num {top: 16.5%;left: 67%;} /* 노원구 */
.district21.on .img-on {display: block;top: 3.54%;left:65.07%;width: 15.96%;height: 28.96%;}
.district22 .num {top: 57.5%;left: 17%;} /* 양천구 */
.district22.on .img-on {display: block;top: 54.58%;left:14.54%;width: 15.78%;height: 16.25%;}
.district23 .num {top: 58.5%;left: 29%;} /* 영등포구 */
.district23.on .img-on {display: block;top: 54.20%;left: 28.31%;width: 15.07%;height: 21.875%;}
.district24 .num {top: 62.3%;left: 39%;} /* 동작구 */
.district24.on .img-on {display: block;top: 63.75%;left: 32.624%;width: 19.68%;height: 15.42%;}
.district25 .num {top: 65.5%;left: 63%;} /* 강남구 */
.district25.on .img-on {display: block;top:57.51%;left: 58.16%;width: 26.063%;height: 20.71%;}

.district26 .num,
.district27 .num {top: 32%;left: 42%} /* 기타 / 확인중 */
.district27 .num {left: 44%} /* 확인중 */

@media all and (max-width: 620px) {
.seoul-map-other,
.seoul-map-check {display: none;width: 72px;height: 32px;}
.seoul-map-other span.district .num,
.seoul-map-check span.district .num {top: 24%;height: 50%}

.seoul-map-all {display: block;width: 380px;height: 323.40px;margin: 0 auto;}
.seoul-map span.district .num {font-size: 13px;}
}

@media all and (max-width: 420px) {

.seoul-map-all {width: 320px;height: 272.34px}
.seoul-map span.district .num {font-size: 12px;line-height: 1.2}
}

@media all and (max-width: 340px) {
.map-status {padding: 0;}
.seoul-map-all {width: 290px;height:246.8px}
}



/* 잠시 멈춤 캠페인 */
.inner8 h4 {position: relative;margin: 20px 0;color: #222;font-size: 18px;font-weight: 600;padding-left: 10px;}
.inner8 h4:before {content: '';position: absolute;width: 3px;height: 100%;top: 0;left: 0;background: #7d0042}
.inner8 .cont-campaign {margin: 15px 0 30px;background: #fff;border: 1px solid #dbdbdb;padding: 20px;}
.inner8 .cont-campaign p {margin: 10px 0;line-height: 1.5;}

.inner8 .banner-campaign {margin:20px 0 50px; overflow:hidden}
.inner8 .banner-campaign a {width:calc(50% - 5px);margin-right: 10px;float: left;} /* width:calc(50% - 10px) */
.inner8 .banner-campaign a:last-child {margin:0}
@media screen and (max-width: 768px) {
	.inner8 .banner-campaign {margin: 20px 0 }
	.inner8 .banner-campaign a {width:100%; margin-right:0; margin-bottom:10px;}
	.inner8 .banner-campaign a img {width:100%}
}/*@media screen and (max-width: )*/

.livereholder-white {margin-top: 20px;padding: 5px 20px;background: #fff;}
@media all and (max-width: 640px) {
.inner8 .cont-campaign {padding: 10px;}
.livereholder-white {padding: 5px 10px;}
}