@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

body {color:#333; font-size:1rem; font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
.body {background:url('./../img/main/bak_visual.png') no-repeat 50% 0; background-size:100% 17.85rem; padding-bottom:5.1rem;}
strong {font-weight:600;}


/* 리스트 */
#headerWrap.subHead {border-bottom:1px solid #c7dae1;}
.bod_head {position:fixed; top:4rem; left:0; right:0; padding:1rem; background:#1c7df5; z-index:999;}
.bod_head .page_num {display:none;}
.bod_head .bod_search {max-width:640px; height:3rem; margin:0 auto; background:#fff; position:relative; border-radius:5px; display:flex;}
.bod_head .bod_search >* {display:inline-flex !important;}
.bod_head .bod_search >*:nth-child(3) {border-radius:5px 0 0 5px;}
.bod_head .bod_search >*:last-child {border-radius:0 5px 5px 0;}
.bod_head .bod_search select {height:3rem; padding:0 2rem 0 0.7rem; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url('./../img/sub/ico_select.png') no-repeat right 1rem center; border:none; border-radius:0; float:left;}
.bod_head .bod_search #searchTxt {width:100%; height:3rem; padding:0; line-height:3rem; border:none; opacity:1;}
.bod_head .bod_search input[type="submit"] {min-width:3rem; height:3rem; font-size:0; text-indent:-9999px; background:#fff url('./../img/sub/ico_search.png') no-repeat center center; background-size:contain;}

.bod_tap {position:fixed; top:9rem; left:0; right:0; background:#0059c7; z-index:999;}
.bod_tap ul {max-width:640px; padding:.75rem 1rem; margin:0 auto;}
.bod_tap ul:after {content:''; display:block; clear:both;}
.bod_tap li {float:left;}
.bod_tap li a {display:inline-block; padding:.6rem 1rem; font-size:1rem; font-weight:400; color:#fff; border-radius:50px;}
.bod_tap li.on a {color:#0059c7; font-weight:600; background:#fff;}

.bod_list {width:100%; max-width:640px; margin:0 auto;}
.bod_head + .bod_list {margin-top:5rem;}
.bod_tap + .bod_list {margin-top:8.7rem;}
.bod_list, .bod_list tbody, .bod_list tr {display:block;}
.bod_list thead {display:none;}
.bod_list tr {padding:0 .9rem 1.25rem; border-bottom:1px solid #ddd; position:relative;}
.bod_list tr:after {content:''; display:block; clear:both;}
.bod_list td {display:none; float:left; padding:0 .6rem; border-right:1px solid #bbb; font-size:1rem; font-weight:400; color:#888; position:relative;}
.bod_list td:last-child {border-right:0;}
.bod_list .list_tit, .bod_list .list_write, .bod_list .list_date, .bod_list .list_hit, .bod_list .list_end, .bod_list .list_state {display:block;}
.bod_list .list_tit {width:100%; padding:1rem 0.6rem .75rem; font-size:1.2rem; font-weight:600; border:none;}
.bod_list .list_tit a {display:block; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bod_list .list_tit a em.name {line-height: 180%;}
.bod_list .list_tit a em.name.ty1 {color:#355fe1;}
.bod_list .list_tit a em.name.ty2 {color:#f65237;}
.bod_list .list_tit a em.name.ty3 {color:#00a59e;}
.bod_list .list_tit a em.name.ty4 {color:#e4007f;}
.bod_list .list_tit a em.name.ty5 {color:#e17600;}
.bod_list .list_hit {font-weight:600;}
.bod_list .list_hit:before {content:'조회 '; font-weight:400;}
.bod_list .list_end {/*color:#666;*/clear: both; margin-top: 8px;}
.bod_list .list_state {min-width:3rem; padding:.5rem; color:#fff; text-align:center; border:none; border-radius:3px; position:absolute; bottom:1.2rem; right:1.5rem;}
.list_state.type01 {background:#f9751d;}
.list_state.type02 {background:#1c7df5;}
.list_state.type03 {background:#6a7584;}
.bod_list .ico-subj-list {width:0; height:0; position:absolute; top:0; left:0; opacity:0;}
.bod_list .new {}
.bod_list .new:before {content:''; display:block; width:.35rem; height:.35rem; background:#ff1d1d; position:absolute; top:1.5rem; left:.75rem; border-radius:50%;}
.bod_list .notice {padding-bottom:0;}
.bod_list .notice td {display:none;}
.bod_list .notice a {display:block; padding:1.25rem 6rem 1.25rem 2.6rem;}
.bod_list .notice .list_tit {display:block; padding:0;}
.bod_list .notice .list_date {display:block; padding:0; font-size:1rem; float:right; position:absolute; right:1.5rem; top:50%; transform:translateY(-50%); border:0;}
.bod_list .notice:before {content:''; display:block; width:1.3rem; height:1.2rem; background:url('./../img/sub/ico_notice.png') no-repeat; background-size:contain; position:absolute; left:1.5rem; top:50%; transform:translateY(-50%); border-radius:0;}
.bod_list .re {padding-left:4.3rem;}
.bod_list .re.new {padding-left:4.3rem;}
.bod_list .re:before {content: "답변"; white-space: pre; display: block; position: absolute; padding: 0.5rem 0.6rem 0.5rem 1rem; color: #fff; background: #00adbd url(./../img/sub/ico_re_bg.png) no-repeat 0% 50%; background-position-x: 0.3rem; border-radius: 1.8rem; top: 2.25rem; left: 1.2rem; width: auto; height: auto;}
.bod_list .re img, .bod_list .re strong {display:none;}

.bod_page {text-align:center; padding:2rem 1rem 7rem;}
.bod_page a, .bod_page span {display:inline-block; width:2rem; height:2rem; margin:0 .1rem; text-align:center; line-height:2rem; border-radius:50%; vertical-align:middle;}
.bod_page span {background:#1c7df5; color:#fff;}
.bod_page .btn_first, .bod_page .btn_end {display:none;}
.bod_page .btn_10prev, .bod_page .btn_10next {font-size:0; text-indent:-9999px; background-size:auto .8rem !important;}
.bod_page .btn_10prev {background:#6a7584 url('./../img/main/btn_work_prev.png') no-repeat center center; margin-right:1rem;}
.bod_page .btn_10next {background:#6a7584 url('./../img/main/btn_work_next.png') no-repeat center center; margin-left:1rem;}

.bod_view {max-width:640px; padding:1.75rem 1rem 6.6rem; margin:0 auto; font-size:.9rem; font-weight:400; color:#333; border-bottom:1px solid #ddd;}
.bod_view h4 {margin:0; font-size:1.2rem; font-weight:600; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bod_view .list_state + h4 {padding-top:.5rem;}
.bod_view .list_state {display:inline-block; min-width:3rem; text-align:center; font-size:.8rem; color:#fff; line-height:1.35rem; border-radius:3px;}
.bod_view .view_info {padding:1rem 0 2rem; border-bottom:1px solid #ddd;}
.bod_view .view_info ul:after {content:''; display:block; clear:both;}
.bod_view .view_info li {float:left; padding:0 .75rem; font-size:.9rem; color:#888; border-left:1px solid #bbb;}
.bod_view .view_info li:first-child {padding-left:0; border-left:0;}
.bod_view .view_info li span {font-weight:600;}
.bod_view .view_cont {padding-top:1rem; font-size: 1.2rem; line-height: 150%;}
.bod_view .view_cont >p {line-height:1.5em;}
.bod_view .view_cont img {max-width:100%;}
.bod_view .view_file {padding-top:1.5rem;}
.bod_view .view_file dt {position:absolute; top:0; left:0; font-size:0; text-indent:-9999px;}
.bod_view .view_file dd li {padding-bottom:.5rem;}
.bod_view .view_file dd li:last-child {padding-bottom:1.2rem;}
.bod_view .view_file dd li a {display:block;padding:0 2.5rem;font-size:0;color:#333;background:#eef1f5;border-radius:5px;position:relative;width: 77%;float: left;margin-top: 5px;}
.bod_view .view_file dd li a:before {content:'';display:block;width:1rem;height:1rem;background:url('./../img/sub/spr_icoSub.png') no-repeat;background-size:3.25rem;position:absolute;left:1rem;top:50%;transform:translateY(-50%);}
.bod_view .view_file dd li a:after {content:''; display:block; width:1.2rem; height:1.05rem; background:url('./../img/sub/spr_icoSub.png') no-repeat right top; background-size:2.7rem; position:absolute; right:1rem; top:50%; transform:translateY(-50%);}
.bod_view .view_file dd li span {display:block;font-size:1rem;line-height:3.25rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.bod_view .view_file dd li a.btn_preview {border: 1px solid #ddd;background: #fff;margin-left: 2%;width: 18%;padding: 0;}
.bod_view .view_file dd li a.btn_preview:after {background:none;}
.bod_view .view_file dd li a.btn_preview span {text-align: center;overflow: inherit;line-height: 3.15rem;}
.bod_view .view_file dd li a.btn_preview:before {background:none;}
.bod_view .open_license {margin-top:2rem; text-align:center; border:1px solid #ddd; border-radius:5px;}
.bod_view .open_license a {display:block; padding:.9rem 0; background:#f1f1f1;}
.bod_view .open_license p {padding:.8rem;}

.bod_wrap .bod_em {display:none;}
.bod_write {max-width:640px; padding:1rem 1rem 5rem; margin:0 auto; font-size:.9rem; font-weight:400; color:#333;}
.bod_write dl {border-bottom:1px solid #ddd; padding:1rem 0;}
.bod_write dt >em {display:none;}
.bod_write dd input[type=text] {width:30% !important; border:none; font-size:1.2rem; font-weight:600;}
.bod_write dd textarea {width:100% !important; padding:.5rem 0; border:none;}
.bod_write label:not(.nonBlind,[for^="file_"]) {position:absolute; top:0; left:0; font-size:0; text-indent:-9999px; opacity:0;}
.bod_write label[for="egovComFileUploader"] {display:block; position:static; width:100% !important; padding:1.2rem 0; margin-bottom:1rem; font-size:.9rem; font-weight:600; color:#fff; text-align:center; text-indent:0; background:#4d6077; border-radius:5px; border:0; opacity:1;}
.bod_write label[for="egovComFileUploader"]:before {content:''; display:inline-block; width:.8rem; height:.8rem; background:url('./../img/sub/spr_icoSub.png') no-repeat; background-position:-1.75rem -2.2rem; background-size:auto 3rem; opacity:.5; margin-right:.5rem; vertical-align:middle;}
.bod_write dd input[type="file"] {position:absolute; width:0 !important; height:0; left:0; opacity:0;}
.bod_write #egovComFileList li {display:block; padding:0 2.5rem; margin-bottom:.5rem; font-size:0; color:#333; background:#eef1f5; border-radius:5px; position:relative;}
.bod_write #egovComFileList li:not(#noFile):before {content:''; display:block; width:1rem; height:1rem; background:url('./../img/sub/spr_icoSub.png') no-repeat; background-size:3.25rem; position:absolute; left:1rem; top:50%; transform:translateY(-50%);}
.bod_write #egovComFileList li:last-child {margin-bottom:0;}
.bod_write #egovComFileList li span {display:block; font-size:.9rem; line-height:3.25rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bod_write #egovComFileList li .del {display:block; width:.75rem; height:.75rem; padding:0; background:url('./../img/sub/spr_icoSub.png') no-repeat; background-position:0 -2.2rem; background-size:3.3rem; position:absolute; right:1rem; top:50%; transform:translateY(-50%);}
.bod_write #egovComFileList li .del + div {padding:0 0 1rem !important;}
.bod_write #egovComFileList li .del + div label[for^="file_"] {display:inline-block; padding:0 1rem; font-size:.9rem; line-height:2rem; background:#3b4e69; border-radius:4px 0 0 4px; color:#fff;}
.bod_write #egovComFileList li .del + div input[type=text] {padding:0; width:70% !important; font-size:.9rem; font-weight:400; line-height:2rem; height:2rem; border-radius:0 4px 4px 0;}

.bod_write .bWrite dt {display:none;}
.bod_write .bWrite dd:before {content:'작성자'; margin-right:.5rem; font-weight:600;}
.dSecuKpdMain {min-height:450px;}

#boardWrap .btn_wrap, .bod_wrap .btn_wrap {width:50%; max-width:320px; height:4rem; padding:.75rem 1rem; margin-top:0 !important; position:fixed; top:0; left:50%; z-index:100000; text-align:right;}
#boardWrap .btn_wrap a, .bod_wrap .btn_wrap a, .bod_wrap .btn_wrap input[type=submit], #boardWrap .btn_wrap input[type=button], .bod_wrap .btn_wrap input[type=button] {z-index:999; display:inline-block; padding:0 1rem; font-size:1.1rem; font-weight:400; line-height:2.5rem; text-align:center; color:#00adbd; background:#cceff2; border-radius:5px;}
.btn_wrap a.btn_blue, .btn_wrap input[type=button].btn_blue, .btn_wrap input[type=submit].btn_blue {color:#1c7df5 !important; background:#d2e5fd !important;}
.btn_wrap a.cancel, .btn_wrap input[type=button].cancel, .btn_wrap input[type=submit].cancel {color:#f16d25 !important; background:#fce2d3 !important;}
.bod_guide {max-width:640px; padding:1.1rem .9rem; margin:2rem auto 0; font-size:.9rem; font-weight:normal; line-height:1.5; border:1px solid #ddd; color:#333; border-radius:.4rem; word-break:keep-all;}
.bod_guide .tit {font-size:1.2rem; font-weight:600; color:#1c7df5; margin-bottom:.5rem;}
.bod_guide ul li {padding-left:9px; position:relative; line-height:120%;}
.bod_guide ul li:not(:last-child) {margin:0.35rem 0;}
.bod_guide ul li:first-of-type {margin-top:0;}
.bod_guide ul li:before {content:''; width:3px; height:3px; background:#999; position:absolute; left:0; top:.45rem;}
.bod_guide ul ul {background-color:#f4f5f7; margin-top:.5rem; padding:.5rem; font-size:.8rem; border-radius:4px;}
.bod_guide ul ul li:before {content:''; width:2px; height:2px; background:#777; position:absolute; left:0.1rem; top:.5rem;}
.bod_guide .minAgree {border-top:1px solid #ddd; padding-top:.5rem; margin-top:1rem;}

/* 본인인증 */
h4 {font-size:1.5rem; text-align:center; font-weight:600; margin:2rem auto 1.5rem; max-width:640px;}
.password_box {max-width:640px; padding:1.1rem .9rem; margin:0 auto; font-weight:normal; border:1px solid #ddd; color:#333; border-radius:.4rem; word-break:keep-all;}
.password_box input[type=password] {margin-left:1rem; border-bottom:1px solid #ddd;}
.password_box input[value="비밀번호를 잊어버리셨나요?"] {position:absolute; top:18rem; right:1rem; border-radius:.25rem;}

@media all and (max-width:680px) {
	.password_box {margin:0 1rem;}
	.bod_guide {margin:2rem 1rem 0;}
}


/* 코로나 상황 알림 */

.cont-wrap {display: block;position: relative;max-width: 640px;box-sizing: border-box;margin-left: auto;margin-right: auto;margin-top: 20px;}
.cont-wrap:after { content: ''; clear:both; display: block; }
.cont-wrap .cont-box {display: block;background-color: #fff;border-radius: 5px;}
.cont-wrap.cont-col-2 .cont-box { float: left; width: 49%; }
.cont-wrap.cont-col-2 .cont-box:first-child { margin-right: 2%; }

.cont-wrap .mo-view {display:none;}

@media all and (max-width:1024px) {
	.cont-wrap.cont-col-2 .cont-box { float: none; width: 100%; }
	.cont-wrap.cont-col-2 .cont-box:first-child { margin-right: 0%; }
	.cont-wrap.cont-col-2 .cont-box + .cont-box { margin-top: 30px; }
}
@media all and (max-width:560px) {
	.cont-wrap .cont-box {padding:15px;}
}

.cont-wrap .cont-box .t-tit {font-size:28px;color:#222222;font-weight:800;text-align:left;padding:10px 0 25px;}
.cont-wrap .cont-box .t-tit em {color:#0989a9;}


/* 확진자 수 */
.cont-wrap .cont-box .cont-top {overflow:hidden;margin-bottom: 10px;}
.cont-wrap .cont-box .cont-top .t-title{color:#001f3d;font-size:30px;float:left;padding:25px 0 20px 70px; }
.cont-wrap .cont-box .cont-top .t-title.ty01{background:url('/common/img/corona/ico_general.png') no-repeat left center;}
.cont-wrap .cont-box .cont-top .t-title.ty02{background:url('/common/img/corona/ico_syringe.png') no-repeat left center;}
.cont-wrap .cont-box .cont-top .time {float:right; text-align: right; margin: 15px 0; }
.cont-wrap .cont-box .cont-top .time span{display: inline-block;padding: 0 40px;height: 43px;line-height: 43px;background-color: #dcebfb;color: #7091b9;border-radius: 22px;}

.cont-wrap .cont-box .corona-cnt { display: block; overflow: hidden; }
.cont-wrap .cont-box .corona-cnt > li{float: none !important;width: 100% !important;text-align: center;}
.cont-wrap .cont-box .corona-cnt > li:nth-child(2){}
.cont-wrap .cont-box .corona-cnt > li:nth-child(3){width: 40%;}

.cont-wrap .cont-box .corona-cnt.col-2 > li {width:49.115%;}
.cont-wrap .cont-box .corona-cnt.col-2 > li:nth-child(2){  }

.cont-wrap .cont-box .corona-cnt li > .tit{text-align: center;font-size: 1.5rem;color: #fff;padding: 24px 10px;border-radius: 10px;}
.cont-wrap .cont-box .corona-cnt li.st01 > .tit{background-color: #1c7df5;}
.cont-wrap .cont-box .corona-cnt li.st02 > .tit{background-color: #00adbd;}
.cont-wrap .cont-box .corona-cnt li.st03 > .tit{background-color: #ee7411;}

.cont-wrap .cont-box .corona-cnt li.st01 .total{color: #155bb1;}
.cont-wrap .cont-box .corona-cnt li.st02 .total{ color: #0989a9; }
.cont-wrap .cont-box .corona-cnt li.st03 .total{color: #ee7411;}

.cont-wrap .cont-box .corona-cnt li .cnt-tbl{width: 100%; }
.cont-wrap .cont-box .corona-cnt li .cnt-tbl th{font-size: 18px;color: #50657e;padding:5px;vertical-align: middle;height: 52px;line-height: 1.2;border-bottom: 2px #e8ecf1 solid;}
.cont-wrap .cont-box .corona-cnt li .cnt-tbl td{font-size: 24px;color: #222;padding: 5px;vertical-align: middle;height: 66px;line-height: 1;}
.cont-wrap .cont-box .corona-cnt li .cnt-tbl td em{font-size: 18px; color: #222;}

.cont-wrap .txt-noti {padding: 25px 0 35px;font-size: 16px;color: #6a88ad;}

@media all and (max-width:910px) {
	.cont-wrap .cont-box .corona-cnt > li{ float: none !important; width: 100% !important; text-align: center; }
	.cont-wrap .cont-box .corona-cnt > li:nth-child(2){ width: 100% !important; margin: 1% 0 !important;  }
	.cont-wrap .cont-box .corona-cnt li > .tit {}
	.cont-wrap .cont-box .corona-cnt.col-2 > li + li {margin-top:30px !important;}
}

@media all and (max-width:560px) {
	.cont-wrap .cont-box .corona-cnt li > .tit {font-size:20px;padding:18px 10px;}
	.cont-wrap .cont-box .corona-cnt li .cnt-tbl th {font-size:16px; height:40px;}
	.cont-wrap .cont-box .corona-cnt li .cnt-tbl td {font-size:20px;}
	.cont-wrap .cont-box .corona-cnt li .cnt-tbl td em {font-size:16px;}
}


/* 백신접종 현황 */


.cont-wrap .cont-box .vaccine-cnt {display: block;overflow: hidden;margin-top: 2rem;}
.cont-wrap .cont-box .vaccine-cnt > li{width:100%!important;margin: 3% 0!important;}
.cont-wrap .cont-box .vaccine-cnt.col-2 > li.st01 {background:#f5f8fa;}
.cont-wrap .cont-box .vaccine-cnt.col-2 > li.st02{background: #f7fafa;}

.cont-wrap .cont-box .vaccine-cnt li > .tit{ text-align: center; font-size: 22px; color: #fff; padding: 24px 10px; border-radius: 5px; margin-bottom: 20px; border-radius:5px;}
.cont-wrap .cont-box .vaccine-cnt li.st01 > .tit{ background-color: #1460ac; }
.cont-wrap .cont-box .vaccine-cnt li.st02 > .tit{ background-color: #0989a9; }

.cont-wrap .cont-box .vaccine-cnt li dt{color:#fff; border:0; }
.cont-wrap .cont-box .vaccine-cnt li.st01 dt{background: #1c7df5;}
.cont-wrap .cont-box .vaccine-cnt li.st02 dt{background: #00adbd;}

.cont-wrap .cont-box .vaccine-cnt .tit-content {display:table;width:100%;height:116px;table-layout:fixed;}
.cont-wrap .cont-box .vaccine-cnt .tit-content + .tit-content {margin-top:10px;}
.cont-wrap .cont-box .vaccine-cnt .tit-content > dt {display:table-cell;vertical-align:middle;font-size: 22px; text-align: center; line-height: 1.3;}
.cont-wrap .cont-box .vaccine-cnt .tit-content li.st01 dt {width:180px; border:1px solid #84c4d4; padding:20px 0; font-size:18px; color:#222222; border-radius:5px;}
.cont-wrap .cont-box .vaccine-cnt .tit-content li.st02 dd{font-size:18px; }
.cont-wrap .cont-box .vaccine-cnt .tit-content dd span{color:#286474; margin-right:10px;}
.cont-wrap .cont-box .corona-cnt li.st01 > .tit.s002 {background: #00adbd;}
.cont-wrap .cont-box .corona-cnt li.st01 > .tt01 {border: 1px solid #84c4d4;padding: 20px 0;border-radius: 10px;font-size: 1.2rem;}

@media all and (max-width:1024px) {
	.cont-wrap .cont-box .vaccine-cnt > li{width:100%!important;}
}

@media all and (max-width:640px) {
	.cont-wrap .cont-box .cont-top .time {margin: 5px 0; }
	.cont-wrap .cont-box .vaccine-cnt .tit-content > dt{width:100%;  }
	.cont-wrap .cont-box .vaccine-cnt .tit-content > dt {display:block; width:auto; height:auto; width:auto;}
	.cont-wrap .cont-box .vaccine-cnt .tit-content > dt br{display:none;}
	.cont-wrap .cont-box .vaccine-cnt .tit-content > dd {display:block;width:auto;height:auto;padding: 10px;text-align:center;}

}



/* 확진자 동선 & 소식 */
.cont-wrap .title-wrap { display: block; position: relative; background-color: #002c58; border-radius: 5px; text-align: center; font-size: 22px; color: #fff;  padding: 24px 10px; }
.cont-wrap .title-wrap .btn-more{ position: absolute; right: 30px; top: 24px; width: 19px; height: 19px; display: block; background: url(/common/img/corona/btn_more.png) no-repeat 50%; }

.cont-wrap .btn-wrap{ padding: 20px 0; }
.cont-wrap .btn-wrap .btn{ display: block; border: 1px solid #1460ac; color: #1460ac; font-size: 16px; border-radius: 5px; text-align: center; padding: 15px 0; }
.cont-wrap .btn-wrap .btn span{ padding-right: 25px; background: url(/common/img/corona/ico_blank.png) no-repeat 99.5% 50%;  }
.cont-wrap .btn-wrap .btn:hover{ background-color: #1460ac; color: #fff; }
.cont-wrap .btn-wrap .btn:hover span{ background: url(/common/img/corona/ico_blankOn.png) no-repeat 99.5% 50%; }

.cont-wrap .btn-wrap .btn.map {padding:15px 0 10px;}
.cont-wrap .btn-wrap .btn.map span {display:inline-block; background-image:url('/common/img/corona/ico_map.png'); line-height:25px; background-position:99.5% 0%;}
.cont-wrap .btn-wrap .btn.map:hover span {background-image:url('/common/img/corona/ico_map_on.png');}

.cont-wrap .route-wrap .title{ padding: 22px 10px; background-color: #eaeef3; border-top: 2px solid #293f50; border-bottom: 1px solid #c5c9d6; text-align: center; font-size: 18px; color: #333; }
.cont-wrap .route-wrap .route-list{ height: 520px; overflow: hidden; overflow-y: scroll; }
.cont-wrap .route-wrap .route-list li{ padding: 16.4px 0px;  border-bottom: 1px solid #c5c9d6; }
.cont-wrap .route-wrap .route-list li .tit{ font-size: 16px; color: #333; padding: 0 30px; line-height: 1.4; }
.cont-wrap .route-wrap .route-list li.on .tit{ color: #1460ac; }
.cont-wrap .route-wrap .route-list li .cont{ font-size: 15px; color: #454545; padding: 20px 30px 0; margin-top:15px;  border-top: 1px solid #c5c9d6; line-height: 1.4; }

.cont-wrap .tbl-wrap {overflow: hidden; }
.cont-wrap .tbl-wrap .tbl{ border-top: 2px solid #293f50; width: 100%; margin-top: 43px; table-layout: fixed;}
.cont-wrap .tbl-wrap .tbl th, .cont-wrap .tbl-wrap .tbl td{ border-bottom: 1px solid #c5c9d6; color: #333; padding: 20px 0px; vertical-align:middle;}
.cont-wrap .tbl-wrap .tbl th { font-size: 18px; background-color: #eaeef3; }
.cont-wrap .tbl-wrap .tbl td { font-size: 16px; }
.cont-wrap .tbl-wrap .tbl td.title{ padding: 16.8px 30px;}
.cont-wrap .tbl-wrap .tbl td.title a{ display: block; font-size: 16px; color: #333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 1.4; }
.cont-wrap .tbl-wrap .tbl td.title a:hover{ color: #1460ac; text-decoration: underline; }
.cont-wrap .tbl-wrap .tbl td.date { font-size: 14px; color: #747474; text-align: center; }

.cont-wrap .tbl-wrap.none-h {height:auto;}
.cont-wrap .tbl-wrap.none-h .tbl {margin-top:0;}

.tbl-respon .guide {display:none;}
@media all and (max-width:910px) {
	.tbl-respon .tbl-wrap {overflow:auto;}
	.tbl-respon .tbl-wrap .tbl {width:1000px;}
	.tbl-respon .guide {display:block; padding-bottom:10px; font-size:.9em; line-height:1.5;}
	.tbl-respon .guide:before {content:"!"; display:inline-block; vertical-align:middle; color:red; margin-right:.5em;}
}

/* 예방수칙 */
.cont-wrap .safety-rules { display: block; width: 100%; background: #f5f8fa; padding: 0 0 20px 0;}
.cont-wrap .safety-rules dt{display: block;width: 100%;padding: 24px 10px;background-color: #1a427e;border-radius: 10px;color: #fff;font-size: 1.5rem;text-align: center;vertical-align: middle;}
.cont-wrap .safety-rules dd{  display: block; width: 100%;}
.cont-wrap .safety-rules dd ul{ display: block; overflow: hidden; padding: 0 1.5em; }
.cont-wrap .safety-rules dd ul li{ float: left; text-align: center; width: 25%; }
.cont-wrap .safety-rules dd ul li span{display: block;margin-top: 15px;font-size: 0.9rem;}
.cont-wrap .safety-rules dd ul li:last-child span{ margin-top: 15px; }
.cont-wrap .cont-box .corona-cnt li.st02 > .tt01 {border: 1px solid #84c4d4; padding: 20px 0; border-radius: 10px; font-size: 1.2rem;}


@media all and (max-width:1024px) {
	.cont-wrap .safety-rules { display: block; width: 100%; background: #f5f8fa;}
	.cont-wrap .safety-rules dt{ display: block; width: 100%; padding: 24px 10px;}
	.cont-wrap .safety-rules dd{ display: block; width: 100%;}
}
@media all and (max-width:800px) {
	.cont-wrap .safety-rules dd ul li{ width: 50%; padding: 10px 0; }
}
@media all and (max-width:580px) {
	.cont-wrap .safety-rules dd ul{ padding: 0 0; }

	.cont-wrap .title-wrap span{ display: block; }
	.cont-wrap .title-wrap .btn-more{ top: 34px; }
}

@media all and (max-width:640px) {
	.bod_page {transform:scale(.8); -webkit-transform:scale(.8);}
	.bod_page >span, .bod_page >a {font-size: 1.5rem;}
	.bod_page >a.btn_first, .bod_page >a.btn_10prev {margin-right:4px !important;}
	.bod_page >a.btn_end, .bod_page >a.btn_10next {margin-left:4px !important;}
}



/* 예방접종센터 */

.phone-box {display:table; width:100%; text-align: center; padding-top: 10px;}
.phone-box > * {display:table-cell; vertical-align:middle; padding:16px 0;}
.phone-box .ico {width:100px; padding-left:20px; box-sizing:border-box;}
.phone-box .tit {color:#222; font-weight:800; font-size:20px;}
.phone-box .con {color:#666; font-size:20px;}
.phone-box .link {width:160px;}

@media all and (max-width:740px) {
	.phone-box {display:block; width:auto !important; text-align:center;}
	.phone-box > * {display:block;}
	.phone-box > .ico,
	.phone-box > .tit,
	.phone-box > .con {display:inline-block; vertical-align:middle; width:auto;}
	.phone-box .link {width:auto; text-align:center;}
}


.tit-content {display:table; width:100%; height:116px; table-layout:fixed;}
.tit-content + .tit-content {margin-top:10px;}
.tit-content > * {display:table-cell; vertical-align:middle;}
.cont-wrap .cont-box .t-tit.ty03 {background: url(/common/img/corona/ico_general.png) no-repeat left center; padding: 25px 0 20px 70px;}
.cont-wrap .cont-box .t-tit.ty04 {background: url(/common/img/corona/ico_syringe2.png) no-repeat left center; padding: 25px 0 20px 70px;}
.tit-content dt {width:180px;border:1px solid #84c4d4;padding:20px 0; font-size: 1.3rem; color: #0097a5; border-radius: 10px;}
.tit-content dd {color:#555;padding-left:1em;font-size: 18px;text-align:left;line-height:1.5;}

@media all and (max-width:910px) {
	.tit-content {height:auto;}
}

@media all and (max-width:540px) {
	.tit-content,
	.tit-content > * {display:block; width:auto; height:auto;}
	.tit-content dt {width:auto;}
	.tit-content dt br {display:none;}
	.tit-content dd {padding:20px; text-align:center;}
	.phone-box > * {padding:10px 0;}
}



/*보급형 기기 화면고려한 반응형*/
@media all and (max-width:375px){

	header .nav-link li {display:block; width:100%;  margin:5px 0; border-radius:5px;}
	header .nav-link li a {height:auto;}

	header .title{ font-size: 3.4rem;}
	header .nav-gnb li a, header .nav-gnb li:first-child a {padding:1em 0;}
	header .nav-gnb li a span {font-size:18px;}

	.cont-wrap .cont-box .cont-top .time {float:none; text-align:center;}

	.sec-content,.cont-wrap .cont-box {padding:1rem;}
	.cont-wrap .cont-box .cont-top .t-title {font-size:2.4rem; padding:25px 0 20px 65px;}

	.cont-wrap .cont-box .corona-cnt li .cnt-tbl th {font-size: 1.3rem;}
	.cont-wrap .cont-box .corona-cnt li .cnt-tbl td {font-size: 1.3rem;}
            .cont-wrap .cont-box .cont-top .time span {font-size: 1.2rem;}

	.cont-wrap .txt-noti {font-size:1.5rem; text-align:left !important;}
	.cont-wrap .mo-view {display:block;}

	.cont-wrap .title-wrap {font-size:2.0rem;}
	.cont-wrap .tbl-wrap .tbl th {font-size:16px;}

	.tit-content dt {font-size:1.5rem; padding:15px 0;}
	.tit-content dd {font-size:1.5rem;}
	.cont-wrap .cont-box .vaccine-cnt .tit-content dd span {display:block;}

}