@charset 'utf-8';
@import url('../../fonts/font.css');
@font-face {
	font-family: 'Pretendard';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('PretendardVariable.woff2') format('woff2-variations');
}
:root{
  /*  */
  --m1-nav-color:#ffe27c;
  --m2-nav-color:#ffa462;
  --m3-nav-color:#ffb3d7;
  --m4-nav-color:#18e3fb;
  --m5-nav-color:#48ed66;
  --m6-nav-color:#e8b5ff;
  --txt-hospital:#05771a;
  --txt-traffic:#ad6304;
  --txt-culture:#b94709;
  --txt-market:#97064a;
  --txt-safe:#1e7b97;
  --txt-trash:#6A46C0;
  --txt-park:#1e7b97;
  --m1-nav-position:0 0;
  --m2-nav-position:-34px 0;
  --m3-nav-position:-68px 0;
  --m4-nav-position:-102px 0;
  --m5-nav-position:-136px 0;
  --m6-nav-position:-170px 0;
  --m1-nav-hover-position:0 -29px;
  --m2-nav-hover-position:-34px -29px;
  --m3-nav-hover-position:-68px -29px;
  --m4-nav-hover-position:-102px -29px;
  --m5-nav-hover-position:-136px -29px;
  --m6-nav-hover-position:-170px -29px;
}
/* base */
html, body {overflow-x:hidden;font-family:'Pretendard', 'Nanum Gothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum','Arial', 'sans-serif';font-size:18px;line-height:1.5;letter-spacing:-.025em;color:#222;}
body {font:16px/1.5 "Pretendard", "Malgun Gothic", "dotum", "돋움", "gulim", "굴림", "sans-serif";}
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;}
input, select {font-family:'Pretendard', 'Nanum Gothic', 'sans-serif';}
h1, h2, h3, h4, h5, h6 {font-size:12px;font-weight:normal;}
em {font-style:normal;}
ul, ol, li {list-style:none;}
fieldset, img {border:none;}
body a {text-decoration:none;color:#222;}
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;}
strong, b {font-weight:600;}
caption, legend {position:absolute;display:none;visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;text-indent:-9999px;}
body.mobile-storyin, body.mobile-storyin *{font-family:'Pretendard', 'Nanum Gothic', '나눔고딕';}
@media screen and (min-width: 768px) {
	body.mobile-storyin .sub_cont p, body.mobile-storyin .sub_cont li{font-size:16px;}
}

#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:#000;border:1px solid #475470;outline:0;background:#fff;}
.invisible, .sr-only {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, .sr-only {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;}
.indent10 {padding-left:10px;text-indent:-10px;}
.indent15 {padding-left:15px;text-indent:-15px;}
.indent20 {padding-left:20px;text-indent:-20px;}

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


/* 메인 비쥬얼 */
#main_wrap {background-position:10% top;}
.visual-wrap {position:relative;overflow:hidden;width:100%;padding:0;background:url(../images/2025/mo-visual.jpg) no-repeat center bottom;background-size:cover;aspect-ratio:640 / 270;}
@media screen and (min-width: 769px) {
	.visual-wrap{background:url(../images/2025/visual.jpg) no-repeat center bottom;background-size:auto 398px;height:348px;}
}

.nav {position:relative;position:relative;z-index:8;overflow:hidden;height:auto;margin:0 auto;background:#262e74 url(../images/2025/bg-nav.png);}
.nav > a {position:absolute;top:0;left:0;display:block;overflow:hidden;width:auto;height:100%;text-indent:-999999rem;}
.nav ul {position:relative;width:100%;margin:0 auto;}
.nav ul li {overflow:hidden;box-sizing:border-box;text-align:center;opacity:0;}
.nav ul li a {display:flex;align-items:center;justify-content:center;height:100%;text-align:center;}
.nav ul li a span.icon {width:34px;height:29px;margin-right:10px;-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;background-size:auto 58px;}
.nav ul li a span.text {display:block;flex-grow:1;font-size:14px;font-weight:bold;text-align:left;letter-spacing:-.025em;color:#fff;}
.nav ul li a span.text span {font-size:1em;color:#fff;}
.nav ul {display:flex;flex-wrap:wrap;width:100%;}
.nav ul li {z-index:8;box-sizing:border-box;width:50%;height:46px;margin:0;padding:5px 10px;border:1px solid rgba(255,255,255,.2);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;aspect-ratio:306 / 30;}
.nav ul li.m1 a span.icon {background-position:var(--m1-nav-position);}
.nav ul li.m2 a span.icon {background-position:var(--m2-nav-position);}
.nav ul li.m3 a span.icon {background-position:var(--m3-nav-position);}
.nav ul li.m4 a span.icon {background-position:var(--m4-nav-position);}
.nav ul li.m5 a span.icon {background-position:var(--m5-nav-position);}
.nav ul li.m6 a span.icon {background-position:var(--m6-nav-position);}

.menu_sub .nav ul.m1 li.m1 a span.icon {background-position:var(--m1-nav-hover-position);}
.menu_sub .nav ul.m1 li.m2 a span.icon {background-position:var(--m2-nav-position);}
.menu_sub .nav ul.m1 li.m3 a span.icon {background-position:var(--m3-nav-position);}
.menu_sub .nav ul.m1 li.m4 a span.icon {background-position:var(--m4-nav-position);}
.menu_sub .nav ul.m1 li.m5 a span.icon {background-position:var(--m5-nav-position);}
.menu_sub .nav ul.m1 li.m6 a span.icon {background-position:var(--m6-nav-position);}

.menu_sub .nav ul.m2 li.m1 a span.icon {background-position:var(--m1-nav-position);}
.menu_sub .nav ul.m2 li.m2 a span.icon {background-position:var(--m2-nav-hover-position);}
.menu_sub .nav ul.m2 li.m3 a span.icon {background-position:var(--m3-nav-position);}
.menu_sub .nav ul.m2 li.m4 a span.icon {background-position:var(--m4-nav-position);}
.menu_sub .nav ul.m2 li.m5 a span.icon {background-position:var(--m5-nav-position);}
.menu_sub .nav ul.m2 li.m6 a span.icon {background-position:var(--m6-nav-position);}

.menu_sub .nav ul.m3 li.m1 a span.icon {background-position:var(--m1-nav-position);}
.menu_sub .nav ul.m3 li.m2 a span.icon {background-position:var(--m2-nav-position);}
.menu_sub .nav ul.m3 li.m3 a span.icon {background-position:var(--m3-nav-hover-position);}
.menu_sub .nav ul.m3 li.m4 a span.icon {background-position:var(--m4-nav-position);}
.menu_sub .nav ul.m3 li.m5 a span.icon {background-position:var(--m5-nav-position);}
.menu_sub .nav ul.m3 li.m6 a span.icon {background-position:var(--m6-nav-position);}

.menu_sub .nav ul.m4 li.m1 a span.icon {background-position:var(--m1-nav-position);}
.menu_sub .nav ul.m4 li.m2 a span.icon {background-position:var(--m2-nav-position);}
.menu_sub .nav ul.m4 li.m3 a span.icon {background-position:var(--m3-nav-position);}
.menu_sub .nav ul.m4 li.m4 a span.icon {background-position:var(--m4-nav-hover-position);}
.menu_sub .nav ul.m4 li.m5 a span.icon {background-position:var(--m5-nav-position);}
.menu_sub .nav ul.m4 li.m6 a span.icon {background-position:var(--m6-nav-position);}

.menu_sub .nav ul.m5 li.m1 a span.icon {background-position:var(--m1-nav-position);}
.menu_sub .nav ul.m5 li.m2 a span.icon {background-position:var(--m2-nav-position);}
.menu_sub .nav ul.m5 li.m3 a span.icon {background-position:var(--m3-nav-position);}
.menu_sub .nav ul.m5 li.m4 a span.icon {background-position:var(--m4-nav-position);}
.menu_sub .nav ul.m5 li.m5 a span.icon {background-position:var(--m5-nav-hover-position);}
.menu_sub .nav ul.m5 li.m6 a span.icon {background-position:var(--m6-nav-position);}

.menu_sub .nav ul.m6 li.m1 a span.icon {background-position:var(--m1-nav-position);}
.menu_sub .nav ul.m6 li.m2 a span.icon {background-position:var(--m2-nav-position);}
.menu_sub .nav ul.m6 li.m3 a span.icon {background-position:var(--m3-nav-position);}
.menu_sub .nav ul.m6 li.m4 a span.icon {background-position:var(--m4-nav-position);}
.menu_sub .nav ul.m6 li.m5 a span.icon {background-position:var(--m5-nav-position);}
.menu_sub .nav ul.m6 li.m6 a span.icon {background-position:var(--m6-nav-hover-position);}


.nav ul.m1 li.m1 a span.text {color:var(--m1-nav-color);}
.nav ul.m2 li.m2 a span.text {color:var(--m2-nav-color);}
.nav ul.m3 li.m3 a span.text {color:var(--m3-nav-color);}
.nav ul.m4 li.m4 a span.text {color:var(--m4-nav-color);}
.nav ul.m5 li.m5 a span.text {color:var(--m5-nav-color);}
.nav ul.m6 li.m6 a span.text {color:var(--m6-nav-color);}

.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:-.025em;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 {flex-shrink:0;width:auto;margin-right:50px;}
.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;}
@media (max-width: 1151px) {
	#main_wrap {margin-top: 45px;}
}

.sub_wrap {overflow-x:hidden;background:url('../images/2025/sub-wrap-bg.png') repeat-y center top #f2f8ff;}
.sub_wrap .sub_cont {width:100%;max-width:1060px;margin:0 auto;padding:80px 30px 20px;background:url('../images/2025/bg-cont.png') no-repeat center 50px; }
@media screen and (max-width: 768px) {
	.sub_wrap .sub_cont{background-size: auto 32px;}
	.sub_wrap .sub_cont:first-child{padding-top:40px;background-position-y: 24px;}
	
}
.sub_wrap .sub_file {display:flex;min-width:1060px;align-items: center;margin:30px 0;margin-left: -30px;gap:7px;}
.sub_wrap .sub_file .download {display: flex;gap:5px;flex-wrap:wrap;}
.sub_wrap .sub_file .download a{display: flex;}
.sub_wrap .sub_file.file_hospital {position:relative;min-width:1000px;height:120px;}
.sub_wrap .sub_file.file_hospital .download {width:calc(100% - 118px);margin-left:-412px;}
.sub_wrap .sub_file.sub_file_withTxt {align-items: flex-start;}
.sub_wrap .sub_file.sub_file_withTxt p {color:blue;width:100%;}
@media all and (max-width:1024px) {
	.sub_wrap .sub_file{width:100%; min-width:unset;margin-left:0;align-items: flex-start;}
}
@media all and (min-width:768px) {
	.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:#e5e8f9;}
.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 {display:flex;align-items:flex-end;width:53%;max-width:570px;}
.sub_sns .holder .btn {display:flex;align-items:center;width:45%;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:10px;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;}


.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:-.025em;color:inherit;border-bottom:3px solid #ad6304;font-weight: 500;}
.sub_wrap h3 {margin:30px 0;font-size:1.75rem;letter-spacing:-.025em;color:#333;font-weight: 500;}
.sub_wrap h4 {margin:40px 0 20px;font-size:1.5rem;letter-spacing:-.025em;color:#333;font-weight: 500;}
.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:15px;background:#fff;}

.table td {padding:8px 4px !important;font-size:15px;}
.table thead th, .table tbody th {font-weight:bold;text-align:center;color:#fff;}
.table tbody td {font-size:15px;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;}
.table-inner {margin: 10px 0 0;width: 100%;}
.table-inner th {background: #f8f8f8 !important;border-top: 1px solid #777;font-size: 13px !important;padding: 3px 0 !important;}
.table-inner td {font-size: 13px !important;padding: 3px 0 !important;background: #fff !important}
table th .text-normal{font-weight: normal !important;}
.tdl{text-align: left !important;}

.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_transport {position:relative;display:flex;overflow:hidden;align-items:center;justify-content:space-between;width:100%;margin-bottom:30px;}
.sub_transport h5 {display:flex;align-items:center;width:166px;color:var(--txt-traffic);gap:15px;}
.sub_transport h5:before {width:90px;height:90px;content:'';border-radius:100%;background-color:var(--txt-traffic);background-repeat:no-repeat;background-position:center;aspect-ratio: 1;background-size:cover;}
.sub_transport.bus h5:before {background-image:url(../images/ico-bus.png);}
.sub_transport.subway h5:before {background-image:url(../images/ico-subway.png);}
.sub_transport h5 p {display:flex;flex-direction:column;font-weight:bold;line-height:1;row-gap:3px;}
.sub_transport h5 strong {color:var(--txt-traffic);font-size:22px;}
.sub_transport h5 span {color:var(--txt-traffic);font-size:12px;}
.sub_transport .right-con {width:calc(100% - 200px);}
.sub_transport .right-con ul {display:table-cell;vertical-align:middle;}
@media screen and (max-width: 768px) {
	.sub_transport{gap:10px;}
	.sub_transport h5{width:90px;min-width:90px;flex-direction: column;gap:10px;text-align: center;}
	.sub_transport h5:before{width:60px; height:60px;}
	.sub_transport .right-con{width:calc(100% - 110px);}
}
@media screen and (max-width: 500px) {
	.sub_transport {flex-direction: column;}
	.sub_transport h5{flex-direction: row;width:auto;}
	.sub_transport .right-con{width:100%;}
	.sub_transport h5 strong {font-size:20px;}
}

.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;gap:10px;}
.traffic-visual-wrap h3 {display: flex;flex-direction: column; margin-bottom:15px;font-size:35px;line-height:1;letter-spacing:-.025em;color:#333;margin-top:0 !important;}
.traffic-visual-wrap h3 *{display: contents;}
.traffic-visual-wrap h3:before {width:100%;height:59px;content:'';background:url(../images/2025/ico-traffic-before.png) bottom left no-repeat;background-size:contain;aspect-ratio: 242 / 88;}
.traffic-visual-wrap .desc {margin-top:15px;margin-bottom:25px;font-size:18px;line-height:1.5;}
.traffic-visual-wrap .btn {width:80%}

/*교통대책 */
.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;font-size:16px;font-weight:700;text-align:center;color:#fff;background:#ad6304;}
.cont-topis-list {display:flex;flex:1 1 auto;}
.cont-topis-list p {width:50%;padding:10px;font-size:14px;text-align:center;}
.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;flex-wrap:wrap;gap:10px;}
.topis_box {display:flex;flex-direction:column;justify-content:center;padding:10px 20px;gap:10px;}
.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 */
.indent70 {padding-left:63px;text-indent:-63px;}
ul li.flex {display:flex;align-items:flex-start;flex-wrap:wrap;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 {font-weight:700;;color:#fff;}
.table-hospital.no tbody tr th {color:#fff;background:#05771a;}
.table-hospital.no tbody tr td {border-top:1px solid #e9e9e9;}
.table-hospital.no tbody td.none {width:5px;padding:0;border:0 !important;}
.table-hospital thead th[rowspan]:not(:last-child),
.table-hospital tbody td[rowspan]:not(:last-child){border-right:1px solid #e9e9e9;}

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

/* 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.indent20 {margin-top:-30px;}
.market_para p.break {word-break:break-all;}
.market_para p:first-child {margin:0 0 30px 0;}
.onnuri {margin-top:50px;display:flex;flex-direction:column;border:1px solid #ddd;}
.onnuri dt {z-index:1;display:inline-block;align-self:center;margin-top:-28px;padding:10px 20px;font-size:20px;font-weight:500;letter-spacing:-.1em;color:var(--txt-market);border-radius:50vh;background-color:#ffebf4;}
.onnuri dd {padding:20px;}
.onnuri dd p.market {margin-bottom:5px;font-size:18px;font-weight:bold;}
.onnuri ul {display:flex;flex-wrap:wrap;gap:5px;}


/* 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;display: grid;grid-template-columns: 1fr 1fr 1fr;}
.tel_number > li {position:relative;display:flex;float:left;overflow:hidden;box-sizing:border-box;margin-bottom:40px;gap:5%;}
.tel_number > li > span {display:inline-block;overflow:hidden;}
.tel_number > li a {display:flex;color:#1e7b97;	align-items: center;}
.tel_number > li a:before {display:inline-block;width:16px;height:16px;margin-right:5px;content:'';vertical-align:middle;background:url('../images/ico-safe-num00.png') no-repeat center center;background-size:contain;}
.tel_number > li > .icon_num {float:left;width:57px;height:57px;min-width:57px;border-radius:50%;background-color:var(--txt-safe);background-size:87.7% 87.7% !important;background-repeat:no-repeat !important;background-position:center center !important;}
.tel_number > li > .names {color:#222;}
.tel_number > li:nth-child(1) > .icon_num {background-image:url('../images/ico-safe-num01.png');}
.tel_number > li:nth-child(2) > .icon_num {background-image:url('../images/ico-safe-num02.png');}
.tel_number > li:nth-child(3) > .icon_num {background-image:url('../images/ico-safe-num03.png');}
.tel_number > li:nth-child(4) > .icon_num {background-image:url('../images/ico-safe-num04.png');}
.tel_number > li:nth-child(5) > .icon_num {background-image:url('../images/ico-safe-num05.png');}
.tel_number > li:nth-child(6) > .icon_num {background-image:url('../images/ico-safe-num06.png');}
.tel_number > li:nth-child(7) > .icon_num {background-image:url('../images/ico-safe-num07.png');}
.tel_number > li:nth-child(8) > .icon_num {background-image:url('../images/ico-safe-num08.png');}
.tel_number > li:nth-child(9) > .icon_num {background-image:url('../images/ico-safe-num09.png');}
.tel_number > li:nth-child(10) > .icon_num {background-image:url('../images/ico-safe-num10.png');}
.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.wide {width:1000px !important;}

.tbl_scroll .tbl_scroll > table{width:100% !important}

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

	/* 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 {padding:15px;font-size:18px;}
	.box-hospital2 {padding:15;}}

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

	/* 최상단 로고 */
	.topbar {position:relative;overflow:hidden;height:50px;background-color:#999;}
	.topbar .bar_wrap {width:100%;}
	.topbar .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;line-height: 1.3;}
	.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;}

	.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_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%;}
	.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.indent20 {margin-top:-20px;}
	.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 > li {margin-bottom:5vw;text-align:center;flex-direction: column; align-items: center;gap:1.5vw;}
	.tel_number > li > .icon_num{width:40px; height:40px; min-width: unset;}
	.tel_number > li  a {font-size:.875em;align-items: center; justify-content: center;}
	.tel_number > li  a:before {width:14px;}
	.tel_number > li  .names {font-size:0.9375em;font-weight: 600;}

	.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-arrow-gray.png) no-repeat 0 0;background-size:contain;}
.slide-area .btn_cslide_next a {right:5px;background:url(../images/ico-arrow-gray.png) no-repeat 0 0;background-size:contain;transform: rotate(180deg);}


.slide-area .bx-wrapper {border:0;box-shadow:none !important;border-radius: 0 !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/2025/btn-top.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;text-align:center;}
	/* .phone-wrap img{width:80%;} */
	.traffic-visual-wrap .btn{width:85%;}
}

@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:80vw;margin:5px auto 10px;}
	.sub_sns .holder .btn {justify-content:center;width:100%;}}

@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:-.025em;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;line-height:inherit !important;color:inherit;}
.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) {.topbar {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:-.025em;color:#fff;}


/* footer */
#footer, .sub #footer {border-top:1px solid #777;background:#fff;}
#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 {width:1px;height:10px;margin:0 10px;content:'';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-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;}
#footer .inner ul {display:flex;}
#footer .f-txt-group {width:100%;text-align:center;border-top:1px solid #777;}
#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 {width:1px;height:50%;margin:0 10px;content:'';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%;margin-top:30px}
.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%; border-radius: 16px;}}

	/* shorts */
.shorts-cont{display: flex;aspect-ratio: 16 / 9; align-items: center;justify-content: center; margin: 20px auto; overflow: hidden; width:80vw;max-width:600px;}
.shorts-cont a{display:flex;width: 100%; height:100%;}
.shorts-cont p{position: relative;width: 100%; height:100%;}
.shorts-cont p:before{content:''; z-index:1; position: absolute;left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:url(../images/ico-shorts.png) center center no-repeat; background-size:10% auto }
.shorts-cont img{width:100%;}