@charset 'utf-8';
@import url('../../fonts/font.css');
@font-face {
	font-family: 'Pretendard Variable';
	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:-68px 0;
  --m3-nav-position:-136px 0;
  --m4-nav-position:-204px 0;
  --m5-nav-position:-272px 0;
  --m6-nav-position:-340px 0;
  --m1-nav-hover-position:0 -58px;
  --m2-nav-hover-position:-68px -58px;
  --m3-nav-hover-position:-136px -58px;
  --m4-nav-hover-position:-204px -58px;
  --m5-nav-hover-position:-272px -58px;
  --m6-nav-hover-position:-340px -58px;
}
/* base */
html, body {overflow-x:scroll;font-family:'Pretendard Variable', 'Nanum Gothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum','Arial', 'sans-serif';font-size:18px;line-height:1.5;letter-spacing:-.025em;color:#333;min-width:1060px;}
body {font-family:'Pretendard Variable', 'Nanum Gothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', 'Arial', '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 Variable', '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:#555;}
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;}
.tdl{text-align: left !important;}
#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%;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:absolute;z-index:9;top:0;left:0;overflow:hidden;width:100%;min-width:1000px;height:50px;background:#bf375b;}
.topbar .inner {width:1060px;margin:0 auto;}
.topbar .inner .text {float:right;height:45px;font-size:13px;font-weight:700;line-height:50px;color:#fff;}
.topbar .inner .text strong {color:#fff580;}

#main_wrap {position:relative;overflow:hidden;width:100%;transform:translateZ(0);background:url('../images/2025/visual.jpg') no-repeat center top;backface-visibility:hidden;image-rendering:pixelated;}
#main_wrap.main-wrap-new {background:#6b78af url(../images/2025/visual.jpg) no-repeat center top;}
.visual-wrp {width:1060px;margin:0 auto;padding-top:160px;padding-bottom:238px;}
.visual-wrp p {text-align:center;}

.main-wrap-new .nav{background:#262e74 url(../images/2025/bg-nav.png);}
.nav {position:relative;z-index:8;height:180px;margin:0 auto 0 auto;}
.nav .inner {display:flex;align-items:center;width:100%;max-width:1060px;height:100%;margin:0 auto;}
.nav h2 {width:176px;height:57px;text-indent:-999em;background:url(../images/2025/img-nav-tit.png) center no-repeat;}
.nav ul {position:relative;display:flex;align-items:center;width:calc(1060px - 170px);height:100%;margin:0 auto;}
.nav ul li {overflow:hidden;flex:1 1 auto;margin:0 !important;text-align:center;opacity:0;}
.nav ul li a {display:inline-block;text-align:center;}
.nav ul li a span.icon {position:relative;display:inline-block;width:68px;height:57px;margin:0 auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:1;background-image:url('../images/2025/ico-menu.png');background-repeat:no-repeat;}
.nav ul li a span.text {display:block;margin-top:8px;font-size:16px;font-weight:bold;color:#fff;}

.nav ul li.m1 a span.icon {/*background-color:var(--m1-nav-color);*/background-position:var(--m1-nav-position);}
.nav ul li.m2 a span.icon {/*background-color:var(--m2-nav-color);*/background-position:var(--m2-nav-position);}
.nav ul li.m3 a span.icon {/*background-color:var(--m3-nav-color);*/background-position:var(--m3-nav-position);}
.nav ul li.m4 a span.icon {/*background-color:var(--m4-nav-color);*/background-position:var(--m4-nav-position);}
.nav ul li.m5 a span.icon {/*background-color:var(--m5-nav-color);*/background-position:var(--m5-nav-position);}
.nav ul li.m6 a span.icon {/*background-color:var(--m6-nav-color);*/background-position:var(--m6-nav-position);}

.nav ul li.m1 a:hover span.icon {/*background-color:var(--m1-nav-color)*/background-position:var(--m1-nav-hover-position);}
.nav ul li.m2 a:hover span.icon {/*background-color:var(--m2-nav-color)*/background-position:var(--m2-nav-hover-position);}
.nav ul li.m3 a:hover span.icon {/*background-color:var(--m3-nav-color)*/background-position:var(--m3-nav-hover-position);}
.nav ul li.m4 a:hover span.icon {/*background-color:var(--m4-nav-color)*/background-position:var(--m4-nav-hover-position);}
.nav ul li.m5 a:hover span.icon {/*background-color:var(--m5-nav-color)*/background-position:var(--m5-nav-hover-position);}
.nav ul li.m6 a:hover span.icon {/*background-color:var(--m6-nav-color)*/background-position:var(--m6-nav-hover-position);}

.nav ul li.m1 a:hover span.text, .nav ul.m1 li.m1 a span.text {color:var(--m1-nav-color);} 
.nav ul li.m2 a:hover span.text, .nav ul.m2 li.m2 a span.text {color:var(--m2-nav-color);} 
.nav ul li.m3 a:hover span.text, .nav ul.m3 li.m3 a span.text {color:var(--m3-nav-color);} 
.nav ul li.m4 a:hover span.text, .nav ul.m4 li.m4 a span.text {color:var(--m4-nav-color);} 
.nav ul li.m5 a:hover span.text, .nav ul.m5 li.m5 a span.text {color:var(--m5-nav-color);} 
.nav ul li.m6 a:hover span.text, .nav ul.m6 li.m6 a span.text {color:var(--m6-nav-color);}

.sub_sns .holder {display:flex;align-items:center;width:1060px;height:100%;margin:0 auto;gap:25px;}
.sub_sns .sns-min {display:none;}
.sub_wrap .sub_sns {position:relative;height:120px;text-align:center;background-color:#e5e8f9;}
.sub_wrap .sub_sns img {align-self:flex-end;max-width:100%;}
.sub_wrap .sub_sns .topbtn {position:absolute;z-index:1;top:-64px;left:50%;margin-left:530px;}
.sub_wrap .sub_sns .topbtn a {display:block;width:63px;height:62px;}
.sub_wrap .sub_sns a.sns {display:inline-block;overflow:hidden;width:64px;height:64px;margin-right:5px;text-indent:-1000px;border-radius:100%;background:url('../images/sns_icon2023.png') no-repeat;}
.sub_wrap .sub_sns a.sns.facebook {background-position:0 0;}
.sub_wrap .sub_sns a.sns.twitter {background-position:-64px 0;}
.sub_wrap .sub_sns a.sns.kakaotalk {background-position:-128px 0;}
.sub_wrap .sub_sns a.sns.blog {background-position:-192px 0;}
.sub_wrap .sub_sns a.sns.share {background-position:-256px 0;}



.traffic-visual-wrap {display:flex;align-items:center;justify-content:space-evenly;padding:70px 0;}
.traffic-visual-wrap h3 {display:flex;flex-direction: column; gap:11px;margin-bottom:15px;font-size:35px !important;line-height:1;letter-spacing:0;color:#333;letter-spacing:0 !important;margin-top:0 !important;}
.traffic-visual-wrap h3:before {width:242px;height:88px;content:'';background:url(../images/2025/ico-traffic-before.png) bottom left no-repeat;aspect-ratio: 242 / 88;}
.traffic-visual-wrap h3 *{display: contents;}
.traffic-visual-wrap .desc {margin-top:15px;margin-bottom:25px;font-size:18px;line-height:1.5;}


.tit-img {margin:10px 0 20px -30px;}

.menu_sub {position:fixed;z-index:8;top:0;left:0;width:100%;min-width:1060px;height:170px;margin-top:-200px;background:#1d4a7c url(../images/2025/bg-nav.png);}
.menu_sub .nav {position:relative;z-index:8;width:1060px;height:170px;margin:0 auto 0 auto;background:none !important;}

.menu_sub .nav ul {position:relative;float:right;width:calc(100% - 170px);}
.menu_sub .nav ul li {position:relative;float:left;overflow:visible;-webkit-box-sizing:border-box;box-sizing:border-box;width:14.285%;height:122px;margin-top:0;text-align:center;opacity:0;}
.menu_sub .nav ul li:last-child {margin-right:0;}
.menu_sub.nav ul li a {display:inline-block;width:100%;height:170px;text-align:center;}
.menu_sub.nav ul li a span.icon {position:relative;display:inline-block;width:68px;height:58px;margin:0 auto;/*-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;*/opacity:1;background-image:url('../images/2025/ico-menu.png');background-repeat:no-repeat;}
.menu_sub.nav ul li a span.text {display:block;margin-top:8px;font-size:16px;font-weight:bold;color:#fff;}


.menu_sub .nav ul li.m1 a span.icon {/*background-color:var(--m1-nav-color);*/background-position:var(--m1-nav-position);}
.menu_sub .nav ul li.m2 a span.icon {/*background-color:var(--m2-nav-color);*/background-position:var(--m2-nav-position);}
.menu_sub .nav ul li.m3 a span.icon {/*background-color:var(--m3-nav-color);*/background-position:var(--m3-nav-position);}
.menu_sub .nav ul li.m4 a span.icon {/*background-color:var(--m4-nav-color);*/background-position:var(--m4-nav-position);}
.menu_sub .nav ul li.m5 a span.icon {/*background-color:var(--m5-nav-color);*/background-position:var(--m5-nav-position);}
.menu_sub .nav ul li.m6 a span.icon {/*background-color:var(--m6-nav-color);*/background-position:var(--m6-nav-position);}

.menu_sub .nav ul li.m1 a:hover span.icon {/*background-color:var(--m1-nav-color);*/ background-position:var(--m1-nav-hover-position);}
.menu_sub .nav ul li.m2 a:hover span.icon {/*background-color:var(--m2-nav-color);*/ background-position:var(--m2-nav-hover-position);}
.menu_sub .nav ul li.m3 a:hover span.icon {/*background-color:var(--m3-nav-color);*/ background-position:var(--m3-nav-hover-position);}
.menu_sub .nav ul li.m4 a:hover span.icon {/*background-color:var(--m4-nav-color);*/ background-position:var(--m4-nav-hover-position);}
.menu_sub .nav ul li.m5 a:hover span.icon {/*background-color:var(--m5-nav-color);*/ background-position:var(--m5-nav-hover-position);}
.menu_sub .nav ul li.m6 a:hover span.icon {/*background-color:var(--m6-nav-color);*/ background-position:var(--m6-nav-hover-position);}


.menu_sub .nav ul.m1 li.m1 span.icon {background-position:var(--m1-nav-hover-position);}
.menu_sub .nav ul.m1 li.m2 span.icon {background-position:var(--m2-nav-position);}
.menu_sub .nav ul.m1 li.m3 span.icon {background-position:var(--m3-nav-position);}
.menu_sub .nav ul.m1 li.m4 span.icon {background-position:var(--m4-nav-position);}
.menu_sub .nav ul.m1 li.m5 span.icon {background-position:var(--m5-nav-position);}
.menu_sub .nav ul.m1 li.m6 span.icon {background-position:var(--m6-nav-position);}

.menu_sub .nav ul.m2 li.m1 span.icon {background-position:var(--m1-nav-position);}
.menu_sub .nav ul.m2 li.m2 span.icon {background-position:var(--m2-nav-hover-position);}
.menu_sub .nav ul.m2 li.m3 span.icon {background-position:var(--m3-nav-position);}
.menu_sub .nav ul.m2 li.m4 span.icon {background-position:var(--m4-nav-position);}
.menu_sub .nav ul.m2 li.m5 span.icon {background-position:var(--m5-nav-position);}
.menu_sub .nav ul.m2 li.m6 span.icon {background-position:var(--m6-nav-position);}

.menu_sub .nav ul.m3 li.m1 span.icon {background-position:var(--m1-nav-position);}
.menu_sub .nav ul.m3 li.m2 span.icon {background-position:var(--m2-nav-position);}
.menu_sub .nav ul.m3 li.m3 span.icon {background-position:var(--m3-nav-hover-position);}
.menu_sub .nav ul.m3 li.m4 span.icon {background-position:var(--m4-nav-position)}
.menu_sub .nav ul.m3 li.m5 span.icon {background-position:var(--m5-nav-position)}
.menu_sub .nav ul.m3 li.m6 span.icon {background-position:var(--m6-nav-position)}

.menu_sub .nav ul.m4 li.m1 span.icon {background-position:var(--m1-nav-position);}
.menu_sub .nav ul.m4 li.m2 span.icon {background-position:var(--m2-nav-position);}
.menu_sub .nav ul.m4 li.m3 span.icon {background-position:var(--m3-nav-position);}
.menu_sub .nav ul.m4 li.m4 span.icon {background-position:var(--m4-nav-hover-position);}
.menu_sub .nav ul.m4 li.m5 span.icon {background-position:var(--m5-nav-position);}
.menu_sub .nav ul.m4 li.m6 span.icon {background-position:var(--m6-nav-position);}

.menu_sub .nav ul.m5 li.m1 span.icon {background-position:var(--m1-nav-position);}
.menu_sub .nav ul.m5 li.m2 span.icon {background-position:var(--m2-nav-position);}
.menu_sub .nav ul.m5 li.m3 span.icon {background-position:var(--m3-nav-position);}
.menu_sub .nav ul.m5 li.m4 span.icon {background-position:var(--m4-nav-position);}
.menu_sub .nav ul.m5 li.m5 span.icon {background-position:var(--m5-nav-hover-position);}
.menu_sub .nav ul.m5 li.m6 span.icon {background-position:var(--m6-nav-position);}

.menu_sub .nav ul.m6 li.m1 span.icon {background-position:var(--m1-nav-position);}
.menu_sub .nav ul.m6 li.m2 span.icon {background-position:var(--m2-nav-position);}
.menu_sub .nav ul.m6 li.m3 span.icon {background-position:var(--m3-nav-position);}
.menu_sub .nav ul.m6 li.m4 span.icon {background-position:var(--m4-nav-position);}
.menu_sub .nav ul.m6 li.m5 span.icon {background-position:var(--m5-nav-position);}
.menu_sub .nav ul.m6 li.m6 span.icon {background-position:var(--m6-nav-hover-position);}

/* SUB */
.btn-top {position:fixed;z-index:2;bottom:220px;left:50%;width:65px;height:65px;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;}
.btn-top.show {display:inline-block;opacity:1;}

.td-left {text-align:left !important;}
.small {font-size:smaller;}

.icon-up {display:inline-block;width:11px;height:17px;margin:0 5px;vertical-align:middle;text-indent:-9999em;background:url(../images/2025/ico-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;word-break:keep-all;}
p.ptype2 {margin:30px 0;word-break:keep-all;}
p.ptype3 {margin:5px 0;word-break:keep-all;}
p.ptype2_1 {margin:10px 0;padding-left:20px;text-indent:-20px;word-break:keep-all;}
.indent20 {padding-left:20px;text-indent:-20px;}


.sub_wrap {overflow-x:hidden;background:#f2f8ff;}
.sub_wrap .sub_cont {width:1060px;min-height:1000px;margin:0 auto;padding:130px 30px 30px;background:#fff url('../images/2025/bg-cont.png') no-repeat center 42px;}
.sub_wrap .sub_cont.sub_cont_hospital {margin:40px auto 0;background:#fff url('../images/2025/bg-cont.png') no-repeat center 38px;}
.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%;}


/* 다운로드 영역 */
.sub_wrap .sub_file.file_hospital_new {position:relative;width:100%;max-width:1060px;height:auto;margin:0 auto;padding:25px 30px;line-height:1;border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;background:#fff;}
.file_hospital_new {display:flex;align-items:center;}
.file_hospital_new .title {width:83px;margin-right:10px;margin-bottom:1px;margin-left:-30px;}
.file_hospital_new .download {position:relative;top:0;left:0;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 53px);margin:0;}
.file_hospital_new .download a {width:231px;}
.file_hospital_new .download a img {width:100%;}

.footer-wrap {padding:20px 0 20px 0;background-color:#0d2034;}
.copyright {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:36px;word-break:keep-all;color:#333;}
.sub_wrap h2 span {display:inline-block;letter-spacing:-.05em;border-bottom-width:3px;border-bottom-style:solid;}
.sub_wrap h3 {margin:50px 0 30px;font-size:28px;letter-spacing:-.05em;word-break:keep-all;color:#333;font-weight:500;}
.sub_wrap h4 {margin:30px 0 15px;font-size:26px;letter-spacing:-.05em;word-break:keep-all;color:#333;font-weight:500;}
.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 !important;}



.tit-withBtn * {vertical-align:top;}
.tit-withBtn img {margin-left:5px;}

.sub_cont_park h2, .sub_cont_park h4, .sub_cont_park .point {color:#1e7b97;}
.sub_cont_traffic h2,.sub_cont_traffic h4, .sub_cont_traffic .point {color:var(--txt-traffic);}
.sub_cont_traffic h2 span {border-color: var(--txt-traffic);}
.sub_cont_culture h2, .sub_cont_culture h4, .sub_cont_culture .point {color:var(--txt-culture);}
.sub_cont_culture h2 span {border-color: var(--txt-culture);}
.sub_cont_market h2, .sub_cont_market h4, .sub_cont_market .point {color:var(--txt-market);}
.sub_cont_market h2 span {border-color: var(--txt-market);}
.sub_cont_hospital h2, .sub_cont_hospital h4, .sub_cont_hospital .point {color:var(--txt-hospital);}
.sub_cont_hospital h2 span {border-color: var(--txt-hospital);}
.sub_cont_safe h2, .sub_cont_safe h4, .sub_cont_safe .point {color:var(--txt-safe);}
.sub_cont_safe h2 span {border-color: var(--txt-safe);}
.sub_cont_trash h2, .sub_cont_trash h4, .sub_cont_trash .point {color:var(--txt-trash);}
.sub_cont_trash h2 span {border-color: var(--txt-trash);}
.sub_cont_culture h3 {font-weight:500;letter-spacing:-.05em;}
.sub_cont_culture h3 img {margin-right:5px;padding-top:3px;line-height:inherit;vertical-align:text-top;}


.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;}

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;}

.table {width:100%;margin:20px 0 20px;border-collapse:collapse;}
.table .odd th, .table .odd td {background:#f2f2f2;}
.table .bg-white th, .table .bg-white td {background:#fff !important;}
.table th {padding:5px 0;font-size:16px;}
.table td {padding:10px ;font-size:15px;}
.table thead th, .table tbody th {font-weight:bold;text-align:center;color:#fff;border-bottom:1px solid #e9e9e9;}
.table tbody td {font-size:16px;text-align:center;border-bottom:1px solid #e9e9e9;background:#fff;}
.table .bg-white {background:#fff !important;}
.table .tr-line {border-top:1px solid #e9e9e9;}
.table .align-left {padding:10px;text-align:left !important;}

.table-bordered {border-bottom:1px solid #e9e9e9;}
.table-bordered tr td, .table-bordered tbody tr th {border-bottom:1px solid #e9e9e9;border-left:1px solid #e9e9e9;}
.table-bordered tbody tr th {color:#222;}
.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;}

.last .table-traffic thead th, .last .table-traffic tbody td {font-size:14px;}
.last .table-traffic thead th {padding:3px 0;}


.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 {padding-left:5px;text-align:left;}

.table-traffic thead th {background:var(--txt-traffic);}
.table-traffic tbody th {color:var(--txt-traffic);}

.table-culture thead th {background:#414e54;}
.table-culture tbody th {color:#414e54;}
.table-culture th, .table-culture td {padding:10px;word-break:break-all;}
.table-culture tbody td.title {font-size:15px;font-weight:500;color:#666;}
.table-culture tbody a {font-size:14px;font-weight:500;color:#0c82e9;}

.table-park thead th {background:var(--txt-park);}
.table-park tbody th {color:var(--txt-park);}
.table-park th, .table-park td {padding:10px;word-break:break-all;}

.table-market thead th {background:var(--txt-market);}
.table-market tbody th {color:var(--txt-market);}

.table-hospital thead th {background:var(--txt-hospital);}
.table-hospital tbody th {color:var(--txt-hospital);}
.table-hospital tbody tr.gray td {background:#f2f2f2 !important;}
.table-hospital tbody tr.white td {background:#fff !important;}
.table-hospital tbody td[rowspan]:not(:last-child){border-right:1px solid #e9e9e9}

.table-safe thead th {background:var(--txt-safe);}
.table-safe tbody th {color:var(--txt-safe);}

.table-trash thead th {background:var(--txt-trash);}
.table-trash tbody th, .table-trash tbody strong {color:var(--txt-trash) !important;}
.table-trash tbody tr:nth-child(odd) th, .table-trash tbody tr:nth-child(odd) td {background:#f5f5f5;}

.tbl_scroll {overflow:hidden;box-sizing:border-box;}

.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;}


.list-type1 {margin-bottom:10px;}
.list-type1 > li {position:relative;margin:8px 0 5px;padding:0 0 0 16px;line-height:1.5;}
.list-type1 > li:before {position:absolute;top:12px;left:5px;width:5px;height:5px;content:'';border-radius:50%;background:#222;}
.list-type1 > li.last {padding-left:0;}
.list-type1 > li.last:before {display:none;}
.list-type2 > li, p.list-type2 {margin:5px 0;padding:0 0 0 12px;line-height:1.5;background:url(../images/bl_dash.png) no-repeat 0 12px;}
.list-type2-indent {margin-left:83px !important;}
.list-type2-indent2 {margin-left:53px !important;}
.list-type3 > li {background:none;}


.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);}
.sub_transport h5:before {width:90px;height:90px;margin-right:15px;content:'';border-radius:100%;background-color:var(--txt-traffic);background-repeat:no-repeat;background-position:center;}
.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 {font-size:22px;}
.sub_transport h5 span {font-size:12px;}
.sub_transport .right-con {display:table;float:left;width:calc(100% - 200px);height:95px;}
.sub_transport .right-con ul {display:table-cell;vertical-align:middle;}

/*교통대책 - 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:5px 0;font-size:16px;font-weight:700;text-align:center;color:#fff;background:var(--txt-traffic);}
.cont-topis-list {display:flex;flex:1 1 auto;}
.cont-topis-list p {width:50%;padding:10px 10px 5px;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;}
.cont-topis-twitter .cont-topis-list {align-items:stretch;border-left:1px solid #e9e9e9;}
.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%;}
.cont-topis-wrap.vms .cont-topis.col2 .cont-topis-list {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:70px;text-indent:-70px;}
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;}

/* culture */
.sub_cont_culture table td, .sub_cont_culture table th {word-break:keep-all !important;}
.sub_cont_culture table td a {font-weight:bold;}


/* market */
.market-list {font-size:16px;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 100px;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:3px 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;word-break:keep-all;}
.market_para p:first-child {margin:0 0 30px 0;}
.parking-top {margin-top:30px;}
.onnuri{margin-top:50px; display: flex; flex-direction: column;border:1px solid #ddd;}
.onnuri dt{color:var(--txt-market); padding: 10px 20px;align-self: center;display: inline-block;background-color: #FFEBF4;z-index: 1;font-size: 24px;
  letter-spacing: -.1em;font-weight: 500;border-radius: 50vh;margin-top:-28px;}
.onnuri dd{padding: 20px; }
.onnuri dd p.market{font-weight: bold;font-size: 18px;margin-bottom:5px;}
.onnuri ul{display: flex; flex-wrap: wrap;gap:5px}

/* hospital */
.box-hospital {margin:20px 0;padding:20px;font-size:22px;font-weight:700;text-align:center;color:var(--txt-hospital);background:#eefbea;}
.box-hospital2 {margin:20px 0;padding:20px 30px;word-break:keep-all;border:1px solid #ebebeb;background:#f8f8f8;}
.table-hospital.no {border-right:1px solid #e9e9e9;}
.table-hospital.no tbody tr th {color:#fff;background:var(--txt-hospital);}
.table-hospital.no tbody tr td {border-top:1px solid #e9e9e9;}
.table-hospital.no tbody td.none {width:5px;padding:0;border:0 !important;}

.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/2025/bg_hospital.png) no-repeat 0 0;}
.sub_hospital ul.list-type1 li {margin:20px 0;}


/* safe */
.sub_cont_safe .btn-group {margin:70px 0;}
.sub_cont_safe .btn-group .btn-safe {padding:13px 16px;font-weight:500;letter-spacing:-.5px;color:#fff;background:#1f86d6;}
ul.list-type-icon li {margin:10px 0;font-size:24px;}
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:var(--txt-safe);}
.img-119 {margin:60px 0 0;text-align:center;}

.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:var(--txt-safe);}
.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:0;margin-right:20px;padding-bottom:57px;border-radius:50%;background-color:var(--txt-safe);background-size: 50px 50px !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');}

/* traffic */
.list-type1 .traffic_signboard {float:right;margin-top:-10px;background:none;}
.list-type1 .traffic_signboard img {height:190px;}

/* trash */
.trash_para .ptype1 {margin:20px 0 10px;}


/* 공통 동영상  */
.video-container {position:relative;overflow:hidden;height:0;padding-top:30px;padding-bottom:56.25%;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}


/* 코로나 캠페인 */
.corona * {box-sizing:border-box;}
.txt-bg {display:inline-block;min-width:110px;padding:2px 10px;font-size:18px;font-weight:500;text-align:center;color:#fff;border-radius:5px;background:#1e7b97;}
.txt-darkblue {background:#023e68;}

.sub_wrap .sub_cont_corona {overflow:visible;padding-top:160px;}
.sub_cont_corona h3 {padding:20px 0 0;font-size:26px;text-align:center;}
.sub_cont_corona h3.lilne {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;}

.img-list3 ul li {float:left;width:320px;margin-left:20px;}
.img-list3 ul li:first-child {margin-left:0;}
.img-list3 ul:after {display:table;clear:both;content:'';}

.img-list1 {margin-bottom:30px;}
.img-list1 ul li {margin-bottom:20px;}

.movie-area {width:1060px;height:590px;margin:20px 0 40px -28px;background:url(../images/2025/2020_bg_movie.jpg) no-repeat 0 0;}

.movie-area h4 {padding:0;font-size:18px;text-align:center;color:#222 !important;}
.movie-area .video-container {width:800px;height:450px;margin:0 auto;}

.table-service {border-bottom:1px solid #b47a5c;}
.table-service thead th {padding:10px;font-size:16px;font-weight:500;color:#555;border-top:1px solid #b47a5c;border-left:1px solid #ddc2b1;background:#fcf9f2;}
.table-service thead th:first-child {border-left:0;}
.table-service tbody th {font-size:16px;font-weight:500;color:#555;border-top:1px solid #ddc2b1;background:#fcf9f2;}
.table-service tbody td {padding:10px;font-size:15px;border-top:1px solid #ddc2b1;border-left:1px solid #ddc2b1;}

.table-service tbody td table {margin:10px 0;}
.table-service tbody td table th {font-size:14px;}

.table-service tbody .odd th {background:#fcf9f2;}
.table-service tbody .odd td {background:#fff;}

.table-service > tbody > tr > th {width:25%;}
.table-service > tbody > tr > td {width:75%;}

.table-service td img {max-width:100%;height:auto;margin:5px 0;}
.table-service a {color:#023eff;}

.page-links ul {overflow:hidden;}
.page-links ul li {float:left;width:15%;margin-bottom:5px;margin-left:2%;}
.page-links ul li:first-child {margin-left:0;}
.page-links ul li:nth-child(6n+1) {margin-left:0;}
.page-links ul li a {display:block;min-height:50px;font-size:20px;font-weight:500;line-height:50px;text-align:center;color:#fff;background:#96441c;}

.slide-area {position:relative;overflow:visible !important;width:900px;margin:0 auto;text-align:center;}
.slide-area ul {margin:0 auto;}
.slide-area ul li {width:900px;}

.slide-area .btn_cslide {min-height:1px !important;}
.slide-area .btn_cslide a {position:absolute;top:50%;display:block;width:24px;height:44px;margin-top:-20px;text-indent:-9999em;}
.slide-area .btn_cslide_prev a {left:-50px;background:url(../images/2025/ico-prev-2022.png) no-repeat 0 0;}
.slide-area .btn_cslide_next a {right:-50px;background:url(../images/2025/ico-next-2022.png) no-repeat 0 0;}
.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;}


/* new nav */
.nav-corona {width:100%;height:70px;background:#9f8875;}
.nav-corona.fixed {position:fixed;top:0;left:0;}
.nav-corona ul {overflow:hidden;width:1060px;margin:0 auto;}
.nav-corona ul li {float:left;width:50%;height:70px;margin-top:0;}
.nav-corona ul li a {display:block;width:100%;height:70px;padding-left:55px;font-size:22px;line-height:70px;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/2025/bg_nav1_on.png);}
.nav-corona ul li.m2 a {font-weight:400;color:#fff;background-image:url(../images/2025/bg_nav2_off.png);}
.nav-corona ul.m2 li.m1 a {font-weight:400;color:#fff;background-image:url(../images/2025/bg_nav1_off.png);}
.nav-corona ul.m2 li.m2 a {font-size:22px;font-weight:600;color:#2b3647;background-image:url(../images/2025/bg_nav2_on.png);}

.menu_sub_corona {position:fixed;z-index:8;top:0;left:0;width:100%;width:100%;height:90px;margin-top:-170px;background:url(../images/2025/bg_sub_nav.jpg) repeat-x 50% 0;}
.menu_sub_corona .nav-corona {position:relative;width:1060px;height:90px;margin:0 auto;padding-left:300px;background:none;}
.menu_sub_corona .nav-corona:before {position:absolute;top:-3px;left:-5px;width:244px;height:73px;content:'';background:url(../images/2025/img_sub_nav.png) no-repeat 0 0;}
.menu_sub_corona .nav-corona ul {overflow:hidden;width:760px;margin:20px auto 0;}
.menu_sub_corona .nav-corona ul li {float:left;width:50%;height:70px;margin-top:0;margin-right:0;}
.menu_sub_corona .nav-corona ul li a {background-position:-88px 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:0;left:50%;width:1220px;margin-left:-610px;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 {border-bottom:1px solid #1e7b97;background:#f8f8f8;}
.experts-tab li[class*='tab'] > a {position:relative;display:block;width:100%;padding:15px 40px 15px 30px;font-size:18px;color:#000;}
.experts-tab li[class*='tab'] > a:before {position:absolute;top:23px;left:14px;width:10px;height:10px;content:'';background:#1e7b97;}
.experts-tab li[class*='tab'] > a:after {position:absolute;top:50%;right:20px;width:27px;height:16px;content:'';transition:transform .3s;transform:translateY(-50%) rotate(-180deg);background:url(../images/2025/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:16px;text-align:right;}
.experts-tab-cont table {width:100%;}
.experts-tab-cont table thead th {padding:10px 0;background:#414e54;}
.experts-tab-cont table thead tr.scd th {color:#333 !important;background:#dce9ef!important;}
.experts-tab-cont table tbody td {background:#f5f5f5;}
.experts-tab-cont .table-text + table {margin-top:10px !important;}

.table-text {font-size:16px;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;padding:15px 30px;color:#000;}
.experts-tab li.inline .txt:before {position:absolute;top:23px;left:14px;width:10px;height:10px;content:'';background:#1e7b97;}
.experts-tab li.inline a.btn {display:inline-block;min-width:100px;padding:7px 13px;font-size:14px;font-weight:bold;text-align:center;border:1px solid #414e54;}
.experts-tab li.inline a.btn span {font-size:inherit;font-weight:inherit;color:inherit;}
.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/2025/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/2025/icon_arrow.png) center no-repeat;}
.experts-tab li.inline .btn-wrap a + a {margin-left:3px;}
.btn-group.table-btn {display:flex;flex-direction:row-reverse;margin:5px 0 0 !important;padding:0;}
.btn-group.table-btn .btn {padding:11px 15px;font-size:15px;letter-spacing:0;color:#fff;background:#1f86d6;}
.btn-group.table-btn + .table-safe {margin-top:10px !important;}


.image-banners {display:flex;justify-content:space-between;margin-top:30px;}

.shorts-cont{display: flex;aspect-ratio: 16 / 9; align-items: center;justify-content: center; margin: 20px auto; overflow: hidden; 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:55px auto }
.shorts-cont img{width:100%;}

.slide-area {position:relative;overflow:visible !important;width:794px;margin:30px auto;text-align:center;}
.slide-area ul {margin:0 auto;}
.slide-area ul li {width:794px;}
.slide-area ul li img{width: 794px; height: 794px;}
.slide-area .btn_cslide {min-height:1px !important;}
.slide-area .btn_cslide a {position:absolute;top:50%;display:block;width:24px;height:44px;margin-top:-20px;text-indent:-9999em;}
.slide-area .btn_cslide_prev a {left:-50px;background:url(../images/ico-arrow-gray.png) no-repeat 0 0;}
.slide-area .btn_cslide_next a {right:-50px;background:url(../images/ico-arrow-gray.png) no-repeat 0 0;transform: rotate(180deg); }
	
	
.slide-area .bx-wrapper {border:0;box-shadow:none !important;}
.slide-area .bx-controls {display:none !important;}
