@charset 'utf-8';
@import url('../../fonts/font.css');
* {box-sizing:border-box;}
body {font-family:'Nanum Gothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', 'Arial', 'sans-serif';font-size:16px;line-height:1.5;color:#222222;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, textarea, pre {margin:0;padding:0;}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {font-size:16px;}
input, select {font-family:'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', 'Arial', 'sans-serif';}
h1, h2, h3, h4, h5, h6 {font-size:18px;font-weight:normal;}
em {font-style:normal;}
ul, ol, li {list-style:none;}
fieldset, img {border:none;}
body a {text-decoration:none;color:#222222;}
body a:hover, body a:active, body a:focus {text-decoration:none;}
pre {padding-top:5px;}
table {margin:0;padding:0;border-spacing:0;border-collapse:collapse;border:0;}
td {text-align:left;}
hr {display:none;}
caption, legend {position:absolute;display:none;visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;text-indent:-9999px;}
#skipNavi {position:absolute;z-index:99999;top:-10.5em;left:0;width:100%;margin:0 auto;font-size:1.15em;list-style:none;}
#skipNavi a:active, #skipNavi a:focus {position:absolute;top:10.5em;width:100%;height:2em;padding-top:.5em;font-weight:bold;text-align:center;color:#000000;border:1px solid #475470;outline:0;background:#ffffff;}
.invisible {position:absolute;overflow:hidden;clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;padding:0;border:0;}
img {max-width:100%;}

body {height:100%;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;}

#skipNavi {position:absolute;z-index:99999;top:-10.5em;left:0;width:100%;margin:0 auto;font-size:1.15em;list-style:none;}
#skipNavi a:active, #skipNavi a:focus {position:absolute;top:10.5em; /* left: 0; text-align: center; color: #000; font-weight:bold; text-decoration: underline; */width:100%;padding-top:.5em;line-height:2em;border:1px solid #475470;outline:0;background:#fff;}
.invisible {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;}

/* 최상단 로고 */
.top_bar {position:relative;overflow:hidden;height:50px;background-color:#bd1318;}
.top_bar .bar_wrap {width:1060px;margin:0 auto;}
.top_bar .bar_wrap .text {float:right;height:45px;font-size:13px;line-height:4em;color:#fff;}
.top_bar .bar_wrap .text strong {color:#f8cc18;}
.top_bar .bar_wrap a {display:inline-block;padding:4px 0 0 10px;}
.top_bar .bar_wrap .text {margin-right:5px;font-size:.8125em;}
@media (max-width: 1151px) {
	.top_bar {display: none}
}


/* 메인 비쥬얼 */
#main_wrap {background-position:10% top;}
.visual-wrap {position:relative;overflow:hidden;width:100%;padding:0;background:url(../images/mo-visual-bg2024.jpg) no-repeat center bottom;background-size:cover;aspect-ratio: 640 / 270;}
.visual-wrap-new {background:url(../images/visual-2024-new-mo.jpg) no-repeat center bottom;background-size:cover;aspect-ratio: 640 / 270;}
.visual-wrap p {overflow:hidden;padding:10% 10% 19%;text-align:center; display:none;}

.nav {position:relative;position:relative;z-index:8;overflow:hidden;height:auto;margin:0 auto;background:#095455 url(../images/bg-nav-2024.jpg) repeat-x 0 0;}
.nav > a {position:absolute;top:0;left:0;display:block;overflow:hidden;width:auto;height:100%;text-indent:-999999rem;}
.nav ul {position:relative;margin:0 auto;width: 100%;}
.nav ul li {overflow:hidden;box-sizing:border-box;text-align:center;opacity:0;}
.nav ul li a {display: flex;text-align:center;align-items: center;justify-content: center;height:100%;}
.nav ul li a span.icon {-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:1;background:url('../images/icon_menu_2024.png') center no-repeat;width:34px;height:29px;background-size: auto 58px;margin-right:10px;}
.nav ul li a span.text {display:block;font-size:14px;font-weight:bold;color:#fff;flex-grow: 1;text-align:left;letter-spacing: -0.5px;}
.nav ul li a span.text span {font-size:1em;color:#fff;}
.nav ul {width:100%;display: flex;flex-wrap: wrap;}
.nav ul li {z-index:8;box-sizing:border-box;width:50%;height:46px;margin:0;padding:5px 10px;border:1px solid #3a7677;border-bottom: 0;}
.nav ul li:first-child {width:100%;border-top: 0;}
.nav ul li.m0 {display:flex;align-items:center;justify-content:center;border-right:0;border-left:0;}
.nav ul li:nth-child(n+1) {border-left:0;}
.nav ul li:nth-child(2n+1) {border-right:0;}
.nav ul li a span.text span {display:block;}

/* .nav ul:before {position:absolute;z-index:10;top:0;left:0;width:100%;height:5px;content:'';background:url('../images/line2023.png') repeat-x 10% top;background-size:100% 5px;} */

.tit-img {margin: 50px -10px 20px;}

.menu_sub {position:fixed;z-index:8;top:0;left:0;width:100%;margin-top:-141px;}

.menu_sub {position:fixed;z-index:8;top:45px;left:0;width:100%;min-width:100%;margin-top:-250px;}
.menu_sub .nav {position:relative;z-index:8;width:100%;height:auto;margin:0 auto;}
.menu_sub .nav ul {position:relative;float:right;width:100%;}

.nav ul li.m0 img{height:16px;margin-top: 5px; aspect-ratio: 318 / 28;}
.nav ul li.m1 a span.icon {background-position:0 0;}
.nav ul li.m2 a span.icon {background-position:-34px 0;}
.nav ul li.m3 a span.icon {background-position:-68px 0;}
.nav ul li.m4 a span.icon {background-position:-102px 0;}
.nav ul li.m5 a span.icon {background-position:-136px 0;}
.nav ul li.m6 a span.icon {background-position:-170px 0;}

.menu_sub .nav ul.m1 li.m1 a span.icon {background-position:0 -29px;}
.menu_sub .nav ul.m1 li.m2 a span.icon {background-position:-34px 0;}
.menu_sub .nav ul.m1 li.m3 a span.icon {background-position:-68px 0;}
.menu_sub .nav ul.m1 li.m4 a span.icon {background-position:-102px 0;}
.menu_sub .nav ul.m1 li.m5 a span.icon {background-position:-136px 0;}
.menu_sub .nav ul.m1 li.m6 a span.icon {background-position:-170px 0;}

.menu_sub .nav ul.m2 li.m1 a span.icon {background-position:0 0;}
.menu_sub .nav ul.m2 li.m2 a span.icon {background-position:-34px -29px;}
.menu_sub .nav ul.m2 li.m3 a span.icon {background-position:-68px 0;}
.menu_sub .nav ul.m2 li.m4 a span.icon {background-position:-102px 0;}
.menu_sub .nav ul.m2 li.m5 a span.icon {background-position:-136px 0;}
.menu_sub .nav ul.m2 li.m6 a span.icon {background-position:-170px 0;}

.menu_sub .nav ul.m3 li.m1 a span.icon {background-position:0 0;}
.menu_sub .nav ul.m3 li.m2 a span.icon {background-position:-34px 0;}
.menu_sub .nav ul.m3 li.m3 a span.icon {background-position:-68px -29px;}
.menu_sub .nav ul.m3 li.m4 a span.icon {background-position:-102px 0;}
.menu_sub .nav ul.m3 li.m5 a span.icon {background-position:-136px 0;}
.menu_sub .nav ul.m3 li.m6 a span.icon {background-position:-170px 0;}

.menu_sub .nav ul.m4 li.m1 a span.icon {background-position:0 0;}
.menu_sub .nav ul.m4 li.m2 a span.icon {background-position:-34px 0;}
.menu_sub .nav ul.m4 li.m3 a span.icon {background-position:-68px 0;}
.menu_sub .nav ul.m4 li.m4 a span.icon {background-position:-102px -29px;}
.menu_sub .nav ul.m4 li.m5 a span.icon {background-position:-136px 0;}
.menu_sub .nav ul.m4 li.m6 a span.icon {background-position:-170px 0;}

.menu_sub .nav ul.m5 li.m1 a span.icon {background-position:0 0;}
.menu_sub .nav ul.m5 li.m2 a span.icon {background-position:-34px 0;}
.menu_sub .nav ul.m5 li.m3 a span.icon {background-position:-68px 0;}
.menu_sub .nav ul.m5 li.m4 a span.icon {background-position:-102px 0;}
.menu_sub .nav ul.m5 li.m5 a span.icon {background-position:-136px -29px;}
.menu_sub .nav ul.m5 li.m6 a span.icon {background-position:-170px 0;}

.menu_sub .nav ul.m6 li.m1 a span.icon {background-position:0 0;}
.menu_sub .nav ul.m6 li.m2 a span.icon {background-position:-34px 0;}
.menu_sub .nav ul.m6 li.m3 a span.icon {background-position:-68px 0;}
.menu_sub .nav ul.m6 li.m4 a span.icon {background-position:-102px 0;}
.menu_sub .nav ul.m6 li.m5 a span.icon {background-position:-136px 0;}
.menu_sub .nav ul.m6 li.m6 a span.icon {background-position:-170px -29px;}


.nav ul.m1 li.m1 a span.text {color:#ffe27c;}
.nav ul.m2 li.m2 a span.text {color:#ffa462;}
.nav ul.m3 li.m3 a span.text {color:#ffb3d7;}
.nav ul.m4 li.m4 a span.text {color:#18e3fb;}
.nav ul.m5 li.m5 a span.text {color:#48ed66;}
.nav ul.m6 li.m6 a span.text {color:#e8b5ff;}

.traffic_wrap {box-sizing:border-box;width:100%;height:0;min-height:0;padding-bottom:100%;background-size:auto;}
.traffic_wrap .iphone {left:5%;overflow:hidden;box-sizing:border-box;width:40%;height:0;margin:0;padding-bottom:100%;background-position:center center;background-size:contain;}
.traffic_wrap .traffic {top:50%;right:5%;left:auto;overflow:visible;box-sizing:border-box;width:40%;height:auto;transform:translateY(-50%);background-position:center center;background-size:contain;}
.traffic_wrap .traffic h3 {position:relative;overflow:visible !important;font-size:35px;line-height:1;letter-spacing:-1px;color:#333;}
.traffic_wrap .traffic h3:before {position:absolute;top:-133px;left:0;width:110px;height:113px;content:'';background:url(../images/title_traffic_live_before2021.png) bottom left no-repeat;background-size:contain;}
.traffic_wrap .traffic .desc {margin-top:25px;font-size:15px;color:#6a6760;}
.traffic_wrap .traffic .btn {position:relative;margin-top:20px;}

.traffic_day > img {padding:0 !important;}

.flex-wrap {display: flex;align-items: center;}
.flex-wrap  img {margin-right: 50px;width: auto;flex-shrink: 0;}
.flex-wrap.flex-space {justify-content: space-between}
.flex-wrap.flex-space img {margin-right: 0}
table.table-traffic {margin: 20px 0 5px}
p.small {font-size: 16px;}


.sub_wrap {overflow-x:hidden;background:url('../images/sub_wrap_bg.png') repeat-y center top #f7f4ea;}
.sub_wrap .sub_cont {width:100%;max-width:1060px;margin:0 auto;padding:80px 30px 20px;background:url('../images/cont_foot.png') no-repeat center 50px;}
.sub_wrap .sub_cont.sub_cont_hospital {margin: 0 auto;background: #fff url('../images/cont-top-2024.jpg') no-repeat center 0px;background-size: 100% auto}
.sub_wrap .sub_file {position:relative;min-width:1000px;height:120px;background:url('../images/file_back.png') no-repeat center top;}
@media (max-width: 1151px) {
	.sub_wrap .sub_cont.sub_cont_hospital {background: #fff url('../images/cont-top-2024-m.png') no-repeat center 0px;background-size: 100% auto}
}
@media all and (min-width:768px) {
	.sub_wrap .sub_file.file_hospital {position:relative;min-width:1000px;height:120px;background:url('../images/file_back_hospital.png') no-repeat center top;}
	.sub_wrap .sub_file.file_hospital {height:170px;}
	.sub_wrap .sub_file.file_hospital .download {width: calc(100% - 118px);margin-left: -412px;display: flex;flex-wrap: wrap;padding-right: 200px;}
	.sub_wrap .sub_file.file_hospital .download a{margin-right:5px;margin-bottom:5px;}
	.tbl_scroll > table{width:100% !important}
	.sub_sns { padding: 0 !important; }
}

.sub_sns {position:relative;overflow:visible !important;height:120px;margin:0 auto;background-color:#feecd4;}
.sub_sns .topbtn {position:absolute;z-index:5;top:-64px;right:0;}
.sub_sns .topbtn a {display:flex;align-items:flex-end;flex-direction:row-reverse;justify-content:space-between;width:63px;height:62px;}
.sub_sns .holder {display:flex;overflow:hidden;flex-direction:row;justify-content:space-around;width:100%;max-width:1000px;height:100%;margin:0 auto;text-align:center;}
.sub_sns .holder .sns-max {width: 53%;display: flex;align-items: flex-end;max-width: 570px}
.sub_sns .holder .btn {width: 45%;display: flex;align-items: center;cursor: none}
.sub_sns * {vertical-align:middle;}

.sub_sns .sns-min {display:none;}

.sub_sns a.sns {display:inline-block;overflow:hidden;width:64px;height:64px;margin-right:5px;text-indent:-1000px;background:url('../images/sns_icon2023.png') no-repeat;}
.sub_sns a.sns.facebook {background-position:0 0;}
.sub_sns a.sns.twitter {background-position:-64px 0;}
.sub_sns a.sns.kakaotalk {background-position:-128px 0;}
.sub_sns a.sns.blog {background-position:-192px 0;}
.sub_sns a.sns.share {background-position:-256px 0;}


div.download {position:absolute;left:50%;width:800px;margin-top:28px;margin-left:-394px;}

/* 다운로드 영역 수정 2022-09-08 */
.sub_wrap .sub_file.file_hospital_new {position: relative;width: 100%;max-width: 1000px;height: auto;margin: 0 auto;padding: 25px 0;background: #fff;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;line-height: 1;box-sizing: border-box;}
.file_hospital_new {display: flex;align-items: center;}
.file_hospital_new .title {width: 83px;margin-right: 10px;margin-left: 0px;margin-bottom: 1px;}
.file_hospital_new .download {position: relative;top: 0;left: 0;margin: 0;display: flex;align-items: flex-start;justify-content: flex-start;}
.file_hospital_new .download a {width: 231px;margin-right: 5px;}
.sub_wrap .sub_file.sub_file_withTxt {align-items: flex-start}
.sub_wrap .sub_file.sub_file_withTxt .download {flex-wrap: wrap;}
.sub_wrap .sub_file.sub_file_withTxt p.blue {width: 100%;color: blue;margin-top: 5px;padding-left: 20px;text-indent: -20px;text-align: left;}

@media (max-width: 1151px) {
	#main_wrap {margin-top: 45px;}
}
@media (max-width: 1074px) {
	.sub_wrap .sub_file.file_hospital_new {min-width: 100%}
	.file_hospital_new .title {width: 8%;flex-shrink: 0;margin-left: 0;}
	.file_hospital_new .download {width: calc(100% - 9%);flex-wrap: wrap}
	.file_hospital_new .download a {width: 24.5%;margin-right: .5%;}
}
@media (max-width: 768px) {
	.sub_wrap .sub_file.file_hospital_new {align-items: flex-start;}
	.file_hospital_new .title {width: 80px;}
	.file_hospital_new .download {justify-content: flex-start;padding: 0 !important;}
	.file_hospital_new .download a {width: 48%;margin: 0 0 5px;padding-right: 10px;}

}
@media (max-width: 570px) {
	.file_hospital_new .download {flex-direction: column;}
	.file_hospital_new .download a {width: 100%}
	.file_hospital_new .download a img {margin: 0 !important;}
}
@media (min-width: 1075px) {
	.file_hospital_new .download{	width: calc(100% - 53px);}
}

.footer-wrap {padding:20px 0 25px 0;background-color:#4f4a3c;}
.copyright {max-width:1000px;margin:0 auto;font-size:14px;line-height:40px;text-align:center;letter-spacing:0;color:#fff;}
.copyright .toplink {position:relative;width:1000px;height:0;margin:0 auto;}
.copyright .toplink a {float:right;height:58px;margin-top:-54px;}
.make-day {width:128px;height:22px;margin:0 auto;border:1px solid rgba(255,255,255,.3);border-radius:3px;}
.make-day li {float:left;padding:0 7px;font-size:11px;line-height:22px;text-align:center;color:#fff;background:rgba(0,0,0,.3);}
.make-day li.txt {width:40%;color:#000;background:#fff;}

/* content */
.sub_wrap h2 {margin:50px 0 60px;font-size:2rem;color:#ad6304;}
.sub_wrap h2 span {display:inline-block;font-size:inherit !important;letter-spacing:-.1em;color:inherit;border-bottom:3px solid #ad6304;}
.sub_wrap h3 {margin:30px 0;font-size:1.75rem;letter-spacing:-.1em;color:#333;}
.sub_wrap h4 {margin:40px 0 20px;font-size:1.5rem;letter-spacing:-.1em;color:#333;}
.sub_wrap h4 .go {margin-left:10px;}
.sub_wrap h3 + h4, .sub_wrap h3 + .sub_cont_wrap > .header-wrap > h4, .sub_wrap h3 + .sub_cont_wrap > h4, h3 + div > h4:first-child {margin-top:0;}
.small {font-size:smaller;}

.sub_cont_park h2 {color:#1e7b97;}
.sub_cont_park h2 span {color:inherit;border-bottom:3px solid #1e7b97;}
.sub_cont_park h4, .sub_cont_park .point {color:#1e7b97;color:inherit;}

.sub_cont_traffic h2 {color:#ad6304;}
.sub_cont_traffic h2 span {color:inherit;border-bottom:3px solid #ad6304;}
.sub_cont_traffic h4, .sub_cont_traffic .point {color:#ad6304;}

.sub_cont_culture h2 {color:#b94709;}
.sub_cont_culture h2 span {color:inherit;border-bottom:3px solid #b94709;}
.sub_cont_culture h4, .sub_cont_culture .point {color:#b94709;}

.sub_cont_market h2 {color:#97064a;}
.sub_cont_market h2 span {color:inherit;border-bottom:3px solid #97064a;}
.sub_cont_market h4, .sub_cont_market .point {font-size:1.625rem;color:#97064a;}

.sub_cont_hospital h2 {color:#05771a;}
.sub_cont_hospital h2 span {color:inherit;border-bottom:3px solid #05771a;}
.sub_cont_hospital h4, .sub_cont_hospital .point {color:#05771a;}

.sub_cont_safe h2 {color:#1e7b97;}
.sub_cont_safe h2 span {border-bottom:3px solid #1e7b97;}
.sub_cont_safe h4, .sub_cont_safe .point {color:#1e7b97;}

.sub_cont_trash h2 {color:#6A46C0;}
.sub_cont_trash h2 span {color:inherit;border-bottom:3px solid #6A46C0;}
.sub_cont_trash h4, .sub_cont_trash .point {color:#6A46C0;}

.parking-top{margin-top:15px}

.table {width:100%;margin:20px 0 20px;border-collapse:collapse;}
.table .odd th, .table .odd td {background:#f5f5f5;}
.table .even th, .table .even td,.table .bg-white th, .table .bg-white td {background:#fff;}
.table th {padding:5px 0 !important;font-size:14px;background:#fff;}

.table td {padding:8px 4px !important;font-size:14px;}
.table thead th, .table tbody th {font-weight:bold;text-align:center;color:#fff;}
.table tbody td {font-size:14px;text-align:center;word-break:keep-all;overflow-wrap:anywhere;}
.table tbody td * {font-size:inherit !important;}
.table .bg-white {background:#fff !important;}
.table .tr-line {border-top:1px solid #e9e9e9;}

.table-bordered {border-bottom:1px solid #e9e9e9;}
.table-bordered tr td {border-left:1px solid #e9e9e9;}
.table-bordered tbody tr th:first-child, .table-bordered tbody tr td:first-child {border-left:0;}
.table-bordered tbody trtd
.table .left-line {border-left:1px solid #e9e9e9 !important;}

.table-double thead th {padding:5px 0;}
.table thead th.align-left, .table thead td.align-left, .table tbody th.align-left, .table tbody td.align-left {text-align:left;}

.table-traffic thead th {background:#ad6304;}
.table-traffic tbody th {color:#ad6304;}
.table-culture thead th {background:#414e54;}/* 4dc5d7 */
.table-culture tbody th {color:#666;}
.table-market thead th {background:#97064a;}
.table-market tbody th {color:#97064a;}
.table-hospital thead th {background:#05771a;}
.table-hospital tbody th {color:#05771a;}
.table-safe thead th {background:#1e7b97;}
.table-safe tbody th {color:#1e7b97;}
.table-trash thead th {background:#6A46C0;}
.table-trash tbody th, .table-trash tbody strong {color:#6A46C0;}
.table-trash tbody tr:nth-child(odd) th, .table-trash tbody tr:nth-child(odd) td {background:#f5f5f5;}
.table-park thead th {background:#414e54;}/* 4dc5d7 */
.table-park tbody th {color:#6887d7;}/* 4dc5d7 */
.table-park th, .table-park td {padding:10px;word-break:break-all;}
.table-culture tbody td.title {font-weight:bold;color:#666;}/* 6887D7*/
.table-culture .align-left a {font-size:14px;font-weight:bold;color:#0c82e9;}

.tbl_scroll {overflow:hidden;box-sizing:border-box;margin-bottom:15px;}


.list-type1 {margin-bottom:10px;}
.list-type1 > li {margin:5px 0;padding:0 0 0 12px;background:url(../images/bl_dot.png) no-repeat 0 8px;}
.list-type2 > li, p.list-type2 {margin:5px 0;padding:0 0 0 12px;background:url(../images/bl_dash.png) no-repeat 0 8px;}
.list-type2-indent {margin-left:83px !important;}
.list-type2-indent2 {margin-left:53px !important;}
.list-type3 > li {background:none;}
li.bg-none {background: none !important}
li.bg-none:before {display: none !important}
ul.list-type-large>li {margin: 0 0 15px;}
ul.list-type-large>li>ul {margin-bottom: 15px;}


.sub_cont_wrap {margin-left:30px;}
h4.sub_cont_wrap {margin-left:30px !important;}
.sub_subway {margin-bottom:30px;}
.sub_subway h5 {display:inline-block;float:left;width:130px;margin-right:10px;}

.icon-up {display:inline-block;width:11px;height:17px;margin:0 5px;vertical-align:middle;text-indent:-9999em;background:url(../images/icon_up.png) no-repeat;}
p.txt-notice-strong, .table-notice-btm {margin:5px 0;color:#000;}

.header-wrap * {vertical-align:middle;}
.header-wrap .go {padding-left:10px;vertical-align:top;}

p.ptype1 {margin:10px 0;}
p.ptype2 {margin:30px 0;}
p.ptype3 {margin:5px 0;}
p.ptype2_1 {margin:10px 0;padding-left:20px;text-indent:-20px;}
p.indent10 {margin:5px 0 ;padding-left:20px;text-indent:-20px;}

.trash_para p.ptype1{margin-top:20px;}

.traffic-visual-wrap {display:flex;align-items:center;justify-content:space-evenly;padding:70px 0;}
.traffic-visual-wrap h3 {position:relative;margin-bottom:15px;font-size:35px;line-height:1;letter-spacing:-1px;color:#333;}
.traffic-visual-wrap h3:before {position:absolute;top:-93px;left:0;width:87px;height:59px;content:'';background:url(../images/title_traffic_live_before2024.png) bottom left no-repeat;background-size:contain;}
.traffic-visual-wrap .desc {margin-top:15px;margin-bottom:25px;font-size:18px;line-height:1.5;}

/*교통대책 */
.list-type1>li.last {padding-left: 0;list-style-type: none;background: none}
.list-type1>li.last:before {display: none;}
.last .table-traffic thead th,
.last .table-traffic tbody td {font-size: 14px;}
.last .table-traffic thead th {padding: 3px 0;}
/* topis */
.cont-topis-wrap {display: flex;margin: 25px 0;border-bottom: 1px solid #e9e9e9;}
.cont-topis-wrap .cont-topis {display: flex;flex-direction: column;width: 50%;}
.cont-topis h5 {display: flex;justify-content: center;width: 100%;padding: 10px 0;background: #ad6304;color: #fff;font-weight: 700;text-align: center;font-size: 16px;}
.cont-topis-list {flex: 1 1 auto;display:flex;}
.cont-topis-list p {width: 50%;text-align: center;padding: 10px;font-size: 14px;}
.cont-topis-list p > img {margin: 15px auto}
.cont-topis-list p + p {border-left: 1px solid #e9e9e9;}
.cont-topis-list img {max-width: 100%}
.cont-topis-wrap .cont-topis.cont-topis-twitter {padding: 0;border-left: 1px solid #e9e9e9;}
.cont-topis-twitter .cont-topis-list {align-items: stretch;}
.topis_tw_wrap {display: flex;gap: 10px;flex-wrap: wrap;}
.topis_box {display: flex;flex-direction: column;justify-content: center;gap: 10px;padding: 10px 20px;}
.topis_box>strong {font-size: 14px;}
.topis_box:first-child {border-bottom: 1px solid #e9e9e9}
.topis_box img {width:50px;}
.topis_box dl {overflow: hidden;padding: 20px 10px;font-size:14px;border:2px solid #ebebeb;border-radius:10px;}
.topis_box dl dt {float:left;width:60px;height:100%;}
.topis_box dl dd {float:left;width:calc(100% - 60px);}
.topis_box dl dd.tw_name {margin-bottom:5px;}
/* vms 2024 */
.cont-topis-wrap.vms .cont-topis.col1 {width: 33.3334%}
.cont-topis-wrap.vms .cont-topis.col2 {width: 66.6666%;border-left: 1px solid #e9e9e9}
.cont-topis-wrap.vms .cont-topis-list {align-items: flex-end}
.cont-topis-wrap.vms .cont-topis-list p + p {border-left: 0}
.cont-topis.col1 p {width: 100%}

/* 장애인 성묘지원버스 운행 2024 */
.indent85 {padding-left: 63px;text-indent: -63px;}
ul li.flex {display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;gap: 5px 20px;}
ul li.flex .title {width: 100%;}
ul li.flex .flex-cont {width: calc(70% - 20px)}
ul li.flex .img {max-width: 30%}
ul li.flex .img img {width: 100%;height: auto;}

.sub_cont_hospital ul.list-type1 > li {margin:10px 0;}
.sub_cont_hospital ul.green li {color:#31b049;}
.sub_cont_hospital .sub_hospital_para {margin:10px 0 30px;}
.sub_hospital {margin:10px 0;padding-left:240px;background:url(../images/bg_hospital.png) no-repeat 0 0;}
.sub_hospital ul.list-type1 li {margin:20px 0;}

.table-hospital tbody tr.gray td {background: #f2f2f2 !important}
.table-hospital tbody tr.white td {background: #fff !important}
.table-hospital.no {border-right: 1px solid #e9e9e9}
.table-hospital thead p {color: #fff;font-weight: 700}
.table-hospital.no tbody tr th {background: #05771a;color: #fff;}
.table-hospital.no tbody tr td {border-top: 1px solid #e9e9e9}
.table-hospital.no tbody td.none {width: 5px;border: 0 !important;padding: 0;}

/* hospital */
.box-hospital {margin: 20px 0;font-size: 22px;font-weight: 700;padding: 20px;background: #EEFBEA;color: #007812;text-align: center;}
.box-hospital2 {margin: 20px 0;padding: 20px 30px;background: #f8f8f8;border: 1px solid #ebebeb;word-break: keep-all;}

/* market */
.market-list {font-size:14px;border-top:1px solid #eae5df;border-bottom:2px solid #eae5df;}
.market-list ul li {position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:-1px;padding:8px 10px 10px 90px;border-bottom:1px solid #eae5df;}
.market-list ul li strong {position:absolute;top:6px;left:10px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:70px;margin:0 5px;padding:1px 5px 5px;text-align:center;color:#fff;border-radius:5px;background:#97064a;}
.market-list-half ul {overflow:hidden;}
.market-list-half ul li {float:left;width:50%;}
.market_para p {margin:30px 0;}
.market_para p.break {word-break: break-all}
.market_para p:first-child {margin:0 0 30px 0;}

/* safe */
ul.list-type-icon li {margin:10px 0;font-size:24px;color:#76b719;}
ul.list-type-icon li * {vertical-align:middle;}
.icon {display:inline-block;width:38px;height:34px;}
.icon-type1 {background:url(../images/icon_safe1.png) no-repeat 0 0;}
.icon-type2 {background:url(../images/icon_safe2.png) no-repeat 0 0;}
.icon-type3 {background:url(../images/icon_safe3.png) no-repeat 0 0;}
.ptype2-safe {font-size:20px;font-style:italic;color:#1e7b97;}
.img-119 {margin:60px 0 0;text-align:center;}

.list-type1 .traffic_signboard {float:right;margin-top:-10px;background:none;}
.list-type1 .traffic_signboard img {height:190px;}

.table-culture tbody a {font-size:14px;font-weight:500;color:#0c82e9;}


.tel_number {overflow:hidden;}
.tel_number > li {position:relative;display:block;float:left;overflow:hidden;box-sizing:border-box;width:33.33%;margin-bottom:40px;}
.tel_number > li:nth-child(3n+1) {clear:both;}
.tel_number > li:nth-last-child(3n+1) {margin-bottom:0;}
.tel_number > li > span {display:inline-block;overflow:hidden;}
.tel_number > li > a {display:block;color:#1e7b97;}
.tel_number > li > a:before {display:inline-block;width:16px;height:16px;content:'';vertical-align:middle;background:url('../images/icon_tel_new.gif') no-repeat center center;background-size:contain;margin-right:5px;}
.tel_number > li > .icon_num {float:left;width:57px;height:0;margin-right:20px;padding-bottom:57px;border-radius:50%;background-color:#7292df;}
.tel_number > li > .names {color:#222;}
.tel_number > li:nth-child(1) > .icon_num {background-image:url('../images/icon_safe_num_new_01.gif');background-repeat:no-repeat;background-position:center center;background-size:contain;}
.tel_number > li:nth-child(2) > .icon_num {background-image:url('../images/icon_safe_num_new_02.gif');background-repeat:no-repeat;background-position:center center;background-size:contain;}
.tel_number > li:nth-child(3) > .icon_num {background-image:url('../images/icon_safe_num_new_03.gif');background-repeat:no-repeat;background-position:center center;background-size:contain;}
.tel_number > li:nth-child(4) > .icon_num {background-image:url('../images/icon_safe_num_new_04.gif');background-repeat:no-repeat;background-position:center center;background-size:contain;}
.tel_number > li:nth-child(5) > .icon_num {background-image:url('../images/icon_safe_num_new_05.gif');background-repeat:no-repeat;background-position:center center;background-size:contain;}
.tel_number > li:nth-child(6) > .icon_num {background-image:url('../images/icon_safe_num_new_06.gif');background-repeat:no-repeat;background-position:center center;background-size:contain;}
.tel_number > li:nth-child(7) > .icon_num {background-image:url('../images/icon_safe_num_new_07.gif');background-repeat:no-repeat;background-position:center center;background-size:contain;}
.tel_number > li:nth-child(8) > .icon_num {background-image:url('../images/icon_safe_num_new_08.gif');background-repeat:no-repeat;background-position:center center;background-size:contain;}
.tel_number > li:nth-child(9) > .icon_num {background-image:url('../images/icon_safe_num_new_09.gif');background-repeat:no-repeat;background-position:center center;background-size:contain;}
.tel_number > li:nth-child(10) > .icon_num {background-image:url('../images/icon_safe_num_new_10.gif');background-repeat:no-repeat;background-position:center center;background-size:contain;}
.tbl_scroll {position:relative;overflow-x:auto !important;box-sizing:border-box;padding:2px;border:1px solid #ddd;-webkit-overflow-scrolling:touch;}
.tbl_scroll > table {width:150%;margin:0;}
.tbl_scroll > table.table-hospital {width: 1000px}
.sub_subway .right-con {display:table;min-height:72px;vertical-align:middle;}
.sub_subway .right-con ul {display:table-cell;vertical-align:middle;}


@media screen and (max-width: 768px) {
	.sub_wrap .sub_cont {width:100%;padding:80px 10px 20px 10px;}

	/* SNS 영역 */
	.sub_wrap .sub_sns {min-width:auto;height:auto !important;margin:0;padding:5px 0;}
	.sub_wrap .sub_sns div.btn {position:relative;left:0;margin:0;padding:0 0 10px;text-align:center;}
	.sub_wrap .sub_sns div.btn img {display:block;height:50px;margin:0 auto 10px;}
	.sub_wrap .sub_sns a.sns {width:40px;height:40px;text-align:left;vertical-align:middle;}
	.sub_wrap .sub_sns a.sns.facebook {background-position:0 0;background-size:auto 100%;}
	.sub_wrap .sub_sns a.sns.twitter {background-position:-40px 0;background-size:auto 100%;}
	.sub_wrap .sub_sns a.sns.kakaotalk {background-position:-80px 0;background-size:auto 100%;}
	.sub_wrap .sub_sns a.sns.blog {background-position:-120px 0;background-size:auto 100%;}
	.sub_wrap .sub_sns a.sns.share {background-position:-160px 0;background-size:auto 100%;}

	/* 교통정보 */
	.cont-topis-wrap {flex-direction: column;}
	.cont-topis-wrap .cont-topis {width: 100% !important}
	.cont-topis-wrap .cont-topis.cont-topis-twitter {border-left: 0}
	.cont-topis-wrap.vms .cont-topis.col2 {border-left: 0}
	ul li.flex {gap: 5px 10px}
	.last .tbl_scroll > table {width: 180%}
	.topis_box dl dd {font-size: 14px;}
	
	.topbtn {position:absolute;top:auto;right:0;bottom:0;left:auto;margin-left:0;}
	.topbtn a {display:block;width:40px;height:40px;}
	.topbtn a img {width:40px;}

	/* hospital */
	.box-hospital {font-size: 18px;padding: 15px;}
	.box-hospital2 {padding:15;}


}

@media all and (max-width:480px) {
	html, body {font-size:14px !important;}
	img {max-width:100%;}

	/* 최상단 로고 */
	.top_bar {position:relative;overflow:hidden;height:50px;background-color:#999;}
	.top_bar .bar_wrap {width:100%;}
	.top_bar .bar_wrap .text {margin-right:5px;font-size:.8125em;}

	/* 메인 비쥬얼 */
	.visual-wrap:before, .visual-wrap:after {background-size:auto 50%;}
	.traffic-visual-wrap {padding:30px 0;}
	.phone-wrap img {max-width:40vw;}
	.traffic-txt-wrap {overflow:visible !important;width:40vw;}
	.traffic-visual-wrap h3 {margin:60px 0 0;}
	.traffic-visual-wrap h3:before {top:-60px;height:50px;}
	.traffic-visual-wrap .desc {margin:5px 0 15px;font-size:15px;}
	.traffic-visual-wrap .desc strong {display:block;}

	.corona .visual-wrap p {overflow:hidden;padding:5% 30%;}
	.menu_sub .nav ul li a span.text {display:block;}

	.sns-wrap {clear:both;overflow:hidden;background:#fcf9f2 url('../images/sub_wrap_bg.png') repeat-y center top;}

	.traffic_wrap {overflow:hidden;box-sizing:border-box;width:100%;height:0;min-height:0;padding-bottom:100%;background-size:auto;}
	.traffic_wrap .iphone {left:5%;overflow:hidden;box-sizing:border-box;width:40%;height:0;margin:0;padding-bottom:100%;background-position:center center;background-size:contain;}
	.traffic_wrap .traffic {top:50%;right:2%;left:auto;overflow:visible;box-sizing:border-box;width:48%;height:auto;transform:translateY(-50%);background-position:center center;background-size:contain;}
	.traffic_wrap .traffic .desc {margin-top:1em;font-size:15px;color:#6a6760;}
	.traffic_wrap .traffic .btn {position:relative;margin-top:20px;}
	.traffic_wrap .sns a {float:left;overflow:hidden;width:64px;height:64px;margin-right:5px;text-indent:-1000px;background:url('../images/sns_icon.png') no-repeat;}

	.sns-wrap .sns {overflow:hidden;width:100%;height:100px;background-color:#e0d6ce;}
	.traffic_wrap .sns a {float:left;overflow:hidden;width:64px;height:64px;margin-right:5px;text-indent:-1000px;background:url('../images/sns_icon.png') no-repeat;}
	.sns-wrap .sns a.facebook {margin-left:50px;background-position:0 0;}
	.sns-wrap .sns a.twitter {background-position:-64px 0;}
	.sns-wrap .sns a.kakaotalk {background-position:-128px 0;}



	.sub_wrap {overflow-x:hidden;background:url('../images/sub_wrap_bg.png') repeat-y center top #f7f4ea;}
	.sub_wrap div {overflow:hidden;}
	.sub_wrap .sub_cont {box-sizing:border-box;width:100%;min-height:auto;padding:80px 10px 20px 10px;background-position:center 50px;background-size: auto 35px;}

	/* .sub_wrap .sub_cont.sub_cont_culture { padding-top: 20px;} */
	.sub_wrap .sub_cont.sub_cont_hospital {padding-top: 40px;}
	.sub_wrap .sub_file {min-width:auto;height:auto;text-align:center;background-size: auto 100%;}
	.sub_wrap .sub_file > .download {position:relative;left:auto;width:100%;margin:0;padding:10px 0;}
	.sub_wrap .sub_file > .download > a {display:block;}
	.sub_wrap .sub_file > .download > a > img {display:block;margin:0 auto;}
	.sub_wrap .sub_file > .download > a + a {margin-top:5px;}
	.footer-wrap {overflow:hidden;padding:20px 10px;}
	.copyright {width:auto;font-size:.8125em;line-height:1;}

	/* content */
	.sub_wrap h2 {margin:40px 0 30px;font-size:1.6em;line-height:1.2;}
	.sub_wrap h3 {margin:30px 0 15px;font-size:1.4em;line-height:1.2;}
	.sub_wrap h4 {margin:30px 0 10px;font-size:1.2em;line-height:1.2;}
	.sub_weap h2 *, .sub_weap h3 *, .sub_weap h4 * {line-height:inherit;}

	.table {width:100%;margin:20px 0 20px;border-collapse:collapse;}
	.table th {font-size:.875em;}
	.table td {font-size:.875em !important;}

	.table-bordered {border-bottom:1px solid #e9e9e9;}
	.table-bordered tr td {border-left:1px solid #e9e9e9;}
	.table-bordered tbody tr th:first-child, .table-bordered tbody tr td:first-child {border-left:0;}
	.table .left-line {border-left:1px solid #e9e9e9 !important;}

	.table-double thead th {padding:5px 0;}
	.table thead th.align-left, .table thead td.align-left, .table tbody th.align-left, .table tbody td.align-left {text-align:left;}

	.sub_wrap h4 .go img {height:25px;}

	.tbl_scroll {position:relative;overflow-x:auto !important;box-sizing:border-box;padding:2px;border:1px solid #ddd;-webkit-overflow-scrolling:touch;}
	.tbl_scroll > table {margin:0;}

	.table-traffic {width:200%;}
	.table-culture {width:250% !important;}
	.table-safe {width:200% !important;}

	.traffic_day {overflow-x:scroll !important;overflow-y:hidden;margin:0 0 20px;border:1px solid #ddd;}
	.traffic_day > img {display:block;width:inherit;max-width:200% !important;margin:2px !important;}

	.list-type2-indent {margin-left:0 !important;}
	.list-type2-indent2 {margin-left:0 !important;}

	.sub_cont_wrap {margin-left:0;}
	.sub_subway {margin-top:10px;padding:0;}	

	.sub_cont_hospital > h3 > p {display:inline;font-size:1em !important;}
	.sub_cont_hospital .sub_hospital_para {margin:0 0 20px;}
	.sub_hospital {margin:0;padding:0;background-position:left top;background-size:auto 70px;}
	.sub_hospital > p:nth-child(1) {padding-left:80px;}
	.sub_hospital ul.list-type1 li {margin:20px 0;}

	/* 교통정보 */
	ul li.flex {flex-direction: column;}
	ul li.flex .flex-cont {width: 100%;}
	ul li.flex .img {width: 100%;max-width: 100%}
	.sub_subway {display:table;}
	.sub_subway h5 {overflow:hidden;width:100%;margin-bottom: 10px;text-align: center;}
	.sub_subway .right-con {display:static;}
	.topis_box {padding: 10px;}	
	.cont-topis-wrap.vms .cont-topis-list {flex-direction: column;}
	.cont-topis.col2 .cont-topis-list p {width: 100%;padding: 0;}
	.cont-topis.col2 .cont-topis-list p:first-child {padding-top: 15px;}
	
	
	/* market */
	.market-list {font-size:.875em;}
	.market-list ul li {box-sizing:border-box;margin-left:0;padding-left:80px;}
	.market-list ul li strong {left:0;display:block;margin-left:0;padding:2px 5px;line-height:1.5;}
	.market_para p {margin:20px 0;}
	.market_para p:first-child {margin:0 0 20px 0;}

	/* safe */
	.list-type1 .traffic_signboard {float:none;margin:0;text-align:center;border:0;}

	.tel_number {overflow:hidden;}
	.tel_number > li {margin-bottom:20px;text-align:center;}
	.tel_number > li > span {display:block;}
	.tel_number > li > a {font-size:.875rem;}
	.tel_number > li > a:before {width: 14px;}
	.tel_number > li > .icon_num {float:none;margin:0 auto;}
	.tel_number > li > .names {font-size:.8125em;}

	.experts-tab li.inline {height: auto;}
	.experts-tab li.inline.min-row {flex-direction:column;height:auto;}
	.experts-tab li.inline.min-row .txt {width:100%;}
	.experts-tab li.inline.min-row .btn-wrap {width:100%; margin-bottom:15px;}

	.flex-wrap.flex-space { flex-direction: column; }

}

@media screen and (min-width: 1025px) {
	.tbl_scroll {border:0;}
	.tbl_scroll > table {width:100%;}
	.sub_sns .topbtn {right:auto;left:calc(50% + 530px);}
}
@media screen and (min-width: 1060px) {
	p.tit-img {margin: 50px -30px 20px -30px;}
}


/* 코로나 캠페인 */
.corona * {box-sizing:border-box;word-break:keep-all;}
.corona img {max-width:100%;height:auto;}
.txt-bg {display:inline-block;min-width:110px;padding:2px 10px;font-size:18px;font-weight:bold;text-align:center;color:#fff;border-radius:5px;background:#4dc5d7;}
.txt-darkblue {background:#023e68;}


.td-left {text-align:left !important;}

.sub_wrap .sub_cont_corona {overflow:visible;}
.sub_cont_corona h3 {padding:20px 0 0;font-size:26px;text-align:center;}
.sub_cont_corona h3.line {padding:20px 0;border-bottom:1px solid #8d3401;}

.list-corona2 {padding-bottom:20px;border-bottom:1px solid #eaeaea;}
.list-corona li {position:relative;margin-bottom:10px;padding-left:120px;}
.list-corona li .txt-bg {position:absolute;top:0;left:0;box-sizing:border-box;width:110px;}

.campaign-area ul {overflow:hidden;}
.campaign-area ul li {float:left;width:50%;text-align:right;}
.campaign-area ul li:first-child {text-align:left;}

.movie-area {width:100%;margin:20px 0 40px 0;background:url(../images/2020_bg_movie.jpg) no-repeat 0 0;background-size:cover;}

.movie-area h4 {padding:0;font-size:18px;text-align:center;color:#222 !important;}
.movie-area .video-container {width:100%;margin:0 auto;}
.movie-area .video-container iframe {width:100%;}

.table-service {border-bottom:1px solid #b47a5c;}
.table-service thead th {padding:10px;font-size:16px;font-weight:bold;color:#555;border-top:1px solid #b47a5c;border-left:1px solid #ddc2b1;background:#fcf9f2;}
.table-service thead th:first-child {border-left:0;}
table tbody td.bl {border-left:1px solid #ddd !important;}
.table-service tbody th {font-size:16px;font-weight:bold;color:#555;border-top:1px solid #ddc2b1;background:#fcf9f2;}
.table-service tbody td {padding:10px;border-top:1px solid #ddc2b1;border-left:1px solid #ddc2b1;}

.table-service tbody .odd th {background:#fcf9f2;}
.table-service tbody .odd td {background:#fff;}

.table-service > tbody > tr > th {width:25%;word-break:break-all;}
.table-service > tbody > tr > td {width:75%;word-break:break-all;}
.table-service td img {max-width:100%;height:auto;margin:5px 0;}
.table-service a {color:#023eff;}

.page-links ul li {float:left;width:18.4%;margin-bottom:5px;margin-left:2%;}
.page-links ul li:first-child {margin-left:0;}

.page-links ul li a {display:block;font-size:20px;font-weight:bold;line-height:50px;text-align:center;color:#fff;background:#96441c;}

.sub_cont_corona h3 + h3 img {height:25px;}
.sub_cont_safe .page-tab-content h4 {position:relative;padding-left:10px;color:#96441c;}
.sub_cont_safe .page-tab-content h4:before {position:absolute;top:10px;left:0;width:3px;height:3px;content:'';background:#96441c;}
.sub_cont_culture h3 img {margin-right:5px;}

.corona .bx-wrapper {margin-bottom:10px;}


.slide-area {position:relative;overflow:visible !important;width:100%;margin:0 auto;text-align:center;}
.slide-area ul {margin:0 auto;}

.slide-area .btn_cslide {min-height:1px !important;}
.slide-area .btn_cslide a {position:absolute;z-index:2;top:50%;display:block;width:23px;height:42px;margin-top:-20px;text-indent:-9999em;}
.slide-area .btn_cslide_prev a {left:5px;background:url(../images/ico-prev-2022.png) no-repeat 0 0;background-size:contain;}
.slide-area .btn_cslide_next a {right:5px;background:url(../images/ico-next-2022.png) no-repeat 0 0;background-size:contain;}


.slide-area .bx-wrapper {border:0;box-shadow:none !important;}
.slide-area .bx-controls {display:none !important;}

.sub_cont_corona .list-type1 > li, .sub_cont_corona .list-type2 > li, .sub_cont_corona p.list-type2 {background-position:0 9px;}


.btn-top {position:fixed;z-index:2;right:15px !important;bottom:82px !important;width:40px;height:40px;margin-left:540px;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;text-indent:-9999em;opacity:0;border:0;background:url(../images/btn_top2024.png) no-repeat 0 0; background-size: contain;}
.btn-top.show {display:inline-block;opacity:1;}


.img-list1 {margin-bottom:30px;}
.img-list1 ul li {margin-bottom:10px;}

.title img {max-width:90%;}


.pc-only {display:block;}
.mob-only {display:none;}


@media (max-width: 540px) {.btn-top {right:15px;left:auto;margin-left:0;} .phone-wrap {max-width:40vw;}}

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

@media (max-width: 1200px) {.img-list3 ul li {float:left;width:32%;margin-left:2%;}
	.img-list3 ul li:first-child {margin-left:0;}

	.img-list3 ul li img {width:100%;max-width:280px;}}

@media (max-width: 1000px) {.page-links ul li a {height:40px;font-size:16px;line-height:40px;}
	.page-links ul li {width:23%;margin-left:2%;}}

@media (max-width: 1000px) and (min-width: 641px) {.page-links ul li:nth-child(4n+1) {margin-left:0;}}

@media (max-width: 640px) {.page-links ul li {width:15%;margin-left:2%;}
	.page-links ul li:nth-child(6n+1) {margin-left:0;}

	.img-list3 ul li {float:none;width:100%;margin-bottom:10px;margin-left:0;text-align:center;}
	.on-txt {font-size:16px !important;}

	.pc-only {display:none;}
	.mob-only {display:block;}
	
	.img-list1 li img {width:100%;}
	.sub_sns .holder {flex-direction:column;}
	.sub_sns .holder .sns-max {width:60vw;margin: 5px auto 10px;}
	.sub_sns .holder .btn {width: 100%;justify-content: center;}
}

@media (min-width: 1001px) {.page-links ul li:nth-child(5n+1) {margin-left:0;}}

@media (min-width: 1201px) {.img-list3 ul li {float:left;width:320px;margin-left:10px;}
	.img-list3 ul li:first-child {margin-left:0;}}

/* new nav */
.nav-corona {width:100%;height:50px;background:#9f8875;}
.nav-corona.fixed {position:fixed;top:0;left:0;}
.nav-corona ul {overflow:hidden;width:100%;max-width:1060px;margin:0 auto;}
.nav-corona ul li {float:left;width:50%;height:50px;margin-top:0;}
.nav-corona ul li a {display:block;width:100%;height:55px;padding-left:25px;font-size:18px;line-height:55px;text-align:center;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;background-repeat:no-repeat;background-position:0 0;}

.nav-corona ul li.m1 a {font-weight:600;color:#2b3647;background-image:url(../images/bg_nav1_on.png);}
.nav-corona ul li.m2 a {font-weight:400;color:#fff;background-image:url(../images/bg_nav2_off.png);}
.nav-corona ul.m2 li.m1 a {font-weight:400;color:#fff;background-image:url(../images/bg_nav1_off.png);}
.nav-corona ul.m2 li.m2 a {font-size:18px;font-weight:600;color:#2b3647;background-image:url(../images/bg_nav2_on.png);}

.menu_sub_corona {position:fixed;z-index:8;top:45px;left:0;width:100%;width:100%;height:70px;margin-top:-170px;background:url(../images/bg_sub_nav.jpg) repeat-x 50% 0;}
.menu_sub_corona:before {display:none;}
.menu_sub_corona .nav-corona {width:100%;max-width:1060px;height:50px;margin:20px auto 0;background:none;}
.menu_sub_corona .nav-corona ul {overflow:hidden;width:100%;max-width:1060px;margin:0 auto;}
.menu_sub_corona .nav-corona ul li {float:left;width:50%;height:50px;margin-top:0;margin-right:0;}

@media (min-width: 1152px) {.menu_sub_corona {top:0;}}



@media (max-width: 768px) {.nav-corona ul {padding:0 10px;}}

@media (max-width: 580px) {
	.nav-corona ul li a {font-size:16px !important;letter-spacing:-.95em;background-size:auto 100%;}
	.nav-corona ul li.m1 a {background-position:45% 0;}
	.nav-corona ul li.m2 a {background-position:50% 0;}
}

@media (max-width: 480px) {
	.corona .visual-wrap {display:flex;align-items:center;}
	.corona .visual-wrap p {padding:0 25% 5%;}
	.sub_cont_corona h2 + p > img {width:90%;}
}

@media (max-width: 350px) {.nav-corona ul li a {font-size:14px !important;}
	.nav-corona ul li.m1 a {background-position:40% 0;}}


@media (min-width: 581px) {.nav-corona ul li a {background-position:54% 0;background-size:cover;}}

@media (min-width: 901px) {.nav-corona ul li a {background-position:0 -9px;}}

@media (min-width: 1152px) {.menu_sub {top:0;}}


.popup2 {position:fixed;z-index:997;top:0;left:0;display:none;overflow-y:auto;width:100%;height:100%;background-color:rgba(0,0,0,.8);}
.popup-cont {position:absolute;z-index:998;top:50px;left:1%;width:98%;padding:50px 10px 10px;background:#fff;}
.popup-close {position:absolute;z-index:999;top:10px;right:10px;display:block;width:28px;height:29px;cursor:pointer;text-indent:-9999em;border:0;background:url(//www.seoul.go.kr/res_newseoul/images/corona/ico_close.png) no-repeat 0 0;}


/* 코로나 19 대응 비상연락망 */
.experts-tab {border-top:1px solid #1e7b97;}
.experts-tab li {margin-bottom:0 !important;border-bottom:1px solid #1e7b97;background:#f8f8f8;}
.experts-tab li[class*='tab'] > a {position:relative;display:block;width:100%;padding:15px 40px 15px 30px;color:#000;}
.experts-tab li[class*='tab'] > a:before {position:absolute;top:20px;left:14px;width:8px;height:8px;content:'';background:#1e7b97;}
.experts-tab li[class*='tab'] > a:after {position:absolute;top:50%;right:15px;width:20px;height:16px;content:'';transition:transform .3s;transform:translateY(-50%) rotate(-180deg);background:url(../images/ico-arrow_2022.png?ver) no-repeat 0 0;background-size:100% auto;}
.experts-tab li[class*='tab'] > a.on:after {transform:translateY(-50%) rotate(0deg);}
.experts-tab-cont {display:none;padding:10px;border-top:1px solid #1e7b97;background:#fff;}
.experts-tab-cont .table-text {font-size:14px;text-align:right;}
.experts-tab-cont table {width:100%;}
.experts-tab-cont table thead tr.scd th {color:#333 !important;background:#dce9ef!important;}
.experts-tab-cont table thead th {padding:10px 0;background:#414e54;}
.experts-tab-cont table tbody td {background:#f5f5f5;}
.experts-tab-cont .table-text+table{margin-top:10px !important}
.experts-tab-cont table thead th.borer-left{border-left: 1px solid #ddd !important}
.table-text {font-size:14px;text-align:right;}
.table-text+table{margin-top:10px !important}

.experts-tab li.inline {display:flex;align-items:center;justify-content:space-between;height:57px;margin-right:3px;background:#fff;}
.experts-tab li.inline .txt {position:relative;display:inline-block;padding:15px 10px 15px 30px;color:#000;}
.experts-tab li.inline .txt:before {position:absolute;top:20px;left:14px;width:8px;height:8px;content:'';background:#1e7b97;}
.experts-tab li a.btn span {font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit !important;}
.experts-tab li.inline a.btn {display:flex;align-items:center;justify-content:center;width:100px;padding:7px 13px;font-size:14px;font-weight:bold;text-align:center;border:1px solid #414e54;}
.experts-tab li.inline a.btn i.ico-down {display:inline-block;width:18px;height:16px;margin-left:5px;content:'';vertical-align:text-top;background:url(../images/icon_down.png) center no-repeat;}
.experts-tab li.inline a.btn i.ico-arrow {display:inline-block;width:6px;height:18px;margin-left:5px;content:'';vertical-align:text-top;background:url(../images/icon_arrow.png) center no-repeat;}
.experts-tab li.inline .btn-wrap {display:flex;justify-content:flex-end;}
.experts-tab li.inline .btn-wrap a + a {margin-left:5px;}

.sub_cont_safe .btn-group.table-btn {display:flex;flex-direction:row-reverse;margin:0 0 5px;padding:0;}
.sub_cont_safe .btn-group.table-btn .btn {padding:5px 10px 3px;font-size:15px;letter-spacing:0;color:#fff;background:#1f86d6;}
.sub_cont_safe .btn-group.table-btn + .table-safe {margin-top:10px !important;}

/*
.topis_tw_wrap {display:flex;overflow:hidden;margin-top:10px;}
.topis_box {display:flex;float:left;flex-direction:column;width:49%;}
.topis_box img {width:50px;}
.topis_box dl {overflow:hidden;height:100%;margin-top:10px;padding:10px;font-size:14px;border:2px solid #55acee;border-radius:10px;;}
.topis_box + .topis_box {margin-left:2%;}
.topis_box dl dt {float:left;width:60px;height:100%;}
.topis_box dl dd {float:right;width:calc(100% - 60px);}
.topis_box dl dd.tw_name {margin-bottom:5px;}
*/

@media (max-width: 480px) {.top_bar {margin-top:45px;}}
@media (max-width: 480px) {
	.experts-tab-cont table {width:150%;}
	.experts-tab-cont table.w200 {width:230%;}
	.topis_box img {width:30px;}
	.topis_box dl {font-size:12px;}
	.topis_box dl dt {width:40px;font-size:inherit;}
	.topis_box dl dd {width:calc(100% - 40px);font-size: 14px;}
	.mobile-block {display:block;}
	.experts-tab li.inline.min-row {flex-direction:column;height:auto;}
	.experts-tab li.inline.min-row .txt {width:100%;}
	.experts-tab li.inline .btn-wrap {width:100%; margin-bottom:15px;}
}


.sub_cont_safe .btn-group {margin:30px 0 50px;text-align:left;}
.sub_cont_safe .btn-group .btn-safe {width:auto !important;;padding:10px 13px;background:#1f86d6;}
.sub_cont_safe .btn-group .btn-safe span {font-size:15px;font-weight:500;line-height:initial;letter-spacing:-.5px;color:#fff;}


/* footer */
#footer, .sub #footer {background:#fff; border-top:1px solid #777;}
#footer span, #footer em {font-size: inherit;color: inherit;}
#footer .f-menu-wrap {display: flex;justify-content: space-between;width: 100%;max-width: 400px;margin: 0 auto;}
#footer .f-menu-wrap ul {display: flex;align-items: center;padding: 12px 0;}
#footer .f-left-link > li > a {display: flex;align-items: center;font-size: 13px;}
#footer .f-left-link > li > a:before {content: '';width:1px; height:10px;margin: 0 10px; background:#878787; }
#footer .f-left-link > li:first-child > a:before {display: none}
#footer .f-right-link > li > a { display:flex; width:26px; height:26px; margin: 0 4px;border:1px solid #555; border-radius:50%; }
#footer .f-right-link > li > a em.sr-only {width: 26px;height: 26px;}
#footer .f-right-link > li:nth-child(1) > a { background:#fff url("../img_f/foot_icon_1.png") no-repeat center center; background-size:40% auto; }
#footer .f-right-link > li:nth-child(2) > a { background:#fff url("../img_f/foot_icon_2.png") no-repeat center center; background-size:70% auto; }
#footer .f-right-link > li:nth-child(3) > a { background:#555 url("../img_f/foot_icon_3.png") no-repeat center center; background-size:55% auto; }

#footer .inner span {font-size: inherit;color: inherit;font-weight: inherit;font-family: inherit;}
#footer .inner ul {display: flex;}
#footer .f-txt-group {width: 100%;border-top: 1px solid #777;text-align: center;}
#footer .f-txt-group .inner {padding: 10px 0;}
#footer .f-txt-group .inner p {font-size: 14px;}
#footer .f-txt-group .inner .txt2 {display: flex;justify-content: center}
#footer .f-txt-group .inner .txt2 span {display: flex;align-items: center;}
#footer .f-txt-group .inner .txt2 span:before {content: '';width:1px; height:50%;margin: 0 10px; background:#878787;}
#footer .f-txt-group .inner .txt2 span:first-child:before {display: none;}

@media (max-width: 420px){
  #footer .f-menu-wrap {
    padding: 0 20px;
}
}
@media (max-width: 350px) {
	#footer .f-txt-group .inner .txt2 span:before {margin: 0 5px;}
	#footer .f-txt-group .inner p.txt3 {font-size: 12px}
}

@media (max-width: 330px) {
	#footer .f-txt-group .inner .txt2 span {font-size: 12px;}
}

/* 이미지 배너 2024 */
.image-banners {display: flex;justify-content: space-between;gap: 1%}
.image-banners .img {flex: 1 1 32%}

@media (max-width: 767px) {
	.image-banners {flex-direction: column;gap: 10px;}
	.image-banners .img {flex: 1 1 100%}
	.image-banners .img	.pc-only {display: none}
	.image-banners .img	.mob-only {display: block;width: 100%;}
}