@charset "utf-8"; /*고향사랑기부제*/
.modify221229 em { font-size:14px; padding-left:5px; }
.modify221229 ul.give { font-size:14px; color:#3D559B; font-weight:500; }
.modify221229 ul.give li { position:relative; display:inline-block; margin-left:20px; padding-left:7px; }
.modify221229 ul.give li:before { content:''; display:inline-block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:3px; height:3px; background:#666; }
.modify221229 .img { padding-top:20px; }
.modify221229 .img img { max-width:100%; }
.modify221229 .Mobile { display:none; }
.modify221229 .card_news { position:relative; background:#f7f7f7; margin-top:20px; padding:30px; text-align:center; overflow:hidden; }
.modify221229 .card_news .pop-btn .prev { position:absolute; left:30px; top:50%; transform:translateY(-50%); z-index:99999; }
.modify221229 .card_news .pop-btn .next { position:absolute; right:30px; top:50%; transform:translateY(-50%); z-index:99999; }
.modify221229 .card_news ul { padding:0 50px; }
.modify221229 .card_news ul li { width:100%; min-height:100%; }
.modify221229 .card_news ul li a { display:block; }
.modify221229 .pop-btn { text-align:center; background:#3C569A; display:inline-flex; align-items:center; margin-top:20px; padding:7px 15px; border-radius:30px; }
.modify221229 .pop-btn .pager { color:#fff; }
.modify221229 .pop-btn .pager span { position:relative; color:#fff; }
.modify221229 .pop-btn .pager span.current:before { content:'/'; position:absolute; top:50%; right:0; transform:translateY(-50%); color:#fff; }
.modify221229 .pop-btn .pager span.current { font-weight:700; padding-right:10px; color:#FFCC00; }
.modify221229 .pop-btn .pager span.total { padding-right:0; padding-left:3px; }
.modify221229 .pop-btn .stop { display:inline-block; font-size:15px; line-height:14px; padding-left:5px; vertical-align:middle; z-index:9999; }
.modify221229 .pop-btn .stop img { height:20px;; }
.modify221229 .pop-btn a { }

@media all and (max-width:500px){
 .modify221229 .card_news ul li img { height:75vw; }
.modify221229 .pop-btn img { height:7vw; }
 }

/*문화시설*/
.sub_060101 .h5_ul { margin-left: 0; }
.sub_060101 .h5_ul > li { margin-top: 30px; overflow: hidden; }
.sub_060101 .h5_ul .img { float: left; margin-right: 20px; }
.sub_060101 .h5_ul span { display: block; margin-top: 35px; }
.sub_060102 .sub_tab ul li { width: 33.33%; }
.sub_060102 .part01 .h5_ul li > .img { float: left; margin: 0 10px 10px 0; }
.sub_060102 .part05 .img_rignt { float: right; margin-left: 10px; margin-top: 20px; }

.sub_060102_02 .part02 ul { overflow: hidden; background: #f9f9f9; border: 2px solid #dddddd; margin-top: 20px; }
.sub_060102_02 .part02 ul li { float: left; width: 50%; padding: 30px 0; }
.sub_060102_02 .part02 ul li.img02 { border-left: 1px solid #dddddd; }
.sub_060102_02 .part02 ul li img { display: block; margin: 0 auto; }

/*복지*/
/*기초생활보장제도*/
.sub_060200 .ref { display:block; margin-top:3px; font-weight:600; }
.sub_060200 .ref:after { content:''; display:block; clear:both; }
.sub_060200 .ref span { float:right; }
.sub_060200 .tb1_st1 { margin-bottom:10px; }

/*노인복지*/
.sub_060201 .sub_tab ul li { width: 25%; }
.sub_060201 .h5 span { float: right; font-size: 15px; color:#555555; }
.sub_060201 .part10 .h5_li { margin-left: 30px; font-weight: 600; color:#1077c4; }

.sub_06020103 .step_wrap { overflow-x: auto; }
.sub_06020103 .step_wrap > ul { overflow: hidden; background: url(/ko/img/sub/sub06/0602_img01.gif) no-repeat center 94px; }
.sub_06020103 .step_wrap > ul > li { float: left; width: 16.8%; margin: 0 2%; text-align: center; padding-left: 0; background: none; }
.sub_06020103 .step_wrap .list01 { margin-left: 0; }
.sub_06020103 .step_wrap .list05 { margin-right: 0; }
.sub_06020103 .step_wrap .list li { margin-bottom: 10px; line-height: 20px; }
.sub_06020103 .step_wrap .list .step01 { background: #0066b3; color:#fff; font-weight: 500; border-radius: 5px; padding: 20px 10px; }
.sub_06020103 .step_wrap .list .step01_01 { background: #0066b3; color:#fff; font-weight: 500; border-radius: 5px; padding: 10px 10px; }
.sub_06020103 .step_wrap .list .step02, .sub_06020103 .step_wrap .list .step03 { font-weight: 500; border-radius: 5px; border: 2px solid #0066b3; }
.sub_06020103 .step_wrap .list01 .step02 { padding: 10px 10px; }
.sub_06020103 .step_wrap .list01 .step02_01 { padding: 20px 10px; }
.sub_06020103 .step_wrap .list .step03 { padding: 10px 10px; }

/*대한노인회, 성주군지회 조직도*/
.sub_060201 .part01 { background: url('/ko/img/sub/sub06/line_bg_big2_251112.png') no-repeat top center; background-size: 100%; height:612px; }
.sub_060201 .part01 .tit01 { position:relative; }
.sub_060201 .part01 table { width: 170px; float: left; }
.sub_060201 .part01 table .import { background: #6e6e6e; color: white; border: 1px solid #6e6e6e; border-top-left-radius: 0; border-top-right-radius: 0; font-weight: 600; height: 35px; box-sizing: border-box; }
.sub_060201 .part01 table th { border: 1px solid #6e6e6e; border-top-left-radius: 3px; border-top-right-radius: 3px; text-align: center; height: 35px; box-sizing: border-box; background: white; font-weight: normal; }
.sub_060201 .part01 table td { border: 1px solid #6e6e6e; text-align: center; height: 35px; box-sizing: border-box; background: white; width: 50%; }
.sub_060201 .part01 .con1 { float: none; margin: 0 auto; }
.sub_060201 .part01 table.con1.type1 { width:200px; }
.sub_060201 .part01 table.con1.type1 .import,.sub_060201 .part01 table.con1.type1 td { height:40px; }
.sub_060201 .part01 .con1.bottom { margin-bottom:45px; }
.sub_060201 .part01 .con1.right { margin-left:630px; position:relative; }
.sub_060201 .part01 .con1.bottom th { background:#00763a; border:1px solid #00763a; }
.sub_060201 .part01 .con1.bottom td { border:1px solid #00763a; }
.sub_060201 .part01 .con1.right th { background:#3f8614; border:1px solid #3f8614; }
.sub_060201 .part01 .con1.right td { border:1px solid #3f8614; }
.sub_060201 .part01 .con1 th { background: #0066b3; border: 1px solid #0066b3; }
.sub_060201 .part01 .con1 td { border: 1px solid #0066b3; }
.sub_060201 .part01 .tit02 li { float:left; width:25%; }
.sub_060201 .part01 .tit02 li.num3 { width:50%; }
.sub_060201 .part01 .tit02 li.num3 .con2 { margin-left:147px !important; }
.sub_060201 .part01 .tit02 table { width:90%; margin-left:12px; }
.sub_060201 .part01 .con2 { width:197px !important; }
.sub_060201 .part01 .tit03 { clear:both; width:100%; overflow:hidden; /*padding-top:30px; */ }
.sub_060201 .part01 .tit03 li { width:50%; padding:0 12px; }
.sub_060201 .part01 .tit03 li table { width:99% !important; margin-left:12px; }
.sub_060201 .part01 .tit03 .con3-1 { width:100%; margin-bottom: 30px; }
.sub_060201 .part01 .tit03 .con3-2 { width:100%; margin-bottom: 30px; }
.sub_060201 .part01 .con3-2 .no_radius th { border-radius: 0; }
.sub_060201 .part01 .con4 { width: 100%; float: none; clear: both; }
.sub_060201 .part01 .con4 td { width: auto; }
.sub_060201 table { border-collapse: collapse !important; }

@media all and (max-width:1023px) { /*대한노인회, 성주군지회 조직도*/
.sub_060201 .part01 { background:none; }
 .sub_060201 .part01 .all_wrap { background: url('/ko/img/sub/sub06/line_bg_small2_230727.png') no-repeat center top; }
 .sub_060201 .part01 .tit02 { overflow: hidden; width: 100%; max-width:700px; margin: 0 auto; padding-bottom: 35px; }
 .sub_060201 .part01 .tit02 li { width:33.33%; margin-top:3px; }
.sub_060201 .part01 .tit02 li.num3 { width:33%; }
.sub_060201 .part01 .tit02 li.num3 .con2 { margin: 0 auto !important; }
 .sub_060201 .part01 .tit02 li table { float: none; margin: 0 auto; }
.sub_060201 .part01 .tit03 { padding-top:20px; }
 .sub_060201 .part01 .tit03 li { width:80%; margin-left:6%; /* margin-left:10%; */ }
.sub_060201 .part01 .tit03 .con3-2 { margin-bottom:10px; }
 .sub_060201 .part01 .con6 { margin-top: 30px; }

 .sub_060201 .part01 { height:auto; }
 .sub_060201 .part01 table.con1.type1 { width:180px; }
 .sub_060201 .part01 .con1.bottom { margin-bottom:30px; }
 .sub_060201 .part01 .con1.right { margin-left:70%; }
.sub_060201 .part01 .con1.right,.sub_060201 .part01 .con1.bottom { width:150px; }
}

@media all and (max-width:710px){
 .sub_060201 .part01 .con2 { width:150px !important; }

.sub_060201 .part01 .all_wrap { background: url('/ko/img/sub/sub06/line_bg_small022_230727.png') no-repeat center top; }
.sub_060201 .part01 .tit02 { max-width:507px; }
.sub_060201 .part01 table.con1.type1 .import,.sub_060201 .part01 table.con1.type1 td { height:35px; }
 }
@media all and (max-width:550px){
 .sub_060201 .part01 .con2 { width:120px !important; }

.modify221229 .pc { display:none; }
.modify221229 .Mobile { display:block; }
.modify221229 .img img { max-width:100%; }
 .sub_060201 .part01 table.con1.type1 { width:160px; }
.sub_060201 .part01 .con1.right,.sub_060201 .part01 .con1.bottom { width:120px; }
 }

/*청소년/아동복지*/
.sub_060203 .sub_tab ul li { width: 33.33%; }
#sub_cont .sub_060203 .part09 .h5 { margin-left: 0; }

.sub_06020309 { background: url('/ko/img/sub/sub06/youth250204.png') no-repeat 90% top; }
.sub_06020309 p { width: 50%; word-break: keep-all; margin: 20px 0 30px; }
.sub_06020309 p span { display: block; }
.sub_06020309 a { width: 240px; display: block; margin: 5px 0; }
/*여성복지*/
.sub_060205 .sub_tab ul li { width: 25%; }
/*희망복지*/
.sub_060206 .sub_tab ul li { width: 33.33%; }
.sub_060206 .h5 span { font-size: 15px; font-weight: 400; color:#555555; }
.sub_060206 .h5_ul span { text-align: right; }

/*장애인복지*/
.sub_060204 .step01 { overflow:hidden; }
.sub_060204 .step01 dl { float:left; margin:1%; width:48%; border-radius:3px; }
.sub_060204 .step01 dt,
.sub_060204 .step02 dt { background:#0066b3; border-radius:3px 3px 0 0; font-size:17px; color:#fff; font-weight:600; text-align:center; line-height:35px; }
.sub_060204 .step01 dt span { display:inline-block; background:#fff; font-size:13px; color:#0066b3; border-radius:10px; line-height:20px; width:20px; }
.sub_060204 .step01 dd { padding:5px; text-align:center; border:1px solid #0066b3; border-radius: 0 0 3px 3px; }

.sub_060204 .step02 { margin:20px 0; }
.sub_060204 .step02 dl:first-child { background:none; padding-top:0; }
.sub_060204 .step02 dl { background:url('/ko/img/sub/sub06/step_icon.gif') no-repeat center 10px; padding-top:30px; }
.sub_060204 .step02 dd { padding:10px; border:1px solid #0066b3; border-radius: 0 0 3px 3px; }

@media all and (max-width:768px){
 .sub_060204 .step01 dl { margin:1% 0; width:100%; }
 }

/*재정*/
.sub_060301 .tableWrap { border-bottom: 1px solid #c2c2c2; border-top: 1px solid #c2c2c2; }
.sub_060301 .tableWrap .tb_wrap { margin-top: 0; }
.sub_060301 .tb1_st3 { width: 100%; text-align: left; }
#sub_cont .sub_060301 .tb1_st3 .h5 { margin-top: 0; margin-left: 0; }
.sub_060301 .tb1_st3 thead th { padding: 13px; background: #f8f8f8; border-bottom: 1px solid #eaeaea; }
.sub_060301 .tb1_st3 tbody a:hover { text-decoration: underline; }
.sub_060301 .tb1_st3 tbody tr { vertical-align: top; }
.sub_060301 .tb1_st3 tbody tr th { padding: 13px; }
.sub_060301 .tb1_st3 tbody tr td { padding: 13px 0; }
.sub_060301 .tb1_st3 tbody tr:nth-child(2n) { background: #f8f8f8; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.sub_060301 .tb1_st3 tbody tr th a,
.sub_060301 .tb1_st3 tbody tr th p,
.sub_060301 .tb1_st3 tbody tr td.dot p { font-weight: 500; padding-left: 15px; background: url(/ko/img/sub/ico_bl02.png) no-repeat left 7px; margin-left: 15px; }
.sub_060301 .tb1_st3 tbody tr td li { margin: 7px 0; }
.sub_060301 .tb1_st3 tbody tr td a { padding-left: 30px; background: url(/ko/img/sub/pdf.png) no-repeat left 0; display:inline-block; font-size:14px; }
.sub_060301 .tdL th, .sub_060301 .tdL td { text-align:left !important; }
.dis_non { display: none; }

/*재정공시*/
.sub_060303 .part01 .h5_ul { margin-bottom: 20px; }
.sub_060303 .tableWrap { width: 100%; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; }
.sub_060303 .tableWrap p,#sub_cont .sub_060303 .h5 { float: left; margin: 0; }
.sub_060303 .tableWrap .file { float: right; }
.sub_060303 .tableWrap .file a { display: inline-block; vertical-align: text-top; }
.sub_060303 .tableWrap ul { width: 100%; }
.sub_060303 .tableWrap ul li { width: 100%; overflow: hidden; }
.sub_060303 .tableWrap .list01 { padding: 11px 13px; border-bottom: 1px solid #eaeaea; background: #f8f8f8; }
.sub_060303 .tb_wrap { margin-top: 0; }
.sub_060303 .tb1_st3 { width: 100%; text-align: left; }
/*.sub_060303 .tb1_st3 thead th { padding: 11px 13px; background: #f8f8f8; border-bottom: 1px solid #eaeaea; overflow: hidden; } */
.sub_060303 .tb1_st3 tbody tr td.tit01,
.sub_060303 .tb1_st3 tbody tr th.tit01 { padding: 11px 13px; background: #f8f8f8; border-bottom: 1px solid #eaeaea; overflow: hidden; }
.sub_060303 .tb1_st3 tbody tr { border-bottom: 1px solid #eaeaea; }
.sub_060303 .tb1_st3 tbody tr td { padding: 11px 13px; }
.sub_060303 .tb1_st3 tbody tr td p { padding-left: 20px; font-weight: 500; }
.sub_060303 .tb1_st3 p a:hover { text-decoration: underline; }

.sub_0603090101 .step { overflow-x: auto; margin-top: 30px; }
.sub_0603090101 .step_wrap { overflow-x: auto; background: url(/ko/img/sub/sub06/0603_img01.jpg) no-repeat 36% 39%; }
.sub_0603090101 .step_wrap ul { overflow: hidden; }
.sub_0603090101 .flow02, .sub_0603090101 .flow03 { float: left; width: 50%; }
.sub_0603090101 .flow01 { margin-bottom: 3%; }
.sub_0603090101 .step01 li { width: 175px; height: 40px; background: #1a76bb; color:#fff; font-size: 18px; font-weight: 500; line-height: 40px; text-align: center; margin: 0 auto; border-radius: 20px; }
.sub_0603090101 .step02 > li > p { width: 175px; height: 40px; background: #0f874b; color:#fff; font-size: 18px; font-weight: 500; line-height: 40px; text-align: center; margin: 0 auto; border-radius: 20px; margin-bottom: 7%; }
.sub_0603090101 .step02_01 { overflow: hidden; margin-bottom: 13%; }
.sub_0603090101 .step02_01 li { float: left; min-height: 86px; width: 18.4%; background: #5e5e5e; color:#fff; font-weight: 500; font-size: 15px; text-align: center; border-radius: 18px; line-height: 20px; padding: 31px 0px; margin: 0 1%; }
.sub_0603090101 .step_wrap .list_first { margin-left: 0; }
.sub_0603090101 .step_wrap .list_last { margin-right: 0; }
.sub_0603090101 .step02_01 .text01 { padding: 23px 8px; }
.sub_0603090101 .flow03 .list01 { margin-left: 22%; margin-right: 18%; }
.sub_0603090101 .flow04 { clear: both; }
.sub_0603090101 .step03 { overflow: hidden; }
.sub_0603090101 .step03 li { float: left; background: #f0f0f0; border: 1px solid #dbdbdb; padding: 8px; border-radius: 10px; margin: 0 0.5%; width: 15.8%; text-align: center; font-weight: 500; }

.sub_0603090105 .sub_box02 img { display: block; margin: 0 auto; padding: 20px 0; }
.sub_0603090105 .list_last > ul > li > span { display: block; }
.sub_0603090305 .sub_box02 img { display: block; margin: 0 auto; padding: 20px 0; }

/*통계연보*/
.sub_06030201 .title p { margin-left: 30px; }
.sub_06030201 ul { clear: both; margin-top: 30px; }
.sub_06030201 ul::after {content:''; display:table; clear:both; }
.sub_06030201 ul li { width: 25%; float: left; min-height: 298px; margin-bottom: 40px; text-align: center; position: relative; }
.sub_06030201 ul li a { display: block; width: 100%; height: 100%; min-height: 278px; }
.sub_06030201 .img_area { height: 236px; }
.sub_06030201 ul li img { max-width: 100%; }
.sub_06030201 ul li .title_area { width: 100%; height: 96px; background: url(/ko/img/sub/sub01/title_area_bg.png) no-repeat center -34px; background-size: cover; }
.sub_06030201 ul li .title_area p .blank { display: block; }
.sub_06030201 ul li .title_area p span.file_down { margin:7px 0 0; }
.sub_06030201 ul li .title_area p { width: 100%; text-align: center; font-size: 14px; line-height: 17px; padding-top: 20px; }

/*채무관리계획*/
.sub_060307 .title p { margin-left: 30px; }
.sub_060307 ul { clear: both; overflow: hidden; margin-top: 30px; }
.sub_060307 ul li { width: 25%; float: left; min-height: 298px; margin-bottom: 35px; text-align: center; position: relative; }
.sub_060307 ul li a { display: block; width: 100%; height: 100%; min-height: 298px; }
.sub_060307 ul li img { max-width: 100%; }
.sub_060307 ul li .title_area { width: 100%; height: 96px; background: url(/ko/img/sub/sub01/title_area_bg.png) no-repeat center center; background-size: cover; position: absolute; bottom: 0; left: 0; }
.sub_060307 ul li .title_area p .blank { display: block; }
.sub_060307 ul li .title_area p { width: 100%; text-align: center; position: absolute; bottom: 5px; font-size: 14px; line-height: 17px; }

/*지방세안내*/
.sub060309 .tax_wrap li { overflow:hidden; padding:20px 10px; border-bottom:1px dashed #ccc; }
.sub060309 .tax_wrap li span { font-size:40px; color:#666; font-weight:600; float:left; display:inline-block; margin-right:20px; padding-top:10px; }
.sub060309 .tax_wrap dl { float:left; }
.sub060309 .tax_wrap dl dt { color:#0066b3; font-size:20px; font-weight:600; }
.sub060309 .tax_wrap .d_view { display:inline-block; float:right; text-align:center; }
.sub060309 .tax_wrap .d_view a { display:inline-block; background:#0066b3 url('/ko/img/sub/icon_view.png') no-repeat center 15px; background-size:18px; color:#fff; width:70px; height:70px; padding-top:30px; border-radius:35px; font-size:12px; }

.sub060309 .quick_menu { border :1px solid #cccccc; }
.sub060309 .quick_menu ul { margin-left:-1px; margin-bottom:-1px; overflow:hidden; }
.sub060309 .quick_menu li { border-left:1px dashed #ccc; border-bottom:1px dashed #ccc; float:left; width:25%; box-sizing: border-box; padding-left:10px; }
.sub060309 .quick_menu li a { font-size:13px; padding:5px 0 5px 35px; display:inline-block; line-height:40px; }
.sub060309 .quick_menu li a.icon01 { background:url('/ko/img/sub/sub06/sub0603_01.gif') no-repeat left center; }
.sub060309 .quick_menu li a.icon02 { background:url('/ko/img/sub/sub06/sub0603_02.gif') no-repeat left center; line-height:20px; }
.sub060309 .quick_menu li a.icon03 { background:url('/ko/img/sub/sub06/sub0603_03.gif') no-repeat left center; line-height:20px; }
.sub060309 .quick_menu li a.icon04 { background:url('/ko/img/sub/sub06/sub0603_04.gif') no-repeat left center; }
.sub060309 .quick_menu li a.icon05 { background:url('/ko/img/sub/sub06/sub0603_05.gif') no-repeat left center; line-height:20px; }
.sub060309 .quick_menu li a.icon06 { background:url('/ko/img/sub/sub06/sub0603_06.gif') no-repeat left center; }
.sub060309 .quick_menu li a.icon07 { background:url('/ko/img/sub/sub06/sub0603_07.gif') no-repeat left center; }
.sub060309 .quick_menu li a.icon08 { background:url('/ko/img/sub/sub06/sub0603_08.gif') no-repeat left center; }
.sub060309 .check ul { overflow:hidden; margin-top:30px; }
.sub060309 .check li { float:left; width:32%; margin-left:2%; }
.sub060309 .check li:first-child { margin-left:0; }
.sub060309 .check li a { display:inline-block; width:100%; background:#F8FCFF url('/ko/img/sub/sub06/sub0603_09.png') no-repeat 95% center; border:1px solid #0066b3; color:#0066b3; font-weight:600; padding:8px 15px; }
.sub060309 .tax_banner { margin-top:30px; overflow:hidden; }
.sub060309 .tax_banner a { display:inline-block; float:left; border:1px solid #ccc; text-align:center; width:31.3%; margin:1%; }

.sub_06030906 .downfile { overflow:hidden; }
.sub_06030906 .downfile li { float:left; position:relative; width:48%; }
.sub_06030906 .downfile li:nth-child(odd) { margin-right:4%; }
.sub_06030906 .downfile li a { float:right; }



.sub_06030201.modify240111 .img_area { height:300px; }
.sub_06030201.modify240111 ul { margin-top:60px; }
.sub_06030201.modify240111 ul li { width:32.6%; border:1px solid #ddd; }
.sub_06030201.modify240111 ul li+li { margin-left:1%; }
.sub_06030201.modify240111 ul li .title_area p { padding-top:0; }
.sub_06030201.modify240111 ul li .title_area { background:none; }

.sub_06030201.modify240111 .top_public { margin-top:20px; }

@media all and (max-width:900px){
 .sub_06030906 .downfile li { float:none; width:100%; }
.sub_06030906 .downfileli:nth-child(odd) { margin-right:0; }
.sub_06030906 .downfile li a { display:block; float:none; }
.sub_06030906 .downfile li { float:none; width:100%; }
.sub_06030906 .downfileli:nth-child(odd) { margin-right:0; }
.sub_06030906 .downfile li a { display:block; float:none; }
 }

@media all and (max-width:768px){
 .sub060309 .tax_wrap li span { display:none; }
 .sub060309 .tax_wrap dl { width:70%; }
 .sub060309 .quick_menu li { width:50%; }
 .sub060309 .check ul { border-top:1px solid #0066b3; }
 .sub060309 .check li { float:left; width:100%; margin-left:0%; margin-top:-1px; }
 .sub060309 .tax_banner a { width:48%; }
 .sub_06030201.modify240111 ul li { width:49.5%; }
 }


@media all and (max-width:500px){
 .sub_06030201.modify240111 ul li { width:100%; }
.sub_06030201.modify240111 ul li+li { margin-left:0; }
 }

@media all and (max-width:370px){
 .sub060309 .quick_menu li { width:100%; }
 }

/*공공디자인*/
.public_design { margin:30px 0; overflow:hidden; }
.public_design > p { text-align:center; }
.public_design > p img { max-width:100%; }
.public_design ul { margin-top:30px; }
.public_design li { float:left; width:23.5%; margin-left:2%; text-align:center; border:1px solid #eee; padding:20px; }
.public_design li:first-child { margin-left:0; }
.public_design li img { width:100%; }
.public_design li p { padding-left:25px; font-weight:600; color: #222; background:url('/ko/img/sub/ico_tit.png') no-repeat left 5px; text-align:left; }
.public_design li img { margin:20px 0; }
@media all and (max-width:1023px){
 .public_design li { width:49%; margin-bottom:20px; padding:20px; }
.public_design li:nth-child(2n+1) { margin-left:0; }
.public_design li p { font-size:18px; }
 }
@media all and (max-width:520px){
 .public_design li p { font-size:16px; }
 }
@media all and (max-width:450px){
 .public_design li { float:none; width:100%; margin-left:0; }
 }




/*자동차_운송*/
.sub_060503 .part01 { background-image: url('/ko/img/sub/sub06/06img_02_2.gif'); background-repeat: no-repeat; background-position: 90% 0; padding-bottom: 30px; }
.sub_060503 .part01 img { margin-bottom: 20px; }
.sub_060503 .part01 p { width: 50%; word-break: keep-all; }
.sub_060503 .part01 p.bold { margin-bottom: 10px; }
.sub_060503 .part01 a { display: table; margin-top: 10px; }

/*부동산_건축*/
.sub_060601 .list02 .list02Wrap { margin: 20px 0; overflow: hidden; }
.sub_060601 .list02 .list02_01, .sub_060601 .list02 .list02_02 { float: left; width: 50%; }
.sub_060601 .list02 .list02_01 { padding-right: 3% }
.sub_060601 .list02 .list02_02 { padding-left: 3% }
.sub_060601 .list02 .list_tit { width: 61%; background: #0066b3; color:#fff; text-align: center; padding: 10px 0; margin: 0 auto; border-radius: 4px; font-size: 17px; font-weight: 500; position: relative; }
.sub_060601 .list02 div ul { background: #e6e6e6; border: 1px solid #bfbfbf; padding: 40px 28px 25px; margin-top: -23px; border-radius: 4px; }
.sub_060601 .list02 div ul li { width: 100%; text-align: center; background: #fff; border: 1px solid #0066b3; border-radius: 4px; color:#0066b3; font-weight: 500; padding: 10px 33px; line-height: 21px; word-break: keep-all; }
.sub_060601 .list02 div ul li span { display: block; font-size: 13px; color:#555555; font-weight: 400; line-height: 16px; }
.sub_060601 .list02 .list02_01 li { margin-bottom: 20px; }
.sub_060601 .list02 .list02_02 li { margin-bottom: 39px; }
.sub_060601 .list02 .list02_01 li.last { margin-bottom: 0; }
.sub_060601 .list02 .list02_02 li.last { margin-bottom: 0; }
.sub_060601 .list02 .list02_01 ul { background:#e6e6e6 url(/ko/img/sub/sub06/0606_img01.png) no-repeat center 82px; }
.sub_060601 .list02 .list02_02 ul { background:#e6e6e6 url(/ko/img/sub/sub06/0606_img02.png) no-repeat center 117px; }
.sub_060601 .list02 .linkWrap { clear: both; }
.sub_060601 .list02 .linkWrap a.file_down, .sub_060601 .list02 .linkWrap a.saeol_down { margin: 10px 10px 0 0; }

.sub_060603 .sub_tab ul li { width: 230px; }

.sub_06060601 img { display: block; margin: 30px auto 0; }
.sub_06060602 .sub_box { padding: 40px 0; margin-top: 20px; }
.sub_06060602 .sub_box img { display: block; margin: 0 auto; }
/*개별공시지가열람*/
.sub_060609 .sub_tab ul li { width: 25%; }

.sub_06061001 .box p { margin-left: 144px; }
.sub_06061001 .form .btn01 { border: 0; background: #555555; color:#fff; font-size: 13px; padding: 5px 10px; border-radius: 5px; vertical-align: bottom; margin-left: 5px; }
.sub_06061001 .form .search_no { overflow: hidden; }
.sub_06061001 .form .search_no li { float: left; }
.sub_06061001 .form .search_no li input { width: 100px; height: 25px; }
.sub_06061001 .form .search_no li.list02 { margin: 0 10px; }
.sub_06061001 .form .search_no li.list04 { margin: 0 10px; font-size: 14px; }
.sub_06061001 .form .btnWrap { overflow: hidden; width: 140px; margin: 20px auto; }
.sub_06061001 .form .btnWrap li { float: left; }
.sub_06061001 .form .btnWrap li a { display: block; width: 63px; height: 34px; text-align: center; font-size: 14px; border-radius: 3px; line-height: 32px; }
.sub_06061001 .form .btnWrap .btn02 { background: #0066b3; color:#fff; border: 1px solid #0066b3; margin-right: 12px; }
.sub_06061001 .form .btnWrap .btn03 { border: 1px solid #c3c3c3; }
.sub_06061001 .saeol_down { display: block; margin: 25px auto; width: 208px; }

/*중계수수료계산하기*/
.sub_06060302 .part01 .tb1_st1 { border-top: 1px solid #555555; }
.sub_06060302 .part01 .tb1_st1 tbody tr th { padding-left: 20px; }
.sub_06060302 .part01 .tb1_st1 tbody tr td { padding-left: 20px; padding: 12px 5px 12px 20px; }
.sub_06060302 .part01 .tb1_st1 tbody tr td ul li { float: left; margin-right: 30px; }
.sub_06060302 .part01 .tb1_st1 .price { width: 197px; height: 31px; float: left; margin-right: 10px; }
.sub_06060302 .btn01 { display: block; width: 109px; height: 40px; margin: 20px auto; background: #0066b3; color:#fff; font-weight: 500; text-align: center; line-height: 40px; font-size: 15px; border-radius: 10px; }
.sub_06060302 .part02 { margin-top: 90px; text-align: center; }
.sub_06060302 .part02 .result { font-size: 16px; font-weight: 600; }
.sub_06060302 .part02 .result b { font-size: 22px; color:#df3f3f; margin-left: 48px; }
.sub_06060302 .part02 .result span { font-size: 14px; margin-left: 5px; }
.sub_06060302 .part02 .text { font-size: 14px; line-height: 16px; }

/*건강정보*/
.sub_060701 .sub_tab ul li { width: 20%; }
.sub_060701 .box_01 { width: 100%; padding: 20px; border: 1px solid #0066b3; font-weight:600; color:#0066b3; background:#f3f9ff; text-align: center; }
.sub_060701 .box_02 { width: 100%; padding: 20px; border: 1px solid #bebebe; text-align: left; }
.sub_060701 .img_left { margin-top: 30px; overflow: hidden; }
.sub_060701 .img_left img { float: left; margin-right: 30px; }
.sub_060701 .img_right { float: right; margin-top: 30px; margin-left: 20px; }
.sub_060701 .img_center { display: block; margin: 20px auto 0; }
.sub_060701 .part01_01 { overflow: hidden; }
.sub_060701 .part01_01 img { float: left; margin-right: 20px; }
.sub_060701 .part01_01 p { margin-top: 67px; }
.sub_060701 .part01 .part01_02 .img_text { overflow: hidden; }
.sub_060701 .part01 .part01_02 .img_text .box_02 { width: 70%; padding: 20px; border: 1px solid #bebebe; text-align: left; float: left; }
.sub_060701 .part01 .part01_02 .img_text .img_02 { float: right; }
.sub_060701 .part09 .ol li { list-style: decimal; margin-left: 20px }
.sub_060701 .part10 .list01 { margin-left: 20px; margin-top: 10px; }
.sub_060701 .part10 .list01 > li { margin-top: 10px; }
/*.sub_060701 .part10 .list01 .h5_ul { margin-left: 0; } */
.sub_060701 .part10 .list01 .h5_ul > li { margin-top: 0; }
.sub_060701 ol,.sub_060701 ol li { list-style-type: decimal; }

.img_wrap { overflow: hidden; margin: 20px auto; }
.img_wrap img { float: left; width: 50%; }
.img_wrap01 { width: 317px; }
.img_wrap02 { width: 249px; }
.img_wrap03 { width: 324px; }
.img_wrap03 img { width: 25%; }
.img_left { margin-top: 30px; overflow: hidden; }
.img_left img { float: left; margin-right: 30px; }
.img_right { float: right; margin-top: 30px; margin-left: 20px; }
.img_center { display: block; margin: 20px auto 0; }
.image img { border:1px solid #ccc; background:#f8f8f8; padding:5px; }
.image span { display:block; font-size:11px; color:#666; line-height:15px; }
.img_wrap4, .img_wrap2 { margin-top:20px; }
.img_wrap4 ul, .img_wrap2 ul { overflow:hidden; }
.img_wrap2 li { float:left; width:50%; text-align:center; }
.img_wrap4 li { float:left; width:25%; text-align:center; }


/*병원,약국안내*/
.sub_060702 .sub_tab ul li { width: 260px; }
.sub_060702 .tb1_st1 th, .sub_060702 .tb1_st1 td { font-size: 18px; }
.sub_060702 .h5_ul li p.add { font-size: inherit; background: none; padding-left: 0; }
.sub_060702 p.add { width: 57px; display: block; overflow: hidden; float: left; }
.sub_060702 p.add span { letter-spacing: 26px; display: block; width: 100px; }

/*쓰레기배출요령*/
.sub_060703 .sub_tab ul li { width: 260px; }

/*분야별정보-경제*/
.giuplink { overflow:hidden; }
.giuplink li { position:relative; float:left; width:48%; margin:1%; border:1px solid #bbb; box-sizing:border-box; border-radius:10px; padding:10px; height:50px; }
.giuplink li p { position:absolute; font-size:17px; font-weight:600; color:#333; left:20px; background:url('/ko/img/sub/sub06/giup_icon.gif') no-repeat left center; background-size:30px; padding-left:35px; }
.giuplink li a { position:absolute; font-size:14px; padding:2px 7px; border-radius:5px; font-weight:600; background:#0066b3; color:#fff; right:20px; }
.giuplink li a span { background:url('/ko/img/sub/ico_blank_w.png') no-repeat right 2px; padding-right:15px; }

@media all and (max-width:480px){
 .giuplink li { width:100%; margin:1% 0; }
 }

/*마을기업*/
.sub_060407 .part04 ul { overflow: hidden; margin-top: 20px; }
.sub_060407 .part04 ul > li { float: left; width: 21%; }
.sub_060407 .part04 ul > li.list01 { width: 13%; }
.sub_060407 .part04 ul > li dl { border: 2px solid #0066b3; border-radius: 5px; min-height: 100px; text-align: center; }
.sub_060407 .part04 ul > li dl dt { padding: 15px 0; background: #0066b3; color:#fff; font-size: 18px; font-weight: 500; }
.sub_060407 .part04 ul > li dl dd { padding: 10px 5px; }
.sub_060407 .part04 .list02,
.sub_060407 .part04 .list03,
.sub_060407 .part04 .list04,
.sub_060407 .part04 .list05 { overflow: hidden; }
.sub_060407 .part04 .list02 dl,
.sub_060407 .part04 .list03 dl,
.sub_060407 .part04 .list04 dl,
.sub_060407 .part04 .list05 dl { float: left; width: 65%; }
.sub_060407 .part04 .flow { float: left; width: 35%; text-align: center; padding-top: 28%; background: url(/ko/img/sub/sub04/0407_img01.png) no-repeat center 53%; }


@media all and (max-width:1023px){
 .sub_06020103 .step_wrap > ul { background-size: 64%; background-position: center 58%; }
 .sub_0603090101 .step_wrap { background-size: 87%; }
 .sub_0603090101 .step02 > li > p { margin-bottom: 4%; }
 .sub_0603090101 .step02_01 { margin-bottom: 10%; }
 }

@media all and (max-width:980px){
 .sub_060601 .list02 .list02_01 ul, .sub_060601 .list02 .list02_02 ul { background-image: none; }
 .sub_060601 .list02 .list02_02 li { margin-bottom: 20px; }
 .sub_06060602 .list02 .sub_box img { width: 91%; }
 }

@media all and (max-width:860px){
 .sub_060102_02 .part02 ul li img { width: 80%; }
 .sub_0603090105 .sub_box02 img { width: 100%; }
 .sub_06060601 img { width: 100%; }
 }

/*태블릿*/
@media all and (max-width:768px) { /*노인복지*/
 .sub_06020104 .sub_tab ul li { background-image: none; text-align: center; padding-left: 0; }
 .sub_06020103 .step_wrap { background: url(/ko/img/sub/sub06/0602_img01.gif) no-repeat center 69%; background-size: 64%; }
 .sub_06020309 { background-size: 30%; }
 /*통계연보*/
 .sub_06030201 ul li { width: 50%; }
 .sub_06030201 ul li .title_area { background: url(/ko/img/sub/sub01/title_area_bg.png) no-repeat center -7vw; background-size: cover; }
 /*채무관리계획*/
 .sub_060307 ul li { width: 50%; }
 .sub_060307 ul li .title_area { bottom: -2px; }

 .sub_0603090101 .step_wrap { background-size: 90%; }
 .sub_0603090101 .step03 li { font-size: 14px; }

 .sub_06060602 .list01 .sub_box img { width: 91%; }
 /*개별공시지가열람*/
 .sub_060609 .sub_tab ul li { width: 50%; }
 /*쓰레기배출요령*/
 .sub_060703 .sub_tab ul li { width: 33.33%; }
 }

@media all and (max-width:740px){
 .sub_060407 .part04 ul > li { width: 37%; margin: 15px 0; }
 .sub_060407 .part04 ul > li.list01 { width: 25%; }
 .sub_060407 .part04 ul > li.list04 { margin-left: 6%; }
 .sub_060407 .part04 ul > li dl dt { font-size: 16px; }
 }

@media all and (max-width:630px){
 .sub_06020103 .step_wrap > ul { width: 722px; background: url(/ko/img/sub/sub06/0602_img01.gif) no-repeat center 57%; background-size: 64%; }
 .sub_0603090101 .step_wrap { width: 730px; }
 .sub_0603090305 .sub_box02 img { width: 100%; }
 .sub_060601 .list02 .list02_01, .sub_060601 .list02 .list02_02 { float: none; width: 100%; padding: 0; margin: 20px 0; }
 }

@media all and (max-width:610px){
 .sub_060303 .tableWrap .list01 p { width: 75%; }
 .sub_060303 .tb1_st3 thead th p { width: 75%; }
 .sub_060303 .tb1_st3 tbody tr td p { float: none; }
 .sub_060303 .tb1_st3 tbody tr td .file { float: none; margin-left: 20px; }
 }

/*모바일*/
@media all and (max-width:465px){
 .sub_06020104 .part01 table { width: 140px; }
 .sub_06020104 .part01 .wrap1 { width: 365px; }
 .sub_06020104 .part01 .con3 { margin-left: 80px; }
 .sub_06020104 .part01 .con3 td { height: 30px; }
 .sub_06020104 .part01 .con4 { width: auto; margin-bottom: 40px; margin-right: 80px; }
 .sub_06020104 .part01 .con5 table { float: none; }
 .sub_06020104 .part01 .wrap2 { overflow: hidden; width:365px; margin: 0 auto; }
 .sub_06020104 .part01 .con6 { table-layout: fixed; font-size: 14px; }
 }


@media all and (max-width:480px){
 .sub_060102_02 .part02 ul li { float: none; width: 100%; }
 .sub_060102_02 .part02 ul li.img02 { border-left: 0; border-top: 1px solid #dddddd; }

 .sub_060102 .sub_tab ul li { width: 50%; }
 .sub_060102 .part01 .map { width: 100%; }

 .sub_060201 { overflow-x: auto; }
 .sub_060201 .part01 { width: 500px; /* width: 428px; */ }
 .sub_060201 .part01 .tit03 .num1 { right: 161px; top: 30px; }
 .sub_060201 .part01 .tit03 .num2 { left: -70px; top: 30px; }
 .sub_060201 .part01 .tit02 { padding-bottom: 50px; }
 .sub_060201 .part01 table th { padding: 5px; }
 .sub_060201 .part01 table td { padding: 5px; }
 /*복지*/
 /*노인복지*/
 .sub_06020104 .sub_tab ul li { width: 50%; }
 /*청소년/아동복지*/
 .sub_060203 .sub_tab ul li { width: 50%; }
 .sub_06020309 { background: none; }
 .sub_06020309 p { width: 100%; }
 /*여성복지*/
 .sub_060205 .sub_tab ul li { width: 50%; }
 /*통계연보*/
 .sub_06030201 .title p { clear: both; line-height: 23px; margin-top: 10px; margin-left: 0; }
 .sub_060503 .part01 { background-position: left 18%; background-size: 52%; }
 .sub_060503 .part01 img { margin-bottom: 58%; width: 75%; }
 .sub_060503 .part01 p { width: 100%; }
 .sub_060603 .sub_tab ul li { width: 50%; }
 /*건강정보*/
 .sub_060701 .img_center { width: 100%; }
 .sub_060701 .part01 .part01_02 .img_text .box_02 { width: 100%; }
 .sub_060701 .part01 .part01_02 .img_text .img_02 { display: none; }
 /*병원,약국안내*/
 .sub_060702 .sub_tab ul li { width: 50%; }
 /*쓰레기배출요령*/
 .sub_060703 .sub_tab ul li { width: 50%; }
 }

@media all and (max-width:465px){
 .sub_060201 .part01 table { width: 140px; }
 .sub_060201 .part01 .wrap1 { width: 365px; }
 .sub_060201 .part01 .con3 { margin-left: 80px; }
 .sub_060201 .part01 .con3 td { height: 30px; }
 .sub_060201 .part01 .con4 { width: auto; margin-bottom: 40px; margin-right: 80px; }
 .sub_060201 .part01 .con5 table { float: none; }
 .sub_060201 .part01 .wrap2 { overflow: hidden; width:365px; margin: 0 auto; }
 .sub_060201 .part01 .con6 { table-layout: fixed; font-size: 14px; }
 }

@media all and (max-width:430px){
 .sub_060407 .part04 ul > li dl dt { font-size: 15px; }
 .sub_060407 .part04 ul > li dl { min-height: 129px; }
 .sub_060407 .part04 .flow { padding-top: 49%; }
 }

@media all and (max-width:380px){
 .sub_06020104 .part01 { width: 100%; overflow-x: scroll; }
 .sub_06020104 .all_wrap { width: 365px; }
 /*통계연보*/
 .sub_06030201 ul li { width: 100%; }
 .sub_06030201 .title { margin-top: 20px; }

 .img_wrap { width: 100%; }
 }

.sub_060705 .prevention { overflow:hidden; margin-left:20px; }
.sub_060705 .prevention .img { float:left; width:30%; margin-top:15px; }
.sub_060705 .prevention .text { float:right; width:57%; overflow:hidden; }

@media all and (max-width:980px){
 .sub_060705 .prevention .img { float:none; width:100%; text-align:center; }
.sub_060705 .prevention .text { float:none; width:100%; }
 }

.sub_060705 .box_tip { border: 2px solid #e5e5e5; background:#f8f8f8; padding:20px; margin:20px 0; }
.sub_060705 .box_tip p { font-weight:bold; color:#0066b3; background:none; }
.sub_060705 .box_tip li { padding:5px 0; }
.sub_060705 .box_tip li span { display:inline-block; width:22px; height:22px; line-height:22px; border-radius:50%; background:#0066b3; color:#fff; text-align:center; margin-right:10px; font-size:13px; }

.sub_060705 .img_poster { margin:20px 0 0 20px; border:1px solid #dedede; padding:20px; box-sizing:border-box; }
.sub_060705 .img_poster img { width:100% }

/*코로나 지원시책*/
.coronaSupport * { word-break:keep-all; }
.coronaSupport { position:relative; }
.coronaSupport::before { content:''; position:absolute; left:0; top:0; width:100%; height:102px; background:#eee; border:5px solid #ddd; box-sizing:border-box; }
.coronaSupport ul { padding-top:90px; }
.coronaSupport li > a { position:absolute; display:block; width:33.33%; background:#fff; text-align:center; padding:10px; font-weight:bold; border-bottom:1px dashed #ccc; border-right:1px dashed #ccc; }
.coronaSupport li.on > a,
.coronaSupport li > a:hover { background:#0066b3; color:#fff; }
.coronaSupport li:nth-child(1) > a { top:0; left:0; border-top:5px solid #ddd; border-left:5px solid #ddd; }
.coronaSupport li:nth-child(2) > a { top:0; left:33.33%; border-top:5px solid #ddd; }
.coronaSupport li:nth-child(3) > a { top:0; left:66.66%; border-top:5px solid #ddd; border-right:5px solid #ddd; }
.coronaSupport li:nth-child(4) > a { top:51px; left:0; border-left:5px solid #ddd; border-bottom:0; }
.coronaSupport li:nth-child(5) > a { top:51px; left:33.33%; border-bottom:0; }
.coronaSupport li:nth-child(6) > a { top:51px; left:66.66%; border-bottom:0; border-right:5px solid #ddd; }
.coronaSupport .wrap h4 { margin:20px 0 !important; }
.coronaSupport .wrap a.tit_btn { display:inline-block; margin-top:-10px; margin-left:10px; padding:5px 15px; border:2px solid #0066b3; color:#0066b3; font-size:15px; }
/*.coronaSupport a.top { float:right; font-size:11px; text-transform:uppercase; border:1px solid #ccc; padding: 0 10px; border-radius:5px; letter-spacing:0.5px; } */
.coronaSupport .wrap { padding-top:30px; }
/*.coronaSupport li.on .wrap { display:block; } */
.coronaSupport .wrap dl { position:relative; border-bottom:1px solid #ddd; padding:20px 10px; }
.coronaSupport .wrap dl dt { font-weight:bold; font-size:18px; background:url('/ko/img/sub/h5_bl.jpg') no-repeat left 5px; padding-left:22px; margin-bottom:10px; }
.coronaSupport .wrap dl dd p { background:url('/ko/img/sub/ico_bl03.png') no-repeat left 12px; padding-left:10px; margin:0 150px 0 25px; }
.coronaSupport .wrap dl dd > a { position:absolute; right:0; top:30px; width:130px; font-size:14px; text-align:center; font-weight:bold; background:#0066b3; color:#fff; padding:5px; }
.coronaSupport .wrap dl dd > a:last-child { top:75px; background:#777; }
.coronaSupport .wrap dl dd > a:nth-child(3) { background:#0066b3; }
.coronaSupport .wrap dl dd > a.coronaSupportbtn { background:#0066b3; }
/*.coronaSupport .wrap dl dd > a.except { top:30px; background:#0066b3; }
.coronaSupport .wrap dl dd > a.except2 { top:75px; background:#777; } */
@media all and (max-width:480px){
 .coronaSupport::before { height:147px; }
 .coronaSupport ul { padding-top:120px; }
 .coronaSupport li > a { width:50%; }
 .coronaSupport li:nth-child(2) > a { left:50%; border-right:5px solid #ddd; }
 .coronaSupport li:nth-child(3) > a { top:51px; left:0; border-top:0; border-left:5px solid #ddd; border-right:0; }
 .coronaSupport li:nth-child(4) > a { top:51px; left:50%; border-left:1px dashed #ccc; border-bottom:1px dashed #ccc; border-right:5px solid #ddd; }
 .coronaSupport li:nth-child(5) > a { top:97px; left:0; border-bottom:0; border-left:5px solid #ddd; }
 .coronaSupport li:nth-child(6) > a { top:97px; left:50%; }
 .coronaSupport .wrap { padding-top:20px; }
 .coronaSupport .wrap dl { padding:20px 10px 40px; }
 .coronaSupport .wrap dl dd p { margin:0 0 0 25px; }
 .coronaSupport .wrap dl dd > a { position:relative; top:15px; padding:7px 10px; left:35px; }
 .coronaSupport .wrap dl dd > a:last-child { top:15px; }
 }

/* 인구 */
.population_call { display:inline-block; margin-left:15px; padding-left:32px; background:url('/ko/img/sub/sub06/population_call.gif') no-repeat left center; background-size:25px; font-size:16px; color:#696969; }
@media all and (max-width:599px){
 .population_call { display:block; margin-left:0; margin-top:7px; }
 }

/* 성주국민체육센터 */
.sport1_1 .cont { position:relative; padding-left:50%; margin-top:30px; }
.sport1_1 .cont .h5_ul { margin-left:0; margin-bottom:20px; }
.sport1_1 .cont img { position:absolute; left:0; top:0; width:45%; box-shadow:5px 5px 5px rgba(0,0,0,0.2); }

.sport_star { overflow:hidden; }
.sport_star > div { float:left; width:75%; }
.sport_star > img { float:left; width:20%; margin-left:5%; }
@media all and (max-width:768px){
 .sport1_1 .cont { padding-left:0; }
.sport1_1 .cont img { position:relative; left:auto; width:60%; margin:0 20% 20px; }
 }
@media all and (max-width:480px){
 .sport_star > div { width:100%; }
.sport_star > img { width:100%; margin-left:0%; }
 }

/* 창의문화센터 국민체육센터 */
.sport1_2 .cont { margin-top:30px; }
.sport1_2 .cont::after { content: ''; display: block; clear: both; }
.sport1_2 .cont .h5_ul { margin-left:5%; margin-bottom:20px; float: left; }
.sport1_2 .cont img { float: left; left:0; top:0; width:45%; box-shadow:5px 5px 5px rgba(0,0,0,0.2); }

@media all and (max-width:768px){
 .sport1_2 .cont { padding-left:0; }
.sport1_2 .cont img { position:relative; left:auto; width:60%; margin:0 20% 20px; }
 }



/* 폐기물 */
.gar_step ol { overflow:hidden; text-align:center; }
.gar_step ol li { position:relative; float:left; width:22%; margin:10px 0 0 4%; border:1px solid #ddd; border-radius:6px; list-style:none !important; }
.gar_step ol li:last-child:before { display:none; }
.gar_step ol li:before { content:''; position:absolute; right:-22px; top:50%; width:7px; height:7px; margin-top:-5px; border-bottom:3px solid #555; border-right:3px solid #555; transform:rotate(-45deg); transition:all 0.3s ease-in-out; }
.gar_step ol li:nth-child(4n+1) { margin-left:0; }
.gar_step ol li span { display:block; padding:5px; background:#1077c4; color:#fff; border-radius:6px 6px 0 0; }
.gar_step ol li p { padding:5px; background:none; font-weight:600; }
@media all and (max-width:768px){
 .gar_step ol li { float:none; width:100%; margin:10px 0 30px 0; }
 .gar_step ol li:before { right:inherit; left:50%; top:inherit; bottom:-17px; margin-top:0; margin-left:-5px; transform:rotate(45deg); }
 .gar_step ol li:last-child:before { display:none; }
 }
/* 자원순환시설 */
.gar_fac > ul > li > div { overflow:hidden; margin-left:10px; margin:10px 0 40px 10px; }
.gar_fac > ul > li > div img { float:left; }
.gar_fac > ul > li > div > ul { padding-left:234px; }
.gar_fac > ul > li > div > ul li { margin-top:3px; }
.gar_sign_wrap { overflow:hidden; margin-top:25px; }
.gar_sign_wrap h4 { float:left; }
.gar_sign_wrap ul { overflow:hidden; float:left; margin-left:15px; }
.gar_sign_wrap ul li { float:left; margin-right:5px; }
.gar_sign img { display:inline-block; width:50px; margin-top:5px; }
@media all and (max-width:599px){
 .gar_fac > ul > li > div img { width:150px; }
.gar_fac > ul > li > div > ul { padding-left:150px; }
 }

/* 자원순환시설 - 음식물 쓰레기 배출 요령*/

#garbage_2 { position:relative; }
#garbage_2 .text { display:none; position:absolute; left:-909999px; }
#garbage_2 li.on .text { display:block; }
#garbage_2 video { width:100%; height:500px; }


/* #garbage { position:relative; }
#garbage .text { display:none; position:absolute; left:-909999px; }
#garbage li.on .text { display:block; }
#garbage video { display:none; position:absolute; left:0; top:0; width:100%; height:500px; }
#garbage li.on video { display:block; }
#garbage ul { overflow:hidden; }
#garbage li { float:left; width:24%; padding:550px 0 0 0; margin-left: 1%; }
#garbage a { display:block; }
#garbage a img { display:none; width: 100%; }
#garbage li img.off { display:block; }
#garbage li.on img.on { display:block; }
#garbage li.on img.off { display:none; } */



.gar_tip ul { position: relative; width: 100%; overflow: hidden; text-align: center; }
.gar_tip ul li { float: left; width: 25%; }
.gar_tip_2 ul { position: relative; width: 100%; overflow: hidden; text-align: center; }
.gar_tip_2 ul li { float: left; width: 33.3%; }

.box_211202 { padding: 20px 30px; border: 1px solid #ccc; margin-top: 20px; }
/* .gar_tip span { background: #1077c4; text-align: center; color: #fff; border-radius: 100px; width: 25px; height: 25px; margin-right: 10px; display: inline-block; line-height: 25px; } */
.fl_211202 { overflow: hidden; }
.fl_211202 li { float: left; width: 48%; }
/* .gar_tip span img { width: 48%; } */
.gar_tip_2 span img { width: 48%; }
.box_211202_2 { overflow: hidden; }
.box_211202_2 .ga_txtbox { float: left; width: 50%; }
.box_211202_2 .ga_imgbox { float: right; width: 40%; text-align: center; border: 1px solid #ccc; padding: 10px; }
.gar_m { display: none; }
.gar_p_m { display: none; }

@media all and (max-width:880px){
 #garbage video { height: 400px; }
 #garbage_2 video { height: 400px; }
 #garbage > ul > li { padding: 450px 0 0 0; }
 .gar_m { display: block; }
 .gar_pc { display: none; }
 .gar_tip span img { width: 48%; }
 }
@media all and (max-width:620px){
 #garbage video { height: 300px; }
 #garbage_2 video { height: 300px; }
 #garbage > ul > li { padding: 350px 0 0 0; }
 .gar_tip ul li { width: 50%; margin-bottom: 10px; }
 .gar_tip ul li:nth-child(3), .gar_tip ul li:nth-child(4) { margin-bottom: 0; }
 .gar_tip_2 ul li { width: 50%; margin-bottom: 10px; }
 .gar_tip_2 ul li:nth-child(3), .gar_tip ul li:nth-child(4) { margin-bottom: 0; }
 .box_211202 { padding: 10px 15px; }
 }
@media all and (max-width:480px){
 #garbage video { height: 190px; }
 #garbage_2 video { height: 190px; }
 #garbage > ul > li { padding: 200px 0 0 0; }
 .box_211202_2 .ga_txtbox { float: none; width: 100%; }
 .box_211202_2 .ga_imgbox { float: none; width: 100%; margin-top: 20px; }
 /* .gar_tip_2 ul li { width: 100%; } */
 .gar_tip_2 ul li { width: 33%; }
 .gar_tip_2 span img { width: 70%; }
 .gar_tip_2 ul li p { font-size: 13px; line-height: 15px; }
 .fl_211202 li { float: none; width: 100%; }
 .gar_p_m { display: block; }
 .gar_p_pc { display: none; }
 }
@media all and (max-width:342px){
 .gar_p_m { display: none; }
 .gar_p_pc { display: block; }
 }

/* 청소년방과후아카데미 */
.Box::after { content: ''; display: block; clear: both; }
.Box > ul { float:left; }
.Box > ul > li { float:left; color:red; }
.h6_ul > ul { }
.h6_ul > ul > li { }


/* 기부자 명예의 전당 */
.gibu_list ul { display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 20px; }
.gibu_list ul li { width: 31%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px; height: 260px; background:url('/ko/img/sub/sub06/gibu_sub01.png'), url('/ko/img/sub/sub06/gibu_sub02.png'); background-repeat: no-repeat; background-position: center 10px, center center; border: 1px solid #ebebeb; margin: 0 !important; }
.gibu_list ul li a p:first-child { color: #123870; font-weight: 600; font-size: 20px; margin-top: 65px; }
.gibu_list ul li a p:nth-child(2) { font-size: 18px; color: #383838; font-weight: 500; margin-bottom: 14px; }
.gibu_list ul li a p:nth-child(3) { font-size: 16px; color: #fffa73; padding: 5px 22px; font-weight: 600; background: #123870; border-radius: 50px; margin: auto; }
.gibu_list ul li a p span { color: #fff; position: relative; display: inline-block; padding-right: 20px; }
.gibu_list ul li a p span::before { position: absolute; content: ""; background: #fff; width: 1px; height: 12px; right: 7px; top: 50%; transform: translateY(-50%) }

@media all and (max-width:900px){
 .gibu_list ul { gap: 17px; }
 }
@media all and (max-width:680px){
 .gibu_list ul li { width: 48%; }
 }
@media all and (max-width:480px){
 .gibu_list ul { gap: 10px; }
 .gibu_list ul li a p:first-child { font-size: 18px; }
 .gibu_list ul li a p:nth-child(2) { font-size: 16px; }
 .gibu_list ul li a p span { display: none; }
 }

a.eme_btn { border:1px solid #244dc1; color:#244dc1; padding:7px; font-size:14px; }



/*공유재산*/
.content_box a.file_down{margin-top:15px}
.content_box .stepbox > span { margin-top: 10px; display: inline-block; padding: 2px 8px; /* border: 1px solid #Ddd; */background: #d1ebff; margin-bottom: 10px; }
#sub_cont > .content_box > .h5 { margin-top: 20px !important }
.content_box ul.step01 { margin-bottom: 50px; }
.content_box ul.step01 > li { display: inline-block; vertical-align: top; width: 18%; text-align: center; border: 1px solid #ddd; padding: 10px; margin-right: 30px; position: relative; background: #fff; margin-top: 50px; }
.content_box ul.step01 > li:after { position: absolute; content: '→'; top: 20%; right: -14%; }
.content_box ul.step01 > li > ul { position: absolute; right: -275px; top: -25px; }
.content_box ul.step01 > li > ul > li { display: block; width: 100%; text-align: center; border: 1px solid #ddd; padding: 10px; margin-right: 30px; position: relative; margin-bottom: 10px; background: #fff; }
.content_box ul.step02 { display: flex; justify-content: left; flex-wrap: nowrap; }
.content_box ul.step02 li { width: 18%; text-align: center; border: 1px solid #ddd; padding: 10px; margin-right: 30px; position: relative; }
.content_box ul.step02 li:after { position: absolute; content: '→'; top: 20%; right: -14%; }
.content_box ul.step02 li:last-child:after { display: none; }
.content_box ul.step03 { display: flex; justify-content: center; flex-wrap: nowrap; }
.content_box ul.step03 li { width: 15%; text-align: center; border: 1px solid #ddd; padding: 10px; margin-right: 30px; position: relative; }
.content_box ul.step03 li:last-child { margin-right: 0; }
.content_box ul.step03 li:after { position: absolute; content: '→'; top: 20%; right: -16%; }
.content_box ul.step03 li:last-child:after { display: none; }
.content_box p.caution { font-weight: bold; padding-left: 0; }
@media all and (max-width:900px) {
    .content_box ul.step03 { flex-wrap: wrap; justify-content: space-between; }
    .content_box ul.step03 li { width: calc(100% - 72%); margin-bottom: 10px; margin-right: 0; }
    .content_box ul.step03 li:after { position: absolute; content: '→'; top: 20%; right: -18%; transform: translateX(18%); }
    .content_box ul.step03 li:nth-child(3):after { display: none; }
}
@media all and (max-width:767px) {
    .content_box ul.step01 { height: 300px; }
    .content_box ul.step01 > li { display: block; width: 100%; }
    .content_box ul.step01 > li > ul { position: absolute; right: 0; top: 77px; width: 100%; display: flex; gap: 15px; }
    .content_box ul.step01 > li > ul li { width: 49%; margin-right: 0; }
    .content_box ul.step01 > li:after { position: absolute; content: '↓'; top: 48px; left: 0; right: 0; }
    .content_box ul.step01 { margin-bottom: 20px; }
    .content_box .stepbox { text-align: center; }
    .content_box ul.step02 { flex-direction: column; gap: 30px; }

    .content_box ul.step02 li { width: 100%; }
    .content_box ul.step02 > li:after { position: absolute; content: '↓'; top: 48px; left: 0; right: 0; }
    .content_box ul.step01 > li { display: block; width: 100%; margin-top: 30px; }
 }
 /*마을세무사*/
    .div4626 .h5:first-of-type{margin-top: 0 !important;}
    .box4626{background: #f3faff;padding: 20px 40px;margin-bottom: 30px; border: 0;}
    p.tit4626 {font-size: 20px;font-weight: 700;}
    .div4626{border: 2px solid #dddddd;padding: 20px;}
    .p4626 {font-size: 20px;padding: 20px 0;font-weight: 700;color: #1173b4;}
    span.tit4626{display: block;padding-top: 15px;font-size: 13px;font-weight: 800;color: #0066b3;}




/*성주사랑상품권*/
.box_01 {position: relative; border: 2px solid #dddddd;}
.box_01 .border_point {position: absolute; right: -2px; bottom: -2px; background: url(/ko/img/sub/border_point.png); width: 100px; height: 70px; z-index: 10;}
.box_02 {padding: 20px 26px; margin-bottom:45px;}
.gift .tit {text-align:center; font-size:20px; font-weight:600; line-height:1.5; margin-bottom:15px;}
.gift .unit {text-align:right; display:block;}
.gift_rule .tit {text-align:center; font-size:27px; font-weight:600; line-height:1.5; margin:20px 0 30px;}
.gift_rule .ol_depth01 {margin:10px 0;}
.gift_rule .ol_depth01 > li {position:relative; margin:10px 0; padding-left:25px;}
.gift_rule .ol_depth01 > li span {position:absolute; left:0;}
.gift_rule .ol_depth02 {margin:10px 0 20px 10px;}
.gift_rule .ol_depth02 > li {position:relative; margin:5px 0; padding-left:25px;}
.gift_rule .ol_depth02 > li span {position:absolute; left:0;}

/*청년시설*/
.youth_fac .img {background:#f8f8f8; padding:40px 0; margin-left:30px; border-radius:3px;}
.youth_fac .img img {display:block; margin:0 auto; max-width:100%;}
.youth_fac .flex {display:flex; justify-content:space-between}
.youth_fac .flex > * {width:50%;}
.youth_fac .flex > li > div.img {display:flex; flex-direction:column; justify-content:center; align-items:center; height:320px; border-radius:3px 3px 0 0 ;}
.youth_fac .flex > li > span {text-align:center; display:block; margin-left:30px; font-weight:600; transform:rotate(0.04deg); background:#fff; border:1px dashed #ddd; border-radius:0 0 3px 3px; padding:8px;}
.youth_fac .ref li {font-size:14px; margin:3px 0; color:#7a2d2d;}
.youth_fac .blue {text-decoration:underline;}
@media all and (max-width:1023px){
 .youth_fac .img {padding:25px; margin-left:0;}
 .youth_fac .flex > * {width:calc(50% - 10px);}
 .youth_fac .flex > li > span {margin-left:0;}
}
@media all and (max-width:768px){
 .youth_fac .flex {flex-wrap:wrap;}
 .youth_fac .flex > * {width:100%;}
 .youth_fac .flex > li > div.img {height:auto;}
}


.trashbag_con .ex_ul{position: relative; margin: 7px 00 7px;}
.trashbag_con .ex_ul li{ font-size: 14px; padding-left: 15px; margin-left: 30px; font-weight: 400;}
.trashbag_con .ex_ul::before{content: '예)'; position: absolute; top: 0; left: 20px;}
.bg_yellow{background: #fff7cc !important;}
.bg_violet{background: #dfe6f7 !important;}
.trashbag_con .center{display: flex; justify-content: center; align-items: center;}