@charset "utf-8";
.forDesk {display:block;}
.forDesc {display:block;}
.forMo {display:none;}
@media only screen and (max-width:1640px) {
	.mDevice li span {display:none;}
	.mDevice.white li:before {background:#aaa;}
	.mDevice.white:after {background:#aaa;}
	.mDevice.white li.active:before {background:#0e56d9;}
	.mDevice.white li.active:after {border:2px solid #0e56d9;}
}

@media only screen and (max-width:1600px) {
	header .inner h1,
	header.fix .inner h1 {left:20px;}
	header .inner .funcUtil,
	header.fix .inner .funcUtil {right:20px;}
	header.fix .inner nav {padding:0 20px;}
	.subMenuWrap .subMenuArea .ico {width:240px; left:0;}
	.inner {padding-left:20px; padding-right:20px;}
	.section.sec4 .inner .linkPart .callCenter {width:50%;}
	.section.sec4 .inner .mLinkBox.complain {left:20px;}
	.section.sec4 .inner .mLinkBox.orgInfo {right:20px;}
}

@media only screen and (max-width:1494px) {
    .subComnSec .inner .subCont .contInfoBox .absBtns {position:relative; display:block; right:unset; top:unset; transform:none; margin-top:15px;}
}

@media only screen and (max-width:1360px) {
    .trafficSec {flex-direction:column;}
    .trafficSec .perWay {width:100%;}
}
@media only screen and (max-width:1296px) {
    .waterMap .legend {right:unset; left:1168px;}
}

@media only screen and (max-width:1440px) {
    .schSec.f02 {flex-direction: column; gap:10px; justify-content: flex-start;}
    .schSec.f02 .selectBox {display: flex; justify-content: flex-start; align-items: center; gap:10px; width: 100%;}
    .schSec.f02 .selectBox select {width: calc(50% - 5px); margin: 0;}
    .schSec.f02 .dateBox {justify-content: flex-start; width: 100%;}
    .schSec.f02 .dateBox input {width: 40%;}
    .schSec.f02 .monthBox {justify-content: flex-start; display: flex; width: 100%; align-items: center;}
	.paperYrs a {font-size:14px; padding:10px 0;}
}

@media only screen and (min-width:1281px) {
	.subComnSec .inner .subCont .pageTabWrap .pTab.col1 a:nth-child(6n):after {display:none;}

	.subComnSec .inner .subCont .pageTabWrap .pTab.col7 a:nth-child(4n):after {display:none;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col7 a:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#cfddf7; display:block;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col7 a:nth-child(n+5):nth-child(-n+30):before {display:none;}
	
	.subComnSec .inner .subCont .pageTabWrap .pTab.col12 a:nth-child(4n):after {display:none;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col12 a:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#cfddf7; display:block;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col12 a:nth-child(n+9):nth-child(-n+30):before {display:none;}
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
	header.fix .inner nav {max-width:700px;}
	.subMenuWrap .subMenuArea .ico {display:none;}
	.subMenuWrap .subMenuArea .subMenuList {width:100%; height:auto;}

	.subComnSec .inner .subCont .pageTabWrap .pTab.col1 a {width:25%;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col1 a:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#cfddf7; display:block;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col1 a:nth-child(4n):after {display:none;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col1 a:nth-child(n+5):nth-child(-n+30):before {display:none;}

	.subComnSec .inner .subCont .pageTabWrap .pTab.col7 a:nth-child(4n):after {display:none;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col7 a:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#cfddf7; display:block;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col7 a:nth-child(n+5):nth-child(-n+30):before {display:none;}
	
	.subComnSec .inner .subCont .pageTabWrap .pTab.col12 a {width:25%;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col12 a:nth-child(4n):after {display:none;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col12 a:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#cfddf7; display:block;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col12 a:nth-child(n+9):nth-child(-n+30):before {display:none;}

	.section.sec4 .inner .linkPart .callCenter .telNumber {font-size:36px;}
}

@media only screen and (max-width:1280px) {
	.subComnSec .inner {gap:30px;}
	.subComnSec .inner .subLnb {width:200px; flex:0 0 auto;}

	header.fix .inner nav {max-width:600px;}
	header .inner nav .menu a.dep01 {font-size:20px;}

	.section.sec3 .orgPart {width:25%;}
	.section.sec3 .orgPart .inOrg a {padding:25px;}
	.section.sec3 .orgPart .inOrg.information {background-position:left 50%;}
	.section.sec3 .orgPart .inOrg.news {background-position:left 50%;}
	.section.sec3 .newsBnr {width:350px;}
	.section .mArticle .articleBox {padding:0 25px;}

	.subComnSec .inner .subCont .contInfoBox {flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:0;}
	.subComnSec .inner .subCont .contInfoBox .title {margin-bottom:15px; width:100%;}
	.subComnSec .inner .subCont .contInfoBox .conTxt {padding-left:30px;}
	.subComnSec .inner .subLnb .contMng .mngInfo .icoSec {display:none;}

	.mngWrap {flex-direction:column;}
	.mngWrap .tableSec {width:100%; margin-top:10%;}
	.mngWrap .refSec {flex-direction:row; width:100%;}
	.mngWrap .refSec .refBlock {width:100%;}
	
	.stUxTop .suLocal .current {font-size:14px; cursor:pointer;}
	.stUxTop .suSearch input[type="text"] {font-size:14px;}
	.stUxTop .suLocal ul li a {font-size:14px;}
	.suZoom .zoomIn {font-size:14px;}
	.suZoom .zoomOut {font-size:14px;}
	.stUxSide .defaultCate .perCate a .txt {font-size:14px;}
	.stUxSide .moreCate label.perMore span {font-size:14px;}
	.stUxTop .suSearch .autoComplete li a {font-size:14px;}
	.legendCont .legendMore a {font-size:12px;}

	.fullSize .legend {z-index:110; gap:10px;}
	.fullSize .legend .legendBox {width:100%;}
	.fullSize .legend .graphLegend {width:100%;}
	.fullSize .legend .graphLegend .imgSec {width:100%;}
	.fullSize .legend .title {font-size:12px;}
	.fullSize .legend .legendBox .pointLegend ul li {font-size:12px;}
	.popLevelWrap .levelSec .mngWrap .mngUi {width:100%;}

	.paperYrs {flex-wrap:wrap; justify-content:flex-start; gap:6px;}
	.paperYrs a {width:calc(16.666667% - 5px);}
}

@media only screen and (max-width:1024px) {
	.forDesk {display:none;}
	.forDesc {display:none;}
	.forMo {display:block;}
	.mDevice {display:none;}

	.subMenuWrap#subMenu01 .subMenuArea .ico {display:none;}
	.subMenuWrap:before {display:none;}
	.subMenuWrap .subMenuArea .subMenuList {width:100%;}

	.subComnSec .inner .subCont .pageTabWrap .pTab.col1 a {width:33.33334%;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col1 a:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#cfddf7; display:block;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col1 a:nth-child(3n):after {display:none;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col1 a:nth-child(n+4):nth-child(-n+30):before {display:none;}

	.subComnSec .inner .subCont .pageTabWrap .pTab.col4 a {width:50%;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col4 a:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#cfddf7; display:block;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col4 a:nth-child(2n):after {display:none;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col4 a:nth-child(n+3):nth-child(-n+30):before {display:none;}

	.subComnSec .inner .subCont .pageTabWrap .pTab.col5 a {width:33.33334%;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col5 a:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#cfddf7; display:block;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col5 a:nth-child(3n):after {display:none;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col5 a:nth-child(n+4):nth-child(-n+30):before {display:none;}

	.subComnSec .inner .subCont .pageTabWrap .pTab.col7 a {width:33.33334%;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col7 a:nth-child(3n):after {display:none;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col7 a:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#cfddf7; display:block;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col7 a:nth-child(n+7):nth-child(-n+30):before {display:none;}

	.subComnSec .inner .subCont .pageTabWrap .pTab.col12 a {width:33.33334%;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col12 a:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#cfddf7; display:block;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col12 a:nth-child(3n):after {display:none;}
	.subComnSec .inner .subCont .pageTabWrap .pTab.col12 a:nth-child(n+10):nth-child(-n+30):before {display:none;}

	.fp-section.fp-table, .fp-slide.fp-table {height:auto !important;}
	.fp-tableCell {height:auto !important;}
	.moHeader {display:flex; height:60px; background:#fafafa; padding:0 5px 0 15px; justify-content:space-between; align-items:center; border-bottom:1px solid #ccc;}
	.moHeader .moHeadFunc {display:flex; align-items:center;}
	.moHeader .moHeadFunc .btnS a {display:inline-block; padding:3px 5px; font-size:12px; background:#FFF; border:1px solid #111; border-radius:4px;}
	.moHeader .moHeadFunc .sideClose {display:inline-block; width:40px; height:40px; background:url(../images/ico_close.svg) no-repeat 50% 50%; background-size:16px; cursor:pointer;}
	header:after {top:60px;}
	header .inner {padding:0 15px; height:60px;}
	header .inner h1 {width:106px; height:28px; position:relative; left:unset; top:unset;}
	header .inner nav {display:block; position:fixed; right:-100%; top:0; width:100%; height:100%; z-index:110; overflow-y:auto;}
	header .inner nav.on {right:0;}
	header .inner nav .menu {border-bottom:1px solid #ccc;}
	header .inner nav .menu .subMenuWrap {display:none;}
	header .inner nav .menu a.dep01 {font-size:17px; padding:15px; position:relative;}
	header .inner nav .menu a.dep01:after {content:''; position:absolute; right:17px; top:17px; width:16px; height:9px; background:url(../images/ico_fold_up.svg) no-repeat 50% 50%; background-size:100%; transition:.2s all;}
	header .inner nav .menu a.dep01.active:after {transform:rotate(-180deg);}
	header .inner .funcUtil {position:relative; left:unset; top:unset; right:unset; gap:0px;}
	header .inner .funcUtil .gloSearch {position:fixed; left:0; top:-60px; width:100%; transition:.4s all; background:#FFF; height:60px; border-radius:0; border:0; display:flex; justify-content:flex-start; align-items:center; padding:0 15px; gap:10px; transition:.4s all;}
	header .inner .funcUtil .gloSearch.on {top:0;}
	header .inner .funcUtil .gloSearch input[type="text"] {display:inline-block; width:calc(100% - 50px); background:#FFF; border:1px solid #ccc; border-radius:8px; padding:0 40px 0 15px; height:40px; line-height:38px; position:relative;}
	header .inner .funcUtil .gloSearch button {position:absolute; right:68px; top:50%; transform:translate(0, -50%);}
	header .inner .funcUtil .gloSearch .schClose {display:inline-block; width:40px; height:40px; background:url(../images/ico_close.svg) no-repeat 50% 50%; background-size:16px; cursor:pointer;}
	header .inner .funcUtil .btnSearch {display:block; width:40px; height:40px; background:url(../images/ico_search.svg) no-repeat 50% 50%; background-size:20px;}
	header .inner .funcUtil .mobileMenu {display:block; width:40px; height:40px; background:url(../images/ico_menu.svg) no-repeat 50% 50%; background-size:20px; text-indent:-99999px;}
	header .inner .funcUtil .btns {display:none;}

	header.fix .inner {padding:0 15px; height:60px;}
	header.fix .inner nav {padding:0;}
	header.fix .inner nav .menu a.dep01 {padding:15px;}
	header.fix .subMenuWrap {top:unset;}
	header .inner h1, header.fix .inner h1 {left:unset; flex:0 0 106px;}
	header .inner .funcUtil, header.fix .inner .funcUtil {right:unset;}

	.subMenuWrap {position:relative; left:unset; top:unset; border:0; background:#f5f5f5; padding:14px 15px;}
	.subMenuWrap:before {display:none;}
	.subMenuWrap .subMenuArea {min-height:auto; display:block;}
	.subMenuWrap .subMenuArea .ico {display:none;}
	.subMenuWrap .subMenuArea .subMenuList {width:100%; padding:0; flex-direction:column; gap:0; background:transparent;}
	.subMenuWrap .subMenuArea .subMenuList .subMenuBox {width:100%; min-height:auto;}
	.subMenuWrap .subMenuArea .subMenuList .subMenuBox .smTitle {font-size:15px; padding-left:0; border-bottom:0; padding-bottom:0;}
	.subMenuWrap .subMenuArea .subMenuList .subMenuBox .smTitle:after {display:none;}
	.subMenuWrap .subMenuArea .subMenuList .subMenuBox .smTitle a {color:#111; padding:10px 0;}
	.subMenuWrap .subMenuArea .subMenuList .subMenuBox ul {padding:0;}
	.subMenuWrap .subMenuArea .subMenuList .subMenuBox ul li {font-size:13px;}
	.subMenuWrap .subMenuArea .subMenuList .subMenuBox ul li a {position:relative; padding-left:16px;}
	.subMenuWrap .subMenuArea .subMenuList .subMenuBox ul li a:after {content:''; position:absolute; left:6px; top:11px; width:3px; height:3px; border-radius:50%; background:#666;}

	.section {padding:30px 0;}
	.inner {padding-left:15px; padding-right:15px;}
	.section .mTitleSec .ico {width:34px; margin-bottom:3px;}
	.section .mTitleSec .title {font-size:20px;}

	.section.sec1 {height:calc(100vh - 60px) !important; padding:0; background-position:69% center;}
	.section.sec1 .inner {padding:0 15px 30px;}
	.section.sec1 .inner h2 {top:30%; width:100%; max-width:450px; padding:0 30px;}
	.section.sec1 .inner .majorFunc {flex-wrap:wrap;}
	.section.sec1 .inner .majorFunc .perFunc {width:33.333334%;}
	.section.sec1 .inner .majorFunc .perFunc:after {top:0; transform:none; height:100%;}
	.section.sec1 .inner .majorFunc .perFunc:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#FFF; opacity:0.2;}
	.section.sec1 .inner .majorFunc .perFunc:nth-child(7):before,
	.section.sec1 .inner .majorFunc .perFunc:nth-child(8):before,
	.section.sec1 .inner .majorFunc .perFunc:nth-child(9):before {display:none;}
	.section.sec1 .inner .majorFunc .perFunc a {padding:20px 0;}
	.section.sec1 .inner .majorFunc .perFunc .ico img {width:38px;}
	.section.sec1 .inner .majorFunc .perFunc .txt {font-size:13px;}

	.section.sec2 .inner {padding:0; flex-direction:column;}
	.section.sec2 .tabCont {width:100%;}
	.section.sec2 .wgWrap {border-radius:0; border:0; border-top:1px solid #0e56d9;}
	.section.sec2 .wgTab .wgMenu br {display:block;}
	.section.sec2 .wgTab .wgMenu a {font-size:12px; text-align:center; padding:0; height:45px;}
	.section.sec2 .wgMap {float:left; width:100%;}
	.section.sec2 .wgTable {float:right; width:100%;}
	.section.sec2 .wgMap .legend li {font-size:11px; padding:3px 0;}
	.section.sec2 .wgMap .legend li.title {font-size:12px;}
	.section.sec2 .wgMap .legend li .ico {width:14px; height:14px;}
	.section.sec2 .wgInfo#tabCon03 .item {width:24%;}
	.section.sec2 .wgInfo#tabCon03 .ipCon {width:25%;}
	.marker {width:15px; height:24px;}
	.section.sec2 .wgMap .localInfo table th {font-size:12px;}
	.section.sec2 .wgMap .localInfo table td {padding:3px; font-size:12px;}
	.section.sec2 .useComnMapSec .comnUseMap {width:100%;}
	.section.sec2 .wgTable .tHead li {font-size:13px; height:50px;}
	.section.sec2 .wgTable .tBody {height:480px;}
	.section.sec2 .wgTable .tBody table th, .section.sec2 .wgTable .tBody table td {font-size:12px; padding:8px;}
	.section.sec2 .tabCont .cauCont {position:relative; left:unset; top:unset; font-size:12px; margin:10px 0 40px; padding:0 15px;}

	.section .mArticle {width:100%; padding:0 15px; gap:14px; flex-direction:row;}
	.section .mArticle .articleBox {border-radius:8px; padding:0 15px; width:50%;}
	.section .mArticle .articleBox .title {font-size:17px; padding:14px 0;}
	.section .mArticle .articleBox .title a {font-size:13px;}
	.section .mArticle .articleBox ul {padding:10px 0;}
	.section .mArticle .articleBox ul li a {height:30px;}
	.section .mArticle .articleBox ul li a .subject {font-size:13px;}
	.section .mArticle .articleBox ul li a .date {font-size:13px;}
	.section .mArticle .articleBox ul li a .subject em {font-size:10px; width:35px;}

	.section.sec3 .inner {flex-wrap:wrap; gap:15px 1.5%;}
	.section.sec3 .orgPart {width:calc(100% - 450px);}
	.section.sec3 .mArticle {padding:0;}

	.section.sec4 .inner {justify-content:space-between;}
	.section.sec4 .inner .serviceItem {width:100%;}
	.section.sec4 .inner .majorComplain {border-radius:8px; height:auto; justify-content:flex-start; flex-wrap:wrap; margin-bottom:12px;}
	.section.sec4 .inner .majorComplain .perMajor a {text-align:center; padding:20px 0;}
	.section.sec4 .inner .majorComplain .perMajor .ico {margin:0; width:45px; margin:0 auto;}
	.section.sec4 .inner .majorComplain .perMajor .txt {font-size:13px;}
	.section.sec4 .inner .linkPart {gap:12px; height:auto; margin-bottom:12px;}
	.section.sec4 .inner .linkPart .outerLink {width:calc(50% - 6px); border-radius:8px; padding:15px; align-items:flex-start;}
	.section.sec4 .inner .linkPart .outerLink .title {font-size:17px; margin-bottom:5px;}
	.section.sec4 .inner .linkPart .outerLink li {float:none; display:block; width:100%;}
	.section.sec4 .inner .linkPart .outerLink li a {font-size:12px;}
	.section.sec4 .inner .linkPart .outerLink li a:after {width:6px; height:10px; margin-left:3px; background-size:100%;}
	.section.sec4 .inner .linkPart .callCenter {width:calc(50% - 6px); border-radius:8px; height:auto;}
	.section.sec4 .inner .linkPart .callCenter .title {font-size:17px; text-align:center; margin-bottom:5px;}
	.section.sec4 .inner .linkPart .callCenter .telNumber {font-size:25px; text-align:center;}
	.section.sec4 .inner .linkPart .callCenter .telNumber em {display:block; text-align:center;}
	.section.sec4 .inner .mLinkBox {position:relative; left:unset; top:unset; width:calc(50% - 6px); border-radius:8px; padding:0 15px 15px;}
	.section.sec4 .inner .mLinkBox.complain {left:unset;}
	.section.sec4 .inner .mLinkBox.orgInfo {right:unset;}
	.section.sec4 .inner .mLinkBox .title {padding:15px 0 0; font-size:17px; margin-bottom:10px;}
	.section.sec4 .inner .mLinkBox li {padding:0; position:relative;}
	.section.sec4 .inner .mLinkBox li:after {width:100%; left:0;}
	.section.sec4 .inner .mLinkBox li a {padding:10px 0; font-size:13px;}
	.section.sec4 .inner .mLinkBox li a:after {right:0; width:6px; height:10px; background-size:100%;}

	.section.fp-auto-height {padding:0;}
	.footer .btmUtil .inner {padding:0;}
	.footer .btmUtil .inner .sitePolicy {position:relative; width:38%;}
	.footer .btmUtil .inner .sitePolicy .title {display:block; padding:12px; font-size:13px;}
	.footer .btmUtil .inner .sitePolicy .title .tail {top:17px;}
	.footer .btmUtil .inner .sitePolicy ul {position:absolute; left:0; bottom:40px; background:#313131; box-sizing:border-box; width:100%; display:none;}
	.footer .btmUtil .inner .sitePolicy li {float:none; display:block;}
	.footer .btmUtil .inner .sitePolicy li a {display:block; color:#888; font-size:12px; padding:10px 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #5a5a5a; margin-right:0;}
	.footer .btmUtil .inner .sitePolicy li a:after {display:none;}
	.footer .btmUtil .inner .btmFunc {flex-direction:row-reverse; width:62%;}
	.footer .btmUtil .inner .btmFunc .otherSite {width:calc(100% - 80px);}
	.footer .btmUtil .inner .btmFunc .otherSite ul {bottom:40px; background:#313131; box-sizing:border-box; width:100%; border:0; padding:0;}
	.footer .btmUtil .inner .btmFunc .otherSite ul a {display:block; color:#888; font-size:12px !important; padding:10px 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #5a5a5a; margin-right:0;}
	.footer .btmUtil .inner .btmFunc .otherSite ul a:after {display:none;}
	.footer .btmUtil .inner .btmFunc .otherSite .title {padding:12px; font-size:13px;}
	.footer .btmUtil .inner .btmFunc .otherSite .title .tail {top:17px;}
	.footer .btmUtil .inner .btmFunc .snsBtns {margin-right:0;}
	.footer .btmUtil .inner .btmFunc .snsBtns a {width:40px; height:40px; border-right:1px solid #444;}
	.footer .btmUtil .inner .btmFunc .snsBtns a.twitter {background-size:16px auto;}
	.footer .btmUtil .inner .btmFunc .snsBtns a.facebook {background-size:16px auto;}
	.footer .btmUtil .inner .btmFunc .snsBtns a:last-child {border-right:0;}

	.footer .footerInfo .copyInfo {padding-bottom:0; border-bottom:0;}
	.footer .footerInfo .copyInfo span {display:block; margin-right:0; font-size:12px; line-height:1.5;}
	.footer .footerInfo .copyright .logoBtm {display:none;}
	.footer .footerInfo .copyright .txt {font-size:12px; font-weight:500;}
	.footer .footerInfo .copyright .txt .cauTxt span {display:block; line-height:1.5;}

	.alertPop {left:50% !important; top:50% !important; transform:translate(-50%, -50%); width:92% !important;}

	.subVisual {height:180px;}

	.subComnSec {padding-bottom:80px;}
	.subComnSec .inner {flex-direction:column-reverse;}
	.subComnSec .inner .subLnb {width:100%; margin-bottom:0;}
	.subComnSec .inner .subLnb .pSubMenu {display:none;}
	.subComnSec .inner .subLnb .contMng .mngInfo {display:block;}
	.subComnSec .inner .subLnb .contMng .mngInfo ul {display:block; height:auto; overflow:hidden;}
	.subComnSec .inner .subLnb .contMng .mngInfo ul li {float:left; width:50%;}

	.contSec {margin-bottom:0;}

	.stUxTop {left:12px; top:12px; gap:4px; z-index:20;}
    .stUxTop .suSearch {height:36px; width:calc(100% - 204px);}
    .stUxTop .suSearch input[type="text"] {height:36px; line-height:36px; font-size:12px;}
    .stUxTop .suSearch button {width:36px; height:36px;}
    .stUxTop .suSearch .autoComplete {top:37px;}
    .stUxTop .suSearch .autoComplete li a {font-size:12px;}
    .stUxTop .suLocal {width:100px; margin-right:0;}
	
	.stUxTop .suLocal .current {display:block; background:rgba(0, 0, 0, 0.7); width:100%; height:100%; color:#FFF; font-size:12px; position:relative; height:36px; line-height:36px; border-radius:8px; padding:0 10px;}
	.stUxTop .suLocal .current:after {content:''; position:absolute; right:10px; top:10px; background:url(../images/ar_tail.svg) no-repeat 50% 50%; width:14px; height:14px; background-size:100%; transition:.4s all;}
	.stUxTop .suLocal .current.on:after {transform:rotate(180deg);}
	.stUxTop .suLocal ul {flex-direction:column; position:absolute; left:0; top:37px; width:100%; display:none; z-index:120;}
	.stUxTop .suLocal ul li {width:100%; height:36px; line-height:36px; font-size:12px;}
	.stUxTop .suLocal ul li:first-child a {border-radius:8px 8px 0 0;}
	.stUxTop .suLocal ul li:last-child a {border-radius:0 0 8px 8px;}
	.stUxTop .suLocal ul li a {font-size:12px;}
	.stUxTop .suLocal ul li a:after {display:none;}

	.suZoom {gap:4px; right:12px; top:12px;}
	.suZoom .zoomIn {padding:0 10px; height:36px; text-indent:-9999px;}
	.suZoom .zoomIn:after {margin-left:0;}
	.suZoom .zoomOut {padding:0 10px; height:36px; text-indent:-9999px;}
	.suZoom .zoomOut:after {margin-left:0;}

	.suLastUpdate {left:18px; top:56px;}

	.stUxSide {max-width:272px; right:70px; top:100px; justify-content:flex-end;}
	.stUxSide.on {right:12px;}
	.stUxSide .defaultCate {padding:8px 0; gap:8px;}
	.stUxSide .defaultCate:after {width:40px;}
	.stUxSide .defaultCate .perCate {width:auto;}
	.stUxSide .defaultCate .perCate a .txt {display:none;}
	.stUxSide .defaultCate .perCate a .ico {height:18px; width:40px;}
	.stUxSide .defaultCate .perCate a .ico.cate01 {background-size:auto 18px;}
	.stUxSide .defaultCate .perCate a .ico.cate02 {background-size:auto 18px;}
	.stUxSide .defaultCate .perCate a .ico.cate03 {background-size:auto 18px;}
	.stUxSide .defaultCate .perCate a .ico.cate04 {background-size:auto 18px;}
	.stUxSide .defaultCate .perCate a .ico.cate05 {background-size:auto 18px;}
	.stUxSide .defaultCate .perCate a .ico.cate06 {background-size:auto 18px;}

	.stUxSide .moreCate {gap:8px; padding:16px; width:120px;}
	.stUxSide .moreCate label.perMore span {font-size:12px;}
	.stUxSide .moreCate label.perMore {width:100%; flex:0 0 auto;}
	.stUxSide .moreCate label.perMore span {font-size:12px;}
	.stUxSide .moreCate label.perMore span + [type="checkbox"] {width:26px; flex:0 0 auto;}
	.stUxSide .moreCate label.perMore span + [type="checkbox"]:checked::before {left:10px;}
	.stUxSide.on .defaultCate .perCate {width:144px;}
	.stUxSide.on .defaultCate .perCate a .txt {display:block; text-shadow: 1px 1px 1px #000; font-size:12px; padding-right:7px;}
	.cateCont {right:22px; top:320px; width:40px; height:40px;}
	.cateCont .cateMore a {background-size:18px auto;}

	.fullSize .localInfo table th {font-size:12px;}
	.fullSize .localInfo table td {font-size:12px;}

	.fullSize .legend {left:0; right:unset; border-radius:0; max-width:100%;}
	.fullSize .legend.on {bottom:0;}
	.fullSize .legend .title {font-size:12px;}
	
	.fullSize .legend .legendBox .pointLegend ul {gap:5px;}
	.fullSize .legend .graphLegend .imgSec {width:calc(100% - 40px); text-align:left;}
	.fullSize .legend .graphLegend .imgSec img {height:46px; width:auto;}

	.radarSec {height:calc(100vh - 140px);}
	.radarSec .stUxSide {right:0; top:0; max-width:100%; transform:none; gap:0;}
	.radarSec .stUxSide .playerMap {border-radius:0; padding:0 12px; gap:10px; display:flex; justify-content:space-between; align-items:center;}
	.radarSec .stUxSide .playerMap .time {display:inline-block; width:120px; flex:0 0 auto; padding:0; border-bottom:0; font-size:12px;}
	.radarSec .stUxSide .playerMap .playBtns {width:calc(100% - 130px);}
	.radarSec .stUxSide .playerMap .playBtns button {height:34px;}
	.radarSec .stUxSide .moreCate {width:calc(100% - 70px); padding:12px; margin-top:1px; border-radius:0; flex-direction:row; flex-wrap:wrap; gap:10px 7px;}
	.radarSec .stUxSide .moreCate label.perMore {width:calc(33.33334% - 5px); flex:0 0 auto;}
	.radarSec .stUxSide .moreCate label.perMore span {font-size:12px;}
	.radarSec .stUxSide .moreCate label.perMore span + [type="checkbox"] {width:26px; flex:0 0 auto;}
	.radarSec .stUxSide .moreCate label.perMore span + [type="checkbox"]:checked::before {left:10px;}
	.radarSec .stUxSide .mapType {position:absolute; right:0; top:35px; width:70px; padding:0; border-radius:0; flex-direction:column; height:70px; justify-content:center; align-items:center; gap:4px 0;}
	.radarSec .stUxSide .mapType a {display:block; width:100%; padding:0px 8px 0px 25px;}
	.radarSec .stUxSide .mapType a.satellite {background-position:10px 0px; background-size:auto 16px;}
	.radarSec .stUxSide .mapType a.night {background-position:10px 0px; background-size:auto 16px;}
	.radarSec .stUxSide .mapType a.day {background-position:10px 0px; background-size:auto 16px;}
	.legendCont {right:0; bottom:0; width:50px; height:50px; border-radius:0; z-index:120;}
	.legendCont .legendMore a {font-size:12px;}
	.fullSize .legend {right:unset; left:0; border-radius:0; width:100%; max-width:100%; padding:10px; gap:0px;}
	.radarSec.fullSize .legend {max-width:100%;}
	.radarSec .legend .graphLegend .imgSec {width:calc(100% - 40px); text-align:left;}
	.radarSec .legend .graphLegend .imgSec img {height:auto;}

	.hanUxTop {padding:15px 0 0 0; justify-content:flex-start; flex-direction:column; gap:10px; align-items:flex-start; z-index:20;}
	.hanUxTop .title {font-size:18px; padding:0 15px;}
	.hanUxTop .hanUxFunc {border-top:1px solid rgba(255, 255, 255, 0.3); padding:10px; width:100%; z-index:20;}
	.hanUxTop .hanUxFunc .pfBlock {flex-direction:row; gap:8px;}
	.hanUxTop .hanUxFunc .pfBlock.between {justify-content:flex-start;}
	.hanUxTop .hanUxFunc .pfBlock .pfItem {margin-right:0; width:calc(100% - 154px); flex:0 0 auto; display:inline-flex;}
	.hanUxTop .hanUxFunc .pfBlock .pfItem:last-child {width:146px; flex:0 0 auto;}
	.hanUxTop .hanUxFunc .pfBlock .pfItem .item {font-size:12px; width:54px; flex:0 0 auto;}
	.hanUxTop .hanUxFunc .pfBlock .pfItem input.calendar {height:36px; line-height:36px; width:calc(50% - 47px);}
	.hanUxTop .hanUxFunc .pfBlock .pfItem button {height:36px; padding:0px; font-size:14px; width:calc(50% - 4px);}

	.wrap.mngPop {padding-top:109px;}
	.mngPop .hanUxTop .hanUxFunc .pfBlock .pfItem {width:auto;}
	.mngPop .hanUxTop .hanUxFunc .pfBlock .pfItem:last-child {width:70px;}
	.mngPop .hanUxTop .pfBlock .pfItem button.search {width:100%;}
	.mngPop .hanUxTop .hanUxFunc .pfBlock .pfItem:first-child {width:calc(100% - 286px);}
	.mngPop .hanUxTop .hanUxFunc .pfBlock .pfItem:nth-child(2) {width:200px;}
	.mngPop .hanUxTop .hanUxFunc .pfBlock .pfItem input.calendar {width:100%;}
	
	.mngPop .hanUxTop .hanUxFunc.hanriver .pfBlock.between {justify-content:space-between;}
    .mngPop .hanUxTop .hanUxFunc.hanriver .pfBlock .pfItem:first-child {width:50%;}
    .mngPop .hanUxTop .hanUxFunc.hanriver .pfBlock .pfItem:nth-child(2) {width:200px;}
    .mngPop .hanUxTop .hanUxFunc.hanriver .pfBlock .pfItem input.calendar {width:calc(50% - 44px);}
    .mngPop .hanUxTop .hanUxFunc.hanriver .pfBlock .pfItem button.search {width:calc(50% - 4px);}

	.popLevelWrap .mapSec .suLevel {left:12px; top:12px;}
	.popLevelWrap .mapSec .suLevel .btn {display:block; width:80px; margin-bottom:5px;}
	.popLevelWrap .mapSec .suLevel .btn a {padding:4px 8px; font-size:12px; width:100%;}
	.popLevelWrap .mapSec .suLevel .btn a em {right:8px;}
	.popLevelWrap .levelSec .mngWrap .mngUi li {font-size:12px;}
	
	.fullSize .mapType {width:40px; right:22px; top:376px; padding:10px 0;}
    .fullSize .mapType a {padding-top:24px;}
    .fullSize .mapType a.satellite {background-size:24px auto;}
    .fullSize .mapType a.night {background-size:24px auto;}
    .fullSize .mapType a.day {background-size:24px auto;}
    
    .pfBlock.between {align-items:flex-start;}
    .pfBlock .pfItem input.calendar {width:calc(50% - 36px);}
	
	.scrollTable.c030401 table tr th span {font-size: 12px;}
    .scrollTable.c030401 table tr th {font-size: 14px;}
    .scrollTable.c030401 table tr td {font-size: 14px;}
    
    .bbsTable.f02 .tbody .number {font-size: 14px;}
    .bbsTable.f02 .tbody .depart {font-size: 14px;}
    .bbsTable.f02 .tbody .subject {font-size: 14px;}
    .bbsTable.f02 .tbody .date {font-size: 14px;}

	.deviceBox {flex-direction:column;}
	.deviceBox > div {width:100%;}

	.popLevelWrap .mapSec .suLevel {width:calc(100% - 102px); display:flex; justify-content:flex-start; align-items:stretch; gap:2px;}
	.popLevelWrap .mapSec .suLevel .btn {margin-bottom:0; width:calc(25% - 2px); height:36px;}
	.popLevelWrap .mapSec .suLevel .btn a {margin:0; display:block; height:auto; font-size:11px;}
	.popLevelWrap .mapSec .suLevel .btn a em {display:block; right:unset; top:unset; transform:none; text-align:right; position:relative; font-size:12px;}
	.levTable {left:0; width:calc(100% + 76px); max-width:calc(100% + 76px);}
	.levTable li {font-size:12px;}

	.bookCategory {gap:10px;}
	.bookCategory .perCategory {width:calc(50% - 9px);}
}

@media only screen and (max-width:768px) {
	
	.mngPop .hanUxTop .hanUxFunc.hanriver .pfBlock .pfItem:first-child {width:calc(100% - 90px);}
    .mngPop .hanUxTop .hanUxFunc.hanriver .pfBlock .pfItem:nth-child(2) {width:80px;}
    .mngPop .hanUxTop .hanUxFunc.hanriver .pfBlock .pfItem input.calendar {width:calc(50% - 13px);}
    
	.section.sec3 .inner {flex-wrap:wrap; gap:0 1.5%; align-items:flex-start;}
	.section.sec3 .orgPart {width:100%;}
	.section.sec3 .orgPart .inOrg {height:170px; border-radius:8px; margin-bottom:14px;}
	.section.sec3 .orgPart .inOrg a {padding:20px 15px;}
	.section.sec3 .orgPart .inOrg .title {font-size:17px;}
	.section.sec3 .orgPart .inOrg .desc {font-size:13px;}
	.section.sec3 .newsBnr {width:100%; flex:0 0 auto; margin-bottom:15px;}
	.section.sec3 .newsBnr .outBnr {height:auto;}
	.section.sec3 .newsBnr .bnrFunc {height:48px; padding:14px 10px 15px 15px;}
	.section.sec3 .newsBnr .bnrFunc .title {font-size:17px;}
	.section.sec3 .newsBnr .bnrFunc .funcControl .outBnr-prev {background-size:6px 12px;}
	.section.sec3 .newsBnr .bnrFunc .funcControl .outBnr-next {background-size:6px 12px;}
	.section.sec3 .newsBnr .bnrFunc .funcControl .swiper-play {background-size:auto 12px;}
	.section.sec3 .newsBnr .bnrFunc .funcControl .swiper-pause {background-size:auto 12px;}

	.section .mArticle {width:100%; padding:0 15px; gap:14px; flex-direction:column;}
	.section .mArticle .articleBox {border-radius:8px; padding:0 15px; width:100%;}

	.subVisual {display:none;}
	.comnWrap {padding-top:46px;}
	.comnWrap .localNavi {display:none;}

	.subComnSec {padding:40px 0;}
	.subComnSec .inner {gap:0;}
	.subComnSec .inner .subLnb .contMng {background:#f9f9f9;}
	.subComnSec .inner .subLnb .contMng .mngInfo ul li {margin-bottom:0; font-size:12px;}
	.subComnSec .inner .subLnb .contMng .mngInfo {padding-bottom:10px; margin-bottom:10px;}
	.subComnSec .inner .subLnb .contMng .mngCau {font-size:12px; letter-spacing:0;}

	.subComnSec .inner .subCont h2 {font-size:20px; padding-bottom:15px; margin-bottom:20px;}
	.subComnSec .inner .subCont .contInfoBox {padding:15px; margin-bottom:15px;}
	.subComnSec .inner .subCont .contInfoBox .title {font-size:14px; padding-left:24px; margin-bottom:8px; line-height:1.4;}
	.subComnSec .inner .subCont .contInfoBox .title:after {width:16px; height:16px; top:1px;}
	.subComnSec .inner .subCont .contInfoBox .conTxt {padding-left:0px; font-size:14px;}

	.subComnSec .inner .subCont .pageTabWrap .pTab a {font-size:14px; height:48px;}

	.contSec {margin:30px 0;}
	.contSec h3 {font-size:18px; padding-left:22px; margin-bottom:15px;}
	.contSec h3:before {width:16px; height:16px; top:2px;}
	.contSec .midTitle {font-size:14px; padding-left:10px;}
	.contSec .midTitle:before {top:5px; width:3px; height:3px;}
	.contSec .perCont {padding:0 12px;}
	.contSec .perCont ul {padding:0 12px;}
	.contSec .perCont ul.cau {margin-top:10px;}
	.contSec .perCont ul.cau li {font-size:12px;}
	.contSec .perCont ul li {font-size:14px; padding-left:10px;}
	.contSec .perCont ul li:before {width:3px;}
	.contSec .perCont ul.depth02 li {font-size:14px; word-break:break-all; white-space:normal;}
	.contSec .perCont ul.depth02 li span {display:block;}
	.contSec hr {margin:30px 0;}

	.contSec .imgTxtCont {flex-direction:column; align-items:flex-start; gap:30px 0; padding:40px 0;}
	.contSec .imgTxtCont .perImgTxt {display:flex; justify-content:flex-start; align-items:center; width:100%; padding:0 0 0 20px;}
	.contSec .imgTxtCont .perImgTxt .imgSec {width:60px; flex:0 0 auto; margin-bottom:0;}
	.contSec .imgTxtCont .perImgTxt .imgSec img {width:100%;}
	.contSec .imgTxtCont .perImgTxt .txtSec {text-align:left; padding-left:20px;}
	.contSec .imgTxtCont .perImgTxt .txtSec .title {font-size:16px; margin-bottom:10px;}
	.contSec .imgTxtCont .perImgTxt .txtSec .desc {font-size:14px;}

	.scrollTable table th, .scrollTable table td {padding:5px; font-size:12px; word-break:break-all;}
	.scrollTable table td dl dt {padding-left:8px; margin-bottom:5px;}
	.scrollTable table td dl dd {padding-left:8px; line-height:1.3;}
	.scrollTable table td dl dt:after {width:3px; height:3px; top:6px;}
	.scrollTable:after {content:''; position:absolute; left:5px; top:2px; width:30px; height:30px; background:url(../images/ico_gesture.svg) no-repeat 50% 50%; background-size:100%; display:block;}
	.scrollTable.res:after {display:none;}
	
	.bbsTable .thead {display:none;}
	.bbsTable span {border-right:0;}
	
	.bbsTable .tbody {border-top:2px solid #222;}
	.bbsTable .tbody li a {display:block; padding:15px 10px; position:relative;}
	.bbsTable .tbody li span {display:inline-block; width:auto; font-size:14px; padding:0 !important; text-align:left; margin:5px 15px 0 0;}
	.bbsTable .tbody li span em {display:block; float:left; margin-right:3px; position:relative; padding-left:8px;}
	.bbsTable .tbody li span em:after {content:''; position:absolute; left:0; top:6px; width:3px; height:3px; background:#222; border-radius:50%;}
	.bbsTable .tbody li .no {display:none;}
	.bbsTable .tbody li .subject {display:block; font-size:16px; margin-bottom:8px; font-weight:500;}

	/* 홍수특보발령사항 목록 현재년도 */
	.bbsTable .tbody li .fldNo {display:none;}

	.bbsTable .bbsFunc .bbsSearch input[type="text"] {width:100%;}

	.viewTable .vSubject {padding:15px; font-size:16px;}
	.viewTable .vBlock {padding:10px;}
	.viewTable .vBlock.between {flex-direction:column;}
	.viewTable .vBlock.start {flex-direction:column;}
	.viewTable .vBlock .vInfo {width:100%;}
	.viewTable .vBlock .vInfo span {display:inline-block; font-size:14px; margin:5px 20px 5px 0;}
	.viewTable .vBlock span em {padding-left:8px;}
	.viewTable .vBlock span em:after {width:3px; height:3px; top:6px;}
	.viewTable .vBlock.flex.start ul {padding-left:8px;}
	.viewTable .vBlock.flex.start li {width:100%; float:none; display:block;}
	.viewTable .vBlock.flex.start li a {font-size:14px;}
	.viewTable .vBlock.cont {padding:15px; font-size:14px !important;}
	.viewTable .vBlock.cont div, .viewTable .vBlock.cont p, .viewTable .vBlock.cont .vInfo span {font-size:14px !important;}

	.bbsBtns {margin:20px 0;}
	.bbsBtns .btn a {padding:8px 14px; font-size:14px;}
	.bbsBtns .relPrev a:before {height:10px;}
	.bbsBtns .relNext a:after {height:10px;}

	.relArticle .perArticle {padding:10px;}
	.relArticle .perArticle .item {font-size:14px; width:60px; flex:0 0 auto;}
	.relArticle .perArticle a {padding-left:15px; font-size:14px;}

	.pagination {margin-top:30px;}

	.comnImgSec {padding:20px;}

	.useStep {flex-direction:column; gap:40px; margin-top:20px;}
	.useStep .perStep {width:100%;}
	.useStep .perStep:after {right:unset; top:unset; bottom:-40px; left:50%; transform:rotate(90deg) translate(-50%, 0); width:20px; height:20px;}
	.useStep .perStep .num {font-size:20px;}
	.useStep .perStep {padding:10px 16px; font-size:14px;}

	.subComnSec .inner .subCont .contInfoBox {padding:10px;}
	.subComnSec .inner .subCont .contInfoBox ul {padding:0;}
	.subComnSec .inner .subCont .contInfoBox ul li {font-size:14px;}

	.halfSec {flex-direction:column; gap:20px;}
	.halfSec .formBox {width:100%;}
	.halfSec .formBox table colgroup col {display:none;}
	.halfSec .btnArea {margin-top:10px;}
	.halfSec .btnArea a {padding:10px 20px; font-size:14px;}
	.halfSec .legalBox {width:100%;}

	.formBox th {display:block; padding:15px; font-size:14px;}
	.formBox td {display:block;}
	.formBox .formBlock {font-size:14px; flex-wrap:wrap;}
	.formBox .formBlock .inTitle {flex:0 0 auto;}
	.formBox .formBlock input[type="text"] {width:calc(50% - 33px);}
	.formBox .formBlock select {width:calc(100% - 45px); margin:5px 0 0 45px;}
	.formBox .termsBox .terms li {font-size:12px;}

	/*
	.formBox.openApi table colgroup col {display:none;}
	.formBox.openApi tbody tr {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap;}
	.formBox.openApi tbody tr th {width:100%; flex:0 0 100%;}
	.formBox.openApi tbody tr td {width:120px; flex:0 0 120px;}
	.formBox.openApi tbody tr td:last-child {width:calc(100% - 120px); flex:0 0 auto;}
	*/

	.formBox.openApi table colgroup col {display:none;}
	.formBox.openApi table td {border:0; padding-bottom:0; font-weight:700; position:relative;}
	.formBox.openApi table td:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
	.formBox.openApi table td:last-child {border-bottom:1px solid #ddd; padding-bottom:15px; font-weight:400;}
	.formBox.openApi table td select.apir_selarea {float:left; width:49%; margin-right:2%;}
	.formBox.openApi table td select.apir_selarea:last-child {margin-right:0;}
	.formBox.openApi table td input, .formBox.openApi table td select {width:100%; float:none;}
	
	.legalBox .innerBox {height:100px; padding:15px; border-bottom:1px dashed #ddd;}
	.legalBox label.chkB {margin:10px 0;}

	input[type="text"], input[type="number"], input[type="password"] {height:36px; line-height:34px; font-size:14px;}
	select {padding:0 20px 0 9px; height:36px; font-size:14px; background-position:96% 50%;}

	.cauTitle {font-size:16px; padding-left:20px;}
	.cauTitle:after {width:14px; height:14px; top:2px;}
	.subComnSec .inner .subCont .contInfoBox.cau .conTxt {padding-left:0px; margin-bottom:10px;}
	.subComnSec .inner .subCont .contInfoBox.cau .item {font-size:14px; padding-left:14px;}
	.subComnSec .inner .subCont .contInfoBox.cau .item:after {left:0px;}
	
	.mngWrap .refSec {flex-direction:column;}

	.contSec hr.bdrNone {margin:30px 0 0 0;}

	.comnItemList span a {font-size:14px;}
	.comnItemList.policy span a {padding:3px 12px; margin:2px;}

	.policyBox {padding:20px 0;}
	.policyBox .pyTitle {font-size:14px; margin-bottom:10px;}
	.policyBox div.perPolicy {font-size:14px; padding:10px;}
	.perPolicy {padding:10px;}
	.perPolicy li {font-size:14px; padding-left:16px;}
	.perPolicy li:before {font-size:10px; width:12px; height:12px; line-height:12px;}
	.perPolicy li:after {width:12px; height:12px;}

	.policyBox .appyDate {font-size:12px; padding:5px 15px;}

	.schSec {flex-direction:column; gap:10px; padding:10px 0;}
	.schSec .selectBox {display:flex; justify-content:flex-start; align-items:center; gap:10px; width:100%;}
	.schSec .selectBox select {width:calc(50% - 5px); margin:0;}
	.schSec .selectBox select#site {width:calc(100% - 85px);}
	.schSec .dateBox {justify-content:flex-start; width:100%;}
	.schSec .dateBox .dbTitle {font-size:14px; width:40px; flex:0 0 auto;}
	.schSec button {width:50px; flex:0 0 auto; height:36px;}
	.schSec .dateBox input.calendar {width:calc(100% - 110px);}

	.itemFunc {margin:30px 0 10px;}
	.itemFunc .itemSearch .funcTitle {font-size:14px; margin:0; width:55px; flex:0 0 auto;}
	.itemFunc .itemSearch button {width:50px; flex:0 0 auto; height:36px;}
	.itemFunc .itemSearch input {width:calc(100% - 125px);}

	.popHead {padding:15px; flex-direction:column; gap:5px; justify-content:flex-start; align-items:flex-start;}
	.popHead .popTitle {font-size:16px;}
	.popHead .popUtil .dePart {font-size:14px;}
	.pfBlock {flex-direction:column; align-items:flex-start; gap:10px;}
	.pfBlock .pfItem {margin-right:0; width:100%;}
	.pfBlock .pfItem .item {font-size:12px; width:60px; flex:0 0 auto;}
    .pfBlock .pfItem select {width:calc(100% - 70px);}
    .pfBlock .pfItem .ipCon {width:calc(100% - 70px);}
    .pfBlock .pfItem input.calendar {width:calc(50% - 47px);}
	.pfBlock .pfItem .sortBtns {width:100%;}
	.pfBlock .pfItem .sortBtns .sort {flex:1 0 auto;}
	.pfBlock .pfItem .sortBtns .sort a {text-align:center; height:34px; line-height:34px; font-size:12px;}
	.pfBlock .pfItem button {width:calc(50% - 4px); font-size:14px;}
	button.search:before {width:14px; height:14px;}
	
	.popCont {padding:0;}
	.popCont .popDevice {flex-direction:column; justify-content:flex-start; align-items:flex-start;}
	.popCont .popDevice .graphSec {width:100%; border-left:0; border-right:0;}

	.popCont .popDevice .graphSec .pointInfo th {font-size:12px;}
	.popCont .popDevice .graphSec .pointInfo td {padding:3px; font-size:12px;}
	.popCont .popDevice .statSec {width:100%; height:auto;}
	.popCont .popDevice .statSec table th:first-child {border-left:0;}
	.popCont .popDevice .statSec table th:last-child {border-right:0;}
	.popCont .popDevice .statSec table td:first-child {border-left:0;}
	.popCont .popDevice .statSec table td:last-child {border-right:0;}
	.popCont .popDevice .statSec table th {font-size:12px; padding:5px;}
	.popCont .popDevice .statSec table td {font-size:12px;}
	.popCont .cauTxt {margin:0; padding:20px; font-size:12px;}
	.popCont .cauTxt:after {display:none;}

	.comnItemList {margin:30px 0;}
	.comnItemList select {max-width:100%;}
	.comnItemList span a {width:auto; padding:6px 12px; margin:3px 1px;}

	.bbsTable .tbody.noLink li {flex-wrap:wrap; align-items:flex-start; padding:15px 0;}
	.bbsTable .tbody.noLink li p {border-right:0;}
	.bbsTable .tbody.noLink li p span {justify-content:flex-start; margin:0; padding:3px !important; text-align:left;}
	.bbsTable .cDate {width:auto; font-size:16px; font-weight:700; margin-right:10px;}
	.bbsTable .cName {width:auto; font-size:16px; font-weight:700;}
	.bbsTable .cDate span, .bbsTable .cName span {font-size:16px !important;}
	.bbsTable .cTime {width:100%;}
	.bbsTable .cMount {width:100%;}
	.bbsTable .cDesc {width:100%; padding:0;}
	.bbsTable .cDesc span {line-height:1.4;}
	.bbsTable .depart {width:auto; margin-top:2px;}
	.bbsTable .partwork {width:100%; padding:0;}

	.bbsTable .moreView a {margin:20px auto 0; padding:10px; font-size:16px;}
	
	.popCont.white .bbsTable .tbody.noLink li {padding:15px 20px; flex-direction:column;}
    .popCont.white .bbsTable .tbody.noLink li span {margin:0;}
    .popCont.white .bbsTable .tbody.noLink li .date {margin:0 0 10px 0;}
    .popCont.white .bbsTable .tbody.noLink li .subject {display:block; font-size:14px; padding-left:8px !important;}
	
	.contSec .comnConTitle {font-size:18px; padding-left:22px; margin-bottom:15px;}
	.contSec .comnConTitle:before {width:16px; height:16px; top:2px;}
	.contSec .perCont .contDesc {padding:0 12px; font-size:14px;}

	.historyBox ul:after {left:16px;}
	.historyBox ul li span {left:15px; width:90px;}
	.historyBox ul li {padding-left:110px !important; line-height:1.4 !important;}
	.historyBox ul li:after {top:4px; width:5px; height:5px;}
	.historyBox ul.short li {padding-left:64px !important;}

	.bookCategory {gap:10px;}
	.bookCategory .itemFunc {width:100%; padding-bottom:30px; border-bottom:1px solid #ddd;}
	.bookCategory .itemFunc .itemSearch {flex-wrap:wrap;}
	.bookCategory .itemFunc .itemSearch .funcTitle {width:100%;}
	.bookCategory .itemFunc .itemSearch select {width:calc(50% - 45px);}

	.bookCategory .perCategory {display:block; padding:20px 0 30px 0; border-radius:0; border:0; border-bottom:1px solid #ddd; position:relative;}
	.bookCategory .perCategory .ico {position:absolute; left:0; top:10px; width:60px; height:60px;}
	.bookCategory .perCategory .expCate {gap:10px;}
	.bookCategory .perCategory .expCate .cateInfo {flex-direction:column; align-items:flex-start; gap:5px; padding-left:60px;}
	.bookCategory .perCategory .expCate .cateInfo .title {font-size:18px;}
	.bookCategory .perCategory .expCate .cateInfo ul li {font-size:14px; margin-right:5px; margin-bottom:5px;}

	.bookCategory .perCategory .dataList {gap:5px;}
	.bookCategory .perCategory .dataList .yrData {padding:10px; gap:10px; width:calc(50% - 2.5px);}
	.bookCategory .perCategory .dataList .yrData a {font-size:14px;}
	.bookCategory .perCategory .dataList .yrData .downHit {font-size:12px; width:60px;}
	.bookCategory .perCategory .dataList .yrData .chkN {width:12px; height:12px;}
	.bookCategory .perCategory .dataList .yrData .chkN input:after {width:12px; height:12px;}
	
	.waterMap .wmDesc li {font-size:14px;}

	.waterMap .imgSec.maxSize {overflow:hidden; overflow-x:auto;}
	.waterMap .imgSec.maxSize img {min-width:768px;}
	.waterMap .imgSec.maxSize:after {content:''; position:absolute; left:5px; top:5px; width:30px; height:30px; background:url(../images/ico_gesture.svg) no-repeat 50% 50%; background-size:100%; display:block;}

	.waterMap .damLive {width:100px;}
	.waterMap .damLive .title a {font-size:12px; padding:4px 0;}
	.waterMap .damLive li .item {font-size:12px; padding:2px 0; width:50px;}
	.waterMap .damLive li .ipCon {font-size:12px; padding:0 2px; width:calc(100% - 50px);}
	.waterMap#wm02 .imgSec.maxSize img {max-width:1024px; height:auto;}
	.waterMap#wm02 .imgSec.maxSize:after {display:none;}

	.waterMap .legend {right:unset; left:894px;}
	.waterMap .legend .title {font-size:12px; padding:4px 0;}
	.waterMap .legend li .item {font-size:12px;}
	.waterMap .legend li .ipCon {font-size:12px;}

	.waterMap .lastUpdate {font-size:14px; right:unset; left:860px; width:148px;}
	.waterMap .lastUpdate:before {top:0;}

	.waterMap .damLive.rtd1009710 {left:12px; top:33px;}
	.waterMap .damLive.rtd1010310 {left:129px; top:74px;}
	.waterMap .damLive.rtd1010320 {left:243px; top:112px;}
	.waterMap .damLive.rtd1013310 {left:357px; top:151px;}
	.waterMap .damLive.rtd1015310 {left:471px; top:191px;}
	.waterMap .damLive.rtd1017310 {left:583px; top:229px;}
	.waterMap .damLive.rtd1012110 {left:12px; bottom:305px;}
	.waterMap .damLive.rtd1003110 {left:12px; bottom:148px;}
	.waterMap .damLive.rtd1001210 {left:12px; bottom:12px;}
	.waterMap .damLive.rtd1004310 {left:242px; bottom:36px;}
	.waterMap .damLive.rtd1003611 {left:354px; bottom:36px;}
	.waterMap .damLive.rtd1006110 {left:466px; bottom:36px;}
	.waterMap .damLive.rtd1021701 {left:578px; bottom:36px;}
	.waterMap .damLive.rtd1022701 {left:689px; bottom:36px;}
	
	.bbsFunc .bbsSearch button.excel {font-size:12px;}
	.bbsTable .tbody li span.pnum {position:relative; display:block !important; padding:0 0 0 8px !important;}
	.bbsTable .tbody li span.pnum:after {content:''; position:absolute; left:0; top:6px; width:3px; height:3px; background:#222; border-radius:50%;}
	.bbsTable .tbody li span.pointcont {position:relative; display:block !important; padding:0 0 0 8px !important;}
	.bbsTable .tbody li span.pointcont:after {content:''; position:absolute; left:0; top:6px; width:3px; height:3px; background:#222; border-radius:50%;}

	.viewForm {padding:20px; font-size:14px;}
	.viewForm .subject {font-size:20px;}
	.viewForm .formInfo {margin:10px 0; flex-direction:column;}
	.viewForm .formInfo .infoTxt {font-size:14px; text-align:left; font-weight:500;}
	.viewForm .formInfo .infoTxt:last-child {text-align:left;}
	.viewForm .viewCon .txt {font-size:16px; padding:10px 0; text-align:left;}
	.viewForm .viewCon .scrollTable:after {top:40px;}

	.contSec .perCont ul li a.outLink:before {display:none;}
	.contSec .perCont .imgSec {padding:0;}
	.scrollTable ul li {font-size:12px;}

	.contSec .imgSec.maxSizeTy01 {overflow:hidden; overflow-x:auto;}
	.contSec .imgSec.maxSizeTy01 img {min-width:768px;}

	.contSec .pGuideBox {padding:15px; font-size:14px;}

	.contSec .perCont .scrollTable {padding:0;}
	.contSec .comnConTitle em {font-size:12px; margin-left:0;}

	.contSec .perCont ul.itemBox {flex-wrap:wrap; gap:10px; padding:0;}
	.contSec .perCont ul.itemBox li {width:calc(50% - 5px); flex:1 1 auto;}
	.contSec .perCont ul.itemBox.item03 li {width:100%;}
	.contSec .perCont ul.itemBox li p {padding:6px 0; font-size:14px;}
	.contSec .perCont ul.itemBox li span {padding:15px 5px; font-size:12px;}

	.contSec .perCont ul.conDesc li {flex-wrap:wrap;}
	.contSec .perCont ul.conDesc li em {width:100%; flex:0 0 auto;}
	
	.conInfoBox {padding:15px; flex-direction:column;}
	.conInfoBox .imgSec {width:100%; padding:20px;}
	.conInfoBox .txtSec {width:100%; border-left:0; border-top:1px dashed #999; padding:20px; margin-top:0px;}
	.conInfoBox .txtSec .title {text-align:center; font-size:16px; margin-bottom:10px;}
	.conInfoBox .txtSec .tel {text-align:center; font-size:24px;}
	.conInfoBox .txtSec .items li {font-size:14px; text-align:center; padding-left:0;}
	.conInfoBox .txtSec .items li:after {display:none;}
	.conInfoBox .txtSec .btns {flex-direction:column; margin-top:30px;}
	.conInfoBox .txtSec .btnLink {max-width:100%;}
	.conInfoBox .txtSec .btnLink a {margin-top:0; padding:16px; font-size:16px;}

	.imgTxtSec {flex-direction:column; gap:15px; margin-bottom:40px;}
	.imgTxtSec .imgSec {width:100%;}
	.imgTxtSec .imgSec:after {padding-bottom:56.25%;}
	.imgTxtSec .imgSec img {width:100%; height:auto;}
	.imgTxtSec .txtSec {width:100%;}
	.imgTxtSec .txtSec .title {font-size:18px; margin-bottom:10px;}
	.imgTxtSec .txtSec .desc {font-size:14px;}
	.imgTxtSec .txtSec .desc br {display:none;}

	.contSec .pGuideBox li {font-size:14px; padding-left:18px;}
	.contSec .perCont a.btnDownload {font-size:14px;}
	.contSec .perCont a.btnDownload:before {width:13px; height:13px;}
	.perCont .DownloadBtn {margin-top:10px; width:100%;}
	.perCont .DownloadBtn a {padding:6px 16px 6px 30px; font-size:14px; background-size:14px;}

	.inPartBox {flex-direction:column; gap:15px;}
	.inPartBox .txtSec .desc {font-size:14px;}
	.inPartBox .btnWater {width:100%;}
	.inPartBox .btnWater a {padding:15px; font-size:18px;}
	.inPartBox .btnWater a span {font-size:12px;}

	.contSec .perCont .scrollTable.arCenter td {vertical-align:middle;}
	.contSec .imgBlock .imgTitle {font-size:16px; padding:10px 0;}
	.contSec .imgBlock .img {padding:20px 10px;}

	.subComnSec .inner .subCont .contInfoBox .absBtns .absBtn {width:100%;}
	.subComnSec .inner .subCont .contInfoBox .absBtns .absBtn a {font-size:14px; justify-content:space-between; width:100%; margin-bottom:10px;}
	.subComnSec .inner .subCont .contInfoBox .absBtns .absBtn.adobe a:before {width:30px; height:30px;}
	.subComnSec .inner .subCont .contInfoBox .absBtns .absBtn.hwp a:before {width:30px; height:30px;}

	.yrsBox {flex-direction:column; gap:0; padding-bottom:20px; margin-bottom:20px;}
	.yrsBox .currentYr {width:100%; border-bottom:0; border-radius:8px 8px 0 0; padding:10px 0;}
	.yrsBox .currentYr em {font-size:18px;}
	.yrsBox .perYrDown {width:100%; flex-wrap:wrap; border-radius:0 0 8px 8px;}
	.yrsBox .perYrDown .pMonth {width:16.66667%;}
	.yrsBox .perYrDown .pMonth .month {font-size:14px;}
	.yrsBox .perYrDown .pMonth .mDown {padding:10px;}
	.yrsBox .perYrDown .pMonth .mDown a {width:25px; height:25px;}
	.yrsBox:nth-last-of-type(1) {margin-bottom:40px;}
	
	.contSec .perCont .icoTitle {font-size:18px;}
	.contSec .perCont .icoTitle:before {width:22px; height:22px;}
	.contSec .perCont ul.depth02 li .item {display:block; width:100%;}

	.contSec .perCont .btns .btnLink {width:100%;}
	.contSec .perCont .btns .btnLink a {padding:15px; margin-top:20px; width:100%; font-size:16px;}

	.subComnSec .inner .subCont .contInfoBox.icoTy {align-items:flex-start;}
	.subComnSec .inner .subCont .contInfoBox.icoTy .ico {width:50px; padding:0 10px; margin-top:5px;}
	.subComnSec .inner .subCont .contInfoBox.icoTy .ico img {max-width:100%;}
	.subComnSec .inner .subCont .contInfoBox.icoTy .txtSec {padding-left:15px;}

	.dicSearch {padding:15px;}
	.dicSearch .searchForm {width:100%;}
	.dicSearch .searchForm input {width:calc(100% - 74px);}
	.dicSearch .searchForm button {height:36px; font-size:14px; padding:0 10px;}
	.dicSearch .consoNent .conso {flex-wrap:wrap;}
	.dicSearch .consoNent .conso span a {width:30px; height:30px; line-height:30px;}
	.dicSearch .resultTxt {font-size:14px;}

	.dicExp {flex-direction:column;}
	.dicExp .resultSec {width:100%;}
	.dicExp .title {padding:10px; font-size:16px;}
	.dicExp .resultSec .resultList {height:140px;}
	.dicExp .resultSec .resultList ul {padding:10px 0;}
	.dicExp .resultSec .resultList li a {padding:5px 15px; font-size:14px;}
	.dicExp .expSec {width:100%; border-left:0;}
	.dicExp .expSec .title {border-top:1px solid #222;}
	.dicExp .expSec .expConBox {height:300px; padding:15px;}
	.dicExp .expSec .expConBox .selectedTitle {font-size:15px;}
	.dicExp .expSec .expConBox .expCon {font-size:14px;}

	.greetingBox {position:relative; display:block;}
	.greetingBox .imgSec {position:absolute; left:0; top:0; width:90px;}
	.greetingBox .imgSec .txt {margin-top:10px; font-size:14px;}
	.greetingBox .imgSec .txt em {font-size:16px;}
	.greetingBox .txtSec .headTxt {padding-left:110px; padding-top:14px; margin-bottom:86px;}
	.greetingBox .txtSec .headTxt span {font-size:20px;}
	.greetingBox .txtSec {font-size:14px;}

	.hisDirector .imgSec {margin-bottom:20px;}
	.hisDirector .imgSec .hisTitle {font-size:18px;}
	.hisDirector .hisDir {padding:10px 0; gap:10px 6px;}
	.hisDirector .hisDir ul {width:calc(50% - 3px); padding-left:44px;}
	.hisDirector .hisDir ul li.num {width:36px; height:36px; line-height:36px; font-size:12px;}
	.hisDirector .hisDir ul li.name {font-size:16px;}
	.hisDirector .hisDir ul li.date {font-size:12px;}
	
	.bbsGallery .galleryList ul {gap:24px 12px;}
	.bbsGallery .galleryList li {width:calc(50% - 6px);}
	.bbsGallery .galleryList li .txtInfo {margin-top:10px;}
	.bbsGallery .galleryList li .txtInfo .txt {font-size:14px; line-height:1.3; text-align:center;}

	.bbsGalleryView {display:block;}
	.bbsGalleryView .viewBox {width:100%;}
	.bbsGalleryView .viewBox .vodFunc .subject {font-size:16px;}
	.bbsGalleryView .viewBox .vodFunc .btns {gap:5px;}
	.bbsGalleryView .viewBox .vodFunc .btns button {width:36px; height:36px; background-size:16px;}
	.bbsGalleryView .viewBox .vodFunc .btns .btn.list a {height:36px; line-height:36px; padding:0 10px;}

	.bbsGalleryView .relGallery {width:100%; height:auto;}
	.bbsGalleryView .relGallery:after {display:none;}
	.bbsGalleryView .relGallery .rel {height:auto; position:relative; right:unset; top:unset;}
	.bbsGalleryView .relGallery .swiper-slide .txtInfo {margin-top:10px;}
	.bbsGalleryView .relGallery .swiper-slide .txtInfo .txt {font-size:14px; line-height:1.3; text-align:center;}
	.bbsGalleryView .relGallery .rel-prev {top:50%; transform:translate(0, -50%); width:30px; height:30px; background:rgba(255, 255, 255, 0.5);}
	.bbsGalleryView .relGallery .rel-prev:after {left:0; top:0; width:100%; height:100%; background-size:auto 10px; transform:rotate(-90deg);}
	.bbsGalleryView .relGallery .rel-next {top:50%; left:unset; bottom:unset; right:0; transform:translate(0, -50%); width:30px; height:30px; background:rgba(255, 255, 255, 0.5);}
	.bbsGalleryView .relGallery .rel-next:after {right:0; top:0; left:unset; bottom:unset; width:100%; height:100%; background-size:auto 10px; transform:rotate(-90deg);}

	.bbsGallery .dataList ul {flex-wrap:wrap; gap:30px 10px;}
	.bbsGallery .dataList li {width:100%; flex-direction:column; gap:15px;}
	.bbsGallery .dataList li .thumb {width:100%;}
	.bbsGallery .dataList li .txtInfo {width:100%;}
	.bbsGallery .dataList li .txtInfo .txt {font-size:14px;}
	.bbsGallery .dataList li .txtInfo a {font-size:14px;}

	.perWork .pwTitle {gap:10px; font-size:18px;}
	.perWork .pwTitle:before {width:22px; height:22px;}
	.perWork .workInfo {padding:15px;}
	.perWork .workInfo li {font-size:14px; float:none; display:block; width:100%;}

	.orgHis {margin-top:30px;}
	.orgHis .ohTitle {margin:0 0 30px 0; width:84px; height:84px; font-size:16px;}
	.orgHis:after {left:42px; transform:none;}
	.orgHis .hisBlock {justify-content:flex-start; margin:20px 0; padding-left:60px;}
	.orgHis .hisBlock:before {width:8px; height:8px; top:8px; left:39px; transform:none;}
	.orgHis .hisBlock:after {width:14px; height:14px; top:4px; left:35px; transform:none;}
	.orgHis .hisBlock .hisContBox {padding:0; width:100%;}
	.orgHis .hisBlock:nth-child(odd) .hisContBox {text-align:left;}
	.orgHis .hisBlock .hisContBox .hisYrs {font-size:18px;}
	.orgHis .hisBlock .hisContBox .hisCont {font-size:14px;}
	.comnItemList.large span a {width:auto;}
	
	.hrMap {height:400px;}
	.trafficSec {flex-direction:column;}
	.trafficSec .perWay {width:100%; align-items:flex-start; gap:10px;}
	.trafficSec .perWay .icoSec {width:60px; height:60px; background:none;}
	.trafficSec .perWay .icoSec .ico {width:30px; height:30px; margin-bottom:4px;}
	.trafficSec .perWay .icoSec .txt {font-size:14px;}
	.trafficSec .perWay .txtSec {width:calc(100% - 70px);}
	.trafficSec .perWay .txtSec .way {display:block; padding-left:0;}
	.trafficSec .perWay .txtSec .way .type {font-size:12px; padding:2px 6px;}
	.trafficSec .perWay .txtSec .way {font-size:12px;}
	.trafficSec .perWay .txtSec .title {padding-left:0;}
	.trafficSec .perWay .txtSec .title:after {display:none;}
	.trafficSec .perWay li {padding-left:22px; font-size:14px;}
	.trafficSec .perWay li .title {display:block; position:relative; left:unset; top:unset; margin-left:-12px; font-size:14px;}
	.trafficSec .perWay .long li {padding-left:22px; font-size:14px;}
	.trafficSec .perWay .long li dl {display:block; height:auto; overflow:hidden; margin-top:5px;}
	.trafficSec .perWay li dd {width:100%;}
	
	.roundImg .riTitle {font-size:18px; padding:12px 10px;}
	.roundImg .inImg {padding:20px;}

	.subComnSec .inner .subCont .contInfoBox.warning .title {font-size:16px; padding-left:24px; margin-bottom:8px;}
	.subComnSec .inner .subCont .contInfoBox.warning .title:after {width:16px; height:16px; top:1px;}

	.perStepBox .psTitle {flex-direction:column; font-size:14px; justify-content:flex-start; text-align:left; align-items:flex-start; gap:5px; padding:12px 10px;}
	.perStepBox .psTitle span {font-size:16px;}

	.privacyBox {justify-content:flex-start; gap:10px; flex-direction:column;}
	.privacyBox .perItem {width:100%; padding:15px;}
	.privacyBox .perItem .ico {width:50px;}
	.privacyBox .perItem .txtSec {width:calc(100% - 60px);}
	.privacyBox .perItem .txtSec .title {font-size:16px;}
	.privacyBox .perItem .txtSec .desc {font-size:14px;}

	.privacyRound {padding:0; flex-direction:column; gap:5px;}
	.privacyRound .perRound {width:100%;}
	.privacyRound .perRound a {display:block; padding:10px; position:relative; padding-left:50px; font-size:12px;}
	.privacyRound .perRound a:before {position:absolute; left:10px; top:10px; width:30px;}
	.privacyRound .perRound a span {display:block; width:100%; margin:0; font-size:14px;}

	.contSec .privacyItems {padding:0;}
	.contSec .privacyItems .perPolicy .cau.normal {font-size:12px;}
	/* .contSec .privacyItems .perPolicy .cau.normal a {margin-left:5px;} */
	.contSec .privacyItems .perPolicy .pastPrivacy {justify-content:space-evenly;}
	.contSec .privacyItems .perPolicy .pastPrivacy select {width:calc(100% - 90px); font-size:12px;}
	.contSec .privacyItems .perPolicy .pastPrivacy .btnViewPrivacy {width:80px;}
	.contSec .privacyItems .perPolicy .pastPrivacy .btnViewPrivacy a {height:36px; line-height:36px; display:block; padding:0; text-align:center; font-size:12px;}

	.siteMapSec {flex-direction:column; gap:30px;}
	.siteMapSec .menu {width:100%;}
	.siteMapSec .menu a.conMenu {font-size:18px; margin-bottom:15px;}
	.siteMapSec .menu .subMenuBox .smTitle {position:relative;}
	.siteMapSec .menu .subMenuBox ul {display:block; height:auto; overflow:hidden;}
	.siteMapSec .menu .subMenuBox ul li {float:left; width:50%;}

	.contSec.cctv h3 {font-size:16px;}
	.contSec.cctv .perCont {padding:0 5px;}
	.contSec.cctv .perCont ul {padding:0;}
	.scrollTable .cau {font-size:12px;}

	.contSec.cctv .perCont .DownloadBtn {margin:20px 0 0 0;}
	.contSec.cctv .perCont .DownloadBtn a {padding-right:20px;}

	.contSec.cctv .perCont .linkBtn {width:100%; margin:20px 0 0 0;}
	.contSec.cctv .perCont .linkBtn a {padding:6px 32px 6px 12px; font-size:14px; background-position:175px 50%; background-size:auto 10px;}

	.fullSize .legend .legendBox {flex-direction:column; gap:3px;}
	.fullSize .legend .legendBox .pointLegend {width:100%;}
	.fullSize .legend .legendBox .pointLegend:last-child {width:100%;}
	.fullSize .legend .graphLegend .imgSec {padding-top:5px;}

	.hanUxTop .hanUxFunc .pfBlock .pfItem {width:calc(100% - 85px);}
	.hanUxTop .hanUxFunc .pfBlock .pfItem .item {display:none;}
	.hanUxTop .hanUxFunc .pfBlock .pfItem input.calendar {height:36px; line-height:36px; width:calc(50% - 13px);}
	.hanUxTop .hanUxFunc .pfBlock .pfItem button {text-indent:-9999px; justify-content:center; align-items:center; width:36px;}
	.hanUxTop button.search:before {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
	.hanUxTop button.print:before {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
	.hanUxTop .hanUxFunc .pfBlock .pfItem:last-child {width:80px;}

	.wrap.mngPop {padding-top:103px;}
	.mngWrap .title {font-size:16px; background-position:8px 10px; padding:10px 36px;}
	.mngWrap .title span {display:block; position:relative; right:unset; bottom:unset; text-align:left; margin-top:5px; font-size:12px;}
	.mngWrap .mngUi th, .mngWrap .mngUi td {padding:6px; font-size:12px;}

	.mngPop .pfBlock .pfItem .sortBtns {width:140px;}
	.mngPop .pfBlock .pfItem .sortBtns .sort {width:70px; flex:0 0 auto;}
	.mngPop .pfBlock .pfItem .sortBtns .sort a {padding:0 5px;}
	.hanUxTop .pfBlock .pfItem label.autoReload span {font-size:12px;}

	.hanUxTop .pfBlock .pfItem label.autoReload {position:absolute; right:10px; top:15px;}
	.hanUxTop .pfBlock .pfItem label.autoReload span {font-size:12px;}
	.hanUxTop .pfBlock .pfItem label.autoReload span + [type="checkbox"] {width:26px; height:18px; flex:0 0 auto;}
	.hanUxTop .pfBlock .pfItem label.autoReload span + [type="checkbox"]::before {width:14px; height:14px;}
	.hanUxTop .pfBlock .pfItem label.autoReload span + [type="checkbox"]:checked::before {left:10px;}
	.mngPop .hanUxTop .hanUxFunc .pfBlock.between {justify-content:flex-end;}
	.mngPop .hanUxTop .hanUxFunc .pfBlock .pfItem:first-child {width:calc(100% - 253px); min-width:140px;}
	.mngPop .hanUxTop .hanUxFunc .pfBlock .pfItem:last-child {width:36px;}
	.mngPop .hanUxTop .pfBlock .pfItem button.search {width:36px;}
	.popLevelWrap {flex-direction:column;}
	.popLevelWrap .mapSec {width:100%;}
	.popLevelWrap .levelSec {width:100%;}

	.popLevelWrap .levelSec .mngWrap .mngUi ul {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; height:auto; overflow:hidden;}
	.popLevelWrap .levelSec .mngWrap .mngUi ul li {position:relative; float:left;}
	.popLevelWrap .levelSec .mngWrap .mngUi ul li.location {width:calc(100% - 50px); text-align:left; border-right:0;}
	.popLevelWrap .levelSec .mngWrap .mngUi ul li.level {width:50px; border-right:0; position:relative;}

	.popLevelWrap .levelSec .mngWrap .mngUi ul.thead li {border-right:1px solid rgba(255, 255, 255, 0.2);}
	.popLevelWrap .levelSec .mngWrap .mngUi ul.thead li a {text-align:left; width:100%;}
	.popLevelWrap .levelSec .mngWrap .mngUi ul.thead li.level {display:none;}
	.popLevelWrap .levelSec .mngWrap .mngUi ul.tbody {border-bottom:1px solid rgba(255, 255, 255, 0.6);}

	.mngWrap .mngUi.point li.level .attend {padding:3px 0;}
	.mngWrap .mngUi.point li.level .caution {padding:3px 0;}
	.mngWrap .mngUi.point li.level .warning {padding:3px 0;}
	.mngWrap .mngUi.point li.level .danger {padding:3px 0;}

	.popCont .popDevice.Ty01 .graphCctv {width:100%;}
	.popCont .popDevice.Ty01 .statSec {width:100%;}

	.pfBlock .pfItem:last-child {justify-content:flex-end;}
	
	.scrollTable.ta table th, .scrollTable.ta table td {padding:5px; font-size:12px; padding: 5px;}
    .scrollTable.c030401 table tr th {font-size: 12px;}
    .scrollTable.c030401 table tr td {font-size: 12px;}
    .contSec .imgSec .img .ss {width: 100%;}
    .contSec .imgSec .img .fw {width: 100%; margin-top: 30px;}
    .bbsTable.wd .depart {width: auto;}
    .bbsTable.wd .tel {width: auto;}
    .bbsTable.wd .hit {width: auto;}
    .schSec.f02 .selectBox .dbTitle {font-size: 14px; width: 40px; flex: 0 0 auto;}
    .scrollTable.f0201 table tr td.pd {padding: 5px;}
    .contSec.f0201 {margin-top: -10px;}
    .contSec.f0201 .btnC {margin-top: 20px;}
    .contSec.f0201 .btnC button {padding: 8px 25px; font-size: 14px;}
    .scrollTable.f0201:after {top: 7px;}
    .error {font-size: 25px; width: 80%; padding: 30px 10px;}
    .error .click {margin-top: 30px;}
    .error .click a {font-size: 16px; padding: 11px 35px}

	/* edit 240221 Daover */
	.section.sec3 .newsBnr .bnrRolling {height:auto; margin-bottom:14px;}
	.section.sec3 .newsBnr .waterGuide {background-position:50% -44px; background-size:100% auto; height:170px;}
	.section.sec3 .newsBnr .waterGuide a {padding:20px 15px;}
	.section.sec3 .newsBnr .waterGuide a .title {font-size:17px;}
	.section.sec3 .newsBnr .waterGuide a .desc {font-size:13px;}

	.deviceBox {width:calc(100% + 20px); margin:20px -10px -10px; padding:16px; gap:10px;}
	.deviceBox .comnConTitle {font-size:14px; margin-bottom:10px;}
	.deviceBox .comnConTitle:before {width:18px; height:18px;}
	.subComnSec .inner .subCont .deviceBox ul.depth02 {padding-left:5px;}
	.subComnSec .inner .subCont .deviceBox .historyBox ul:after {left:8px;}
	.subComnSec .inner .subCont .deviceBox .historyBox ul li {padding-left:107px !important;}
	.subComnSec .inner .subCont .deviceBox .historyBox ul li:after {left:4px;}
	.subComnSec .inner .subCont .deviceBox .historyBox ul li span {left:20px;}
	.paperYrs {flex-wrap:wrap; justify-content:flex-start; gap:2px;}
	.paperYrs a {width:calc(33.33334% - 2px); font-size:12px; padding:6px 0; border-radius:4px;}

	.bookCategory .perCategory {width:100%; padding:20px 25px;}
	.bookCategory .perCategory .expCate .cateInfo {padding:0; gap:0;}
	.bookCategory .perCategory .ico {left:unset; width:120px; height:120px; right:0; top:0;}
	.bookCategory .perCategory .expCate .cateInfo .title {height:40px;}
	.bookCategory .perCategory .expCate .cateInfo ul {margin-top:10px; gap:5px;}
	.bookCategory .perCategory .dataList .yrData {width:100%; padding:15px;}
	.bookCategory .perCategory .dataList .yrData.dis .downHit {right:15px;}
	
	.riverSec {left:unset; right:10px; bottom:35px;}
	.riverSec li:first-child .rsBtn a {border-radius:4px 4px 0 0;}
	.riverSec li:last-child .rsBtn a {border-radius:0 0 4px 4px;}
}

@media only screen and (max-width:480px) {
	.mngPop .hanUxTop .hanUxFunc .pfBlock .pfItem:first-child {width:140px;}
	.mngPop .hanUxTop .hanUxFunc .pfBlock .pfItem:nth-child(2) {width:calc(100% - 194px);}
}