/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* layout */
#boardWrap:last-child{margin-bottom:25px;}

*{padding:0; margin:0;font-family: 'Noto Sans KR';}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display:block}
body{color:#000;background:#fff;/* overflow-x:hidden *//* font-family: 'ccc' ; */letter-spacing: -0.5px;font-family: 'Noto Sans KR';}

fieldset{border:0 none;vertical-align:middle; }
dl,ul,ol,menu,li{list-style:none; list-style-type:none; }
ul:after, ol:after {display:block; height:0; content:""; float:none; clear:both; }
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
address,caption,cite,code,dfn,em,var{font-style:normal;}
a{color: inherit;text-decoration:none;background:transparent;}
a:focus,a:active,a:hover{text-decoration:none}
table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:fixed}
th,td{padding:0; word-break:break-all; }


/*a:focus{border:2px solid #F00;}*/


/*
	*,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*/
legend,.blind {position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:100px;white-space:nowrap}
caption{width:0;height:0;font-size:0;line-height:0}
.clear:after{content:'';display:block;clear:both}
.hide{overflow:hidden;position:absolute;left:-9999px;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;margin:0 !important;padding:0 !important}

/* form */
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder,
textarea::-moz-placeholder,
input::-moz-placeholder,
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {color:#888}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height:auto}


input[type=button],
input[type=submit]{background:none;-webkit-border-radius:0; -webkit-appearance:none;border:none;}
input[type=file]{line-height:1;padding:6px 10px 7px;border:1px solid #e5e5e5;background:#fff;color:#4d4d4d;cursor:pointer;font-size:12px}
input[type=text]:read-only,
input[type=password]:read-only,
input[type=tel]:read-only,
input[type=number]:read-only,
input[type=email]:read-only,
input[type=url]:read-only,
input[type=file]:read-only{border:1px solid #e1e2e2;color:#4d4d4d;text-indent:10px !important}
input[readonly],input[disabled]{border:1px solid #e1e2e2;color:#4d4d4d;text-indent:10px !important}
input[type=checkbox]{/* width:15px;height:15px;border:1px solid #886868; */vertical-align:middle}
input[type=checkbox]:checked{/* background:url('../images/ico_checked.png') no-repeat */}

textarea{width:100%;padding:5px 7px;font-size:13px;border:1px solid #e1e2e2}
button{cursor:pointer;border: 0; background: transparent; font-size:16px}
area:focus { /* outline: 0; */ }


#skip{ position: absolute; margin: 0 auto; width: 100%; list-style: none; font-size: 1.15rem; top: -10.5rem; left: 0; z-index: 999;}
#skip a:focus, #skip a:active { position: absolute; padding-top: 0.5rem; width: 100%; height: 2rem; top: 10.5rem; z-index: 999; text-align: center;color:#fff; background: #333; overflow: visible; clip: unset;}

.wrap {max-width:1260px;margin:0 auto; padding-right:20px; padding-left:20px;}

.headtop {background:#F6F6F6;border-bottom:2px solid #D3D3D3;}
.headtop > div {padding-bottom:5px;}
.headtop > div .headtopgnb {float:left;}
.headtop > div .headtopgnb li {width:82px;border-right:1px solid #E1E1E1;box-sizing:border-box;}
.headtop > div .headtopgnb li:first-child{border-left:1px solid #E1E1E1}
.headtop > div .headtopgnb li span {display:block;height:2px;}
.headtop > div .headtopgnb li:nth-child(1) span {background:#a4bc29}
.headtop > div .headtopgnb li:nth-child(1) a {padding-left:25%;background:var(--data-cmm-city) 5px 3px no-repeat;}
.headtop > div .headtopgnb li:nth-child(2) span {background:#F4C600}
.headtop > div .headtopgnb li:nth-child(2) a {padding-left:10px;background:var(--data-cmm-counsel) 5px 3px no-repeat;}
.headtop > div .headtopgnb li:nth-child(3) span {background:#EA5392}
.headtop > div .headtopgnb li:nth-child(4) span {background:#F08516}
.headtop > div .headtopgnb li:nth-child(5) span {background:#4A6EE4}
.headtop > div .headtopgnb li:nth-child(6) span {background:#B40200}
.headtop > div .headtopgnb li:nth-child(7) span {background:#41AE38}
.headtop > div .headtopgnb li:nth-child(8) span {background:#62126E}
.headtop > div .headtopgnb li:nth-child(9) span {background:#2995C8}
.headtop > div .headtopgnb li a {display:block;text-align:center;font-size:0.8rem;padding-top:2px;}

.headtop > div .headtopright {float:right;padding-top:2px;}
.headtop > div .headtopright li {padding:2px}
.headtop > div:after {display:block;clear:both;content:'';}

.headtop > div > div li {float:left;}
.headtop > div > div:after {display:block;clear:both;content:'';}

header > div {padding:20px 0 20px;}
header > div:after {display:block;clear:both;content:'';}
header > div .logo {float:left;width:385px;position:relative;margin-top: -5px;}
header > div .logo a{display:flex;flex-wrap:wrap;align-items:center;width: max-content;height: 100%;margin: auto;}
header > div .logo .btn_menu {display:none;position:absolute;}

header .logo span:nth-child(2) {color:#338BB8;position:relative; margin:.45em 0 0 .2em}

header > div .menu {float:right;width: calc(100% - 390px);}
header > div .menu:after {display:block;clear:both;content:'';}
header > div .menu > ul {float:left;width:16.2%;text-align:center;padding:20px 0 20px;font-weight:bold;font-size:1.2rem;}

header > div .menu .depth2 a[target='_blank']:after {background: var(--data-cmm-new-win) no-repeat right 0;; width:13px; height:13px;     display: inline-block;    content: ''; padding-left: 8px; content:''}


.depth1 {position:relative;}
.depth2 {position:absolute;font-size:1rem;width:100%;padding-top:50px;z-index:2;display:none;}
.depth2 a {font-weight:300;}
.depth2:last-child {width:140px;}
.menu-cover.on {height: 176px;background:rgba(255,255,255,1);position:absolute;width:100%;z-index:1;top: 151px;left: 0; border-bottom:1px solid #ddd;}

.top-data {background:#1274BD;}
.top-data .line {width:1px;height:2rem;background:white;position:absolute;top:40%;display:block;}
.top-data .line {right:0;}

.top-data section {color:white;}
.top-data section:after {display:block;clear:both;content:'';}
.top-data section > div > div {float:left;padding:20px 0 20px;text-align:center;font-weight:100;}

.top-data section .time {width:30%;position:relative;}
.top-data section .time div:first-child {font-size:1.4rem;}
.top-data section .time div:nth-child(2) {font-size:2rem;}

.top-data section .weather {width:30%;position:relative;}
.top-data section .weather div:first-child {font-size:2rem;}
.top-data section .weather div:last-child {font-size:1.2rem;}

.top-data section .air {width:39%;}
.top-data section .air > div {padding-left:10px;padding-top:10px;}
.top-data section .air > div > div {float:left;width:33%;}
.top-data section .air > div > div span:nth-child(2) {display:inline-block;background:white;border-radius:50%;font-size: 0.7rem;width: 30px;height: 30px;color:#1274BD;padding-top: 6px;font-weight: bold;margin: 5px;box-sizing: border-box;}
.top-data section .air > div > div span:last-child {display:block;font-size:1.1rem;}
.top-data section .air > div > div:last-child span:last-child {line-height: 1;}

.second-data {background:var(--data-main-main-bg1);height:562px;}
.second-data section > ul {margin:0 auto;padding:100px 0;color:#252525}
.second-data section > ul > li {float:left;width:calc(33.33% - 20px);padding:15px;box-sizing:border-box;background-position-y:center;background-repeat:no-repeat;padding-left:125px;margin:20px 10px;}
.second-data section > ul > li ul {padding:10px;box-sizing:border-box;margin:0 auto;}
.second-data section > ul > li:nth-child(1) {background-image:var(--data-main-main-icon4);background-color:#ffffff;}
.second-data section > ul > li:nth-child(2) {background-image:var(--data-main-main-icon5);background-color:#A4E7F0;}
.second-data section > ul > li:nth-child(3) {background-image:var(--data-main-main-icon6);background-color:#ffffff;}
.second-data section > ul > li:nth-child(4) {background-image:var(--data-main-main-icon3);background-color:#E1B4DD;}
.second-data section > ul > li:nth-child(5) {background-image:var(--data-main-main-icon2);background-color:#ffffff;}
.second-data section > ul > li:nth-child(6) {background-image:var(--data-main-main-icon1);background-color:#C2C6F6;}

.second-data section > ul > li > ul li:nth-child(1) {font-size:1.2rem;font-weight:bold;}
.second-data section > ul > li > ul li:nth-child(2) {font-size:0.9rem;}
.second-data section > ul > li > ul li:nth-child(3) {font-size:2.0rem;font-weight:bold;}
.second-data section > ul > li > ul li:nth-child(4) {}

.last-data {background:var(--data-main-main-bg4);padding:20px 0;}
.last-data ul:after {display:block;clear:both;content:'';}
.last-data li {width:calc(50% - 20px);float:left;margin:0 5px;}
.last-data a {display:block;background:var(--data-cmm-menu-tit) 0 90% no-repeat;padding-left:10px;padding-top:10px;margin-bottom:10px;color:white;}

/* footer */
.footer {padding-bottom: 48px; border-top: 1px solid #dedede; background: #3a3e4d; clear: both;}
.footer .f_banner {background: #fff; border-bottom: 1px solid #dedede;padding:10px 0;}
.footer .f_banner .wrap {position: relative; max-width:1240px; margin:0 auto; overflow: hidden; padding:0 20px; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center;}
.footer .f_banner h2 {font-size: 16px; font-weight: 400; color: #333;}
.footer .f_banner div div {position: relative; width:calc(100% - 170px); overflow:hidden;}
.footer .f_banner ul {font-size: 0;}
.footer .f_banner ul li {display: inline-block; }
.footer .f_banner ul li a {display: inline-block; margin: 0 10px; font-size: 16px; color: #555;}
.footer .f_banner ul li a img {border: 1px solid #dedede;}
.footer .f_banner .btn {display:flex; flex-wrap:wrap; align-items:center;}
.footer .f_banner .btn a {display: inline-block; width: 20px; height: 0; padding-top: 20px; margin: 0 4px; overflow: hidden; background: var(--data-cmm-iksan-icons) no-repeat;}
.footer .f_banner .btn a.prev {background-position: center -860px;}
.footer .f_banner .btn a.stop {background-position: center -880px;}
.footer .f_banner .btn a.play {background-position: center -900px;}
.footer .f_banner .btn a.next {background-position: center -920px;}
#fbanner_list img {width:121px;height:40px;}
#fbanner_list .caroufredsel_wrapper{width:100% !important;}

.footer .wrap {position: relative;}
.footer .sitelink>ul{position: relative; padding-top: 20px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:0 20px;}
.footer .sitelink>ul>li{width:calc((100% - 60px) / 4);}
.footer .sitelink>ul>li:last-child {margin-right: 0;}
.footer .sitelink>ul>li>a {display: block;padding: 15px 15px;color: #e4e4e4;background: var(--data-cmm-iksan-icons) no-repeat calc(100% + 30px) -938px #2b2d34;font-size: 16px;}
.footer .sitelink>ul>li>a:hover, .footer .sitelink>ul>li>a:focus {color: #fff; font-weight: 700;}
.footer .sitelink>ul>li div {display: none; position: absolute; left: 0; bottom: 0; width: 100%; padding: 12px; background: #fff; border: 2px solid #2b2d34; box-sizing: border-box;}
.footer .sitelink>ul>li.on div {display: block;}
.footer .sitelink>ul>li div li {display: inline-block; min-width: 86px; margin: 6px 0;}
.footer .sitelink>ul>li.li01 div li, .footer .sitelink>ul>li.li02 div li, .footer .sitelink>ul>li.li03 div li, .footer .sitelink>ul>li.li04 div li {width: 231px;}
.footer .sitelink>ul>li div li:before {display: inline-block; width: 3px; height: 3px; margin: 8px 6px 0 0; content: ""; background: #757882;}
.footer .sitelink>ul>li div li a {font-size: 16px; color: #555;}
.footer .sitelink>ul>li div li a:hover, .footer .sitelink>ul>li div li a:focus {text-decoration: underline; color: #000;}
.footer .sitelink>ul>li div p {position: absolute; top: -40px; right: -2px;}
.footer .sitelink>ul>li div p a {display: block; width: 40px; height: 0; padding: 40px 0 0 0; background: var(--data-cmm-iksan-icons) no-repeat center -1290px #2b2d34; overflow: hidden;}
.footer .sitelink>ul>li div p a:focus{outline:solid 2px red}
.footer .f_con {margin-top: 35px;}
.footer .f_con .f_link {margin-bottom: 20px;}
.footer .f_con .f_link li {display: inline-block;}
.footer .f_con .f_link li:before {display: inline-block; width: 1px; height: 10px; background: #7f818b; content: ""; margin: 4px 16px 0 12px;}
.footer .f_con .f_link li:first-child:before {display: none;}
.footer .f_con .f_link li a {color: #e4e4e4; font-size: 15px;}
.footer .f_con .f_link li a:hover, .footer .f_con .f_link li a:focus {text-decoration: underline;}
.footer .f_con .f_link li a strong {color: #ff9a23; font-weight: 700;}
.footer .f_con .copy {color: #d4d4d4; font-size: 14px;}
.footer .f_con .copy li {display: inline-block; margin: 0 20px 5px 0;}
.footer .wa_mark {position: absolute; right: 70px; bottom: 10px;}
.footer .top {position: absolute; right: 20px; bottom: 18px;}
.footer .top a {display: block; width: 50px; height: 25px; padding-top: 35px; background: var(--data-cmm-iksan-icons) no-repeat center -980px #2b2d34; text-align: center; color: #e4e4e4;}

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

.sub .wrap {max-width:1260px;margin:0 auto;}
.sub  .mtitle:not(td>strong) {font-size:1.5rem;background:var(--data-cmm-menu-tit) 0 90% no-repeat;padding-left:10px;padding-top:1.5em; font-weight:bold}
.sub .mdesc {color:#878787; border:1px solid #ddd; padding:1em; margin-top:1em}
.sub .contentWrap {padding-top:30px;}



select {padding:0 12px; width: 100%;  color:#565656;      border: none;    box-shadow: none;    background: transparent;    background-image: none;    -webkit-appearance: none;    cursor: pointer;    -moz-appearance: none;    text-indent:3px;    text-overflow: ellipsis;   font-size: 14px; height: 40px; letter-spacing:-1px; background:var(--data-cmm-search-m-arr)  85% center no-repeat #fff; box-sizing:border-box;  border:1px solid #8F87B9; line-height: 40px;}
input[type=text], input[type=number]{box-sizing:border-box;  border:1px solid #8F87B9; font-size: 14px; letter-spacing:-1px;   height: 40px; line-height:40px;padding:0 15px; width:100%;}

input[type=text].date {width:120px;}

.usm-brd-search {width:60%;padding-bottom:10px;}
.usm-brd-search select {width:20%;}
.usm-brd-search input[type=text] {width:40%;}
.downico{ border:1px solid rgba(212,212,212,1) ; width:23px; height:25px; box-sizing:border-box; display:inline-block; position: relative;  top: 3px; }

.usm-btn input, .usm-btn a, .usm-btn button {display:inline-block;color:#fff; width:70px; height:40px; line-height:40px; text-align:center; color:rgba(255,255,255,1); background:#695BCA; font-size:16px; margin-right:5px; cursor: pointer; }
.usm-btn.usm-la input, .usm-btn.usm-la a, .usm-btn.usm-la button {border-radius:30px;width:100px;margin:2px 0;}


.usm-btn.red{border:1px solid #d50039; color:#d50039;}
.usm-btn.red:hover{background:#d50039; transition: all 0.2s ease-in; color:rgba(255,255,255,1)}
.usm-btn-wrap {float:right;padding:20px 0;}
.usm-btn-wrap:after {content:'';display:block;clear:both}

.p-board.c-list .usm-btn-wrap {margin-top: -66px;margin-right: 10px;}

.usm-brd-lst{ margin-bottom: 25px; width: 100%; text-align: center; border-top: 3px solid #67585b; border-bottom: 1px solid #67585b; border-collapse: collapse; border-spacing: 0; }
.usm-brd-lst th{padding:12px 0;border-right:1px solid #dddddd; font-size:15px;border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; background:#f7f7f7; vertical-align: middle; color:#000000}
.usm-brd-lst th:last-child{ border-right: 0; }
.usm-brd-lst td{padding:12px 5px; font-size:14px;letter-spacing:-0.5px;color:#6c6e6f;border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd;}
.usm-brd-lst td:last-child{border-right: 0; }
.usm-brd-lst td[data-col="col25"]{text-align:left;}

.usm-tot-wrap{ padding: 8px 10px; background: #f7f7f7; border: 1px solid #e8e8e8; }
.usm-tot-tit{ font-size: 16px; color: #333333; font-weight: 500; }
.usm-tot{ display: inline-block; margin-left: 10px; padding: 0 20px; line-height: 30px; background: #ffffff; border: 1px solid #e8e8e8; border-radius: 3px; }

.usm-paging-wrap ul {  overflow: hidden;    width: 100%;   text-align:center;  padding:0; margin-top:50px; margin-bottom:20px }
.usm-paging-wrap ul li { float:none;    text-align: center;    line-height:normal;     font-size: 16px;    color: #9a9899;    width: 38px; height: 40px;      cursor: pointer;    display:inline-block; margin:0 auto; line-height:37px; vertical-align:middle; border:1px solid #d5d5d5; margin-bottom:5px; margin-left:-1px}
.usm-paging-wrap ul li a{display:block;color:black;}
.usm-paging-wrap ul li.on, .listbox-page  ul li:hover, .listbox-page ul li.on a, .listbox-page  ul li:hover a{ color:#fff; border:1px solid #695BCA; background:#695BCA}

.usm-paging-wrap ul li.prev{background:var(--skin-b-prev) no-repeat center center; border:1px solid #d7d7d7; }
.usm-paging-wrap ul li.prev:hover{ border: 1px solid #a1b1c3; }
.usm-paging-wrap ul li.prev a{ display: block; height: 40px; line-height: 40px; width: 38px; font-size: 0; }

.usm-paging-wrap ul li.s-prev{background:var(--skin-s-prev) no-repeat center center; border:1px solid #d7d7d7; }
.usm-paging-wrap ul li.s-prev:hover{ border: 1px solid #a1b1c3; }
.usm-paging-wrap ul li.s-prev a{ display: block; height: 40px; line-height: 40px; width: 38px; font-size: 0; }

.usm-paging-wrap ul li.next{background:var(--skin-b-next) no-repeat center center; border:1px solid #d7d7d7; }
.usm-paging-wrap ul li.next:hover{ border: 1px solid #a1b1c3; }
.usm-paging-wrap ul li.next a{ display: block; height: 40px; line-height: 40px; width: 38px; font-size: 0; }

.usm-paging-wrap ul li.s-next{ background: #ffffff var(--skin-s-next) no-repeat center center; border:1px solid #d7d7d7; }
.usm-paging-wrap ul li.s-next:hover{ border: 1px solid #a1b1c3; }
.usm-paging-wrap ul li.s-next a{ display: block; height: 40px; line-height: 40px; width: 38px; font-size: 0;}

.usm-brd-wrt {border-top:2px solid #ccc; /*border-right:1px solid #e0e0e0;*/ }
.usm-brd-wrt th, .usm-brd-vew th{ font-size: 16px; width:20%; height:40px; text-align:center; background:#f5f5f5; font-weight:600; border:1px solid #e0e0e0; margin-right:1%;box-sizing:border-box;border-left: none; color:#282828}
.usm-brd-wrt td{width:80%; padding: 5px 10px; box-sizing: border-box; border-bottom:1px solid #e0e0e0; border-right: none; }
.usm-brd-wrt .tch-td input[type='text']{ margin: 10px 0; width: 100%; height: 38px; line-height: 38px; }
.usm-brd-wrt .tch-td select{ padding-right: 30px; width: auto; min-width: 86px; cursor: pointer; background: url(/resource/statics/images/skin/search-m-arr.png) no-repeat no-repeat 90% center; }
.usm-brd-wrt .tch-td #userNick{ width: 175px !important; }
.usm-brd-wrt .tch-td .mini{ width: 86px !important; }

.usm-brd-vew {border:1px solid #e0e0e0; border-top:2px solid #ccc; padding-bottom:30px;}
.usm-brd-vew td {text-align:center;border:1px solid #e0e0e0}
.usm-brd-vew  .tch-ctnt {text-align:initial;min-height:100px;padding:10px;}
.usm-brd-vew td.tch-fil {text-align:left;}
.usm-btn.usm-sm3 a {border-radius:10px;height:20px;line-height:20px;font-size:12px;}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top:10px;}


.tabgraphlist {margin-bottom:10px;}
.tabgraphlist a {font-size:1rem;}
.tabgraphlist ul {background:#EAE7FA;padding:10px;}
.tabgraphlist li {float:left;font-size:18px;text-align: center;padding: 2px 10px;color:#727171;}
.tabgraphlist li:after {content:'|';color:#727171;font-size:8px;padding-bottom:5px;display:inline-block;position: relative;top: -3px;padding-left: 10px;}
.tabgraphlist li:last-child:after {content:'';}
.tabgraphlist li.sel {color:#00889a;}
.tabgraphlist li.sel a {border-bottom:2px solid #00889a;}

#sub-graph-list:after {content: '';display: block;float: none;clear: both;}
#sub-graph-list > div {float:left;width:50%;box-sizing:border-box;padding:5px;background:#f2f2f2;}
#sub-graph-list > div > div {padding-top:10px;}
#sub-graph-list > div > div > h3 {background:url('/resource/statics/images/bigdata/sub_icon1.png') no-repeat; 10px;padding-left:30px;color:#4A4A4A;}

.graph-search .searchbox .select_box_t {width:150px;}
.graph-search .searchbox .sebtn input {border:none;}
.graph-search .bbsearch {border:none;background:none;padding:0;margin:0;}
.graph-search .bbsearch .bbsdate {width:auto;}
.graph-search .bbsearch .bbsdate span {width:120px;}
.graph-search .bbsearch .bbsdate span.hypen {width:auto;}
.graph-search li {float:left;font-size:0.9em;}


.graph-search {margin: 0 auto;border-top:2px solid #262323;}
.graph-search .css-tbl {display:table}
.graph-search .css-tbl-row {display:table-row;border:1px solid green;}
.graph-search .css-tbl-cell {display:table-cell;vertical-align:middle;}

.graph-search .css-tbl {border:1px solid #E6E6E6;margin:10px auto;background: #FAFAFA;}
.graph-search .css-tbl > .css-tbl-row > .css-tbl-cell:first-child {width:8%;}
.graph-search .css-tbl > .css-tbl-row > .css-tbl-cell:last-child {width:91%;}
.graph-search .css-tbl > .css-tbl-row > .css-tbl-cell:first-child > div {/* border-bottom:1px solid #E6E6E6; */margin:0 5px;padding:15px 0;padding-left:10px;}
.graph-search .css-tbl > .css-tbl-row > .css-tbl-cell:last-child > div{/* border-bottom:1px solid #E6E6E6; */margin:0 5px;padding:10px 0;}

.graph-search .css-tbl > .css-tbl-row:nth-child(2) {background:#fff;}
.graph-search .css-tbl > .css-tbl-row:nth-child(2) > .css-tbl-cell:first-child > div {padding-top:23px;padding-bottom:23px;}
.graph-search .css-tbl > .css-tbl-row:nth-child(2) > .css-tbl-cell:last-child > div {padding-top:20px;padding-bottom:20px;}
.graph-search .css-tbl > .css-tbl-row:nth-child(1) > .css-tbl-cell:first-child > div {padding-top:20px;padding-bottom:85px;}
.graph-search .css-tbl > .css-tbl-row:nth-child(1) li {width:calc(100% / 6);}
.graph-search .css-tbl > .css-tbl-row:nth-child(1) .searchbox {float:right;margin-top:-40px;margin-right:10px;}
.graph-search .css-tbl > .css-tbl-row:nth-child(1) .searchbox .sebtn button {padding:5px 10px;background:white;border:1px solid #419DD9;color:#4E79D7;font-size:0.8em;width:auto;}
.graph-search .css-tbl > .css-tbl-row:nth-child(1) .searchbox .sebtn button:after {content: '-';color:#66BAF2;width:15px;text-align:right;display:inline-block;}
.graph-search .css-tbl > .css-tbl-row:nth-child(1) .searchbox .sebtn button.close:after {content: '+';color:#66BAF2;width:15px;text-align:right;display:inline-block;}

.graph-search .css-tbl > .css-tbl-row:nth-child(3) > .css-tbl-cell:last-child > div {padding-top:16px;padding-bottom:16px;}
.graph-search .css-tbl > .css-tbl-row:nth-child(4) > .css-tbl-cell:last-child > div {padding-top:16px;padding-bottom:16px;}
.graph-search .css-tbl > .css-tbl-row:last-child > .css-tbl-cell > div{border-bottom:none;}

.graph-search .group-check input[type="checkbox"] { display:none;}
.graph-search .group-check input[type="checkbox"] + label{padding-right:10px; cursor:pointer}
.graph-search .group-check input[type="checkbox"] + label span {    display:inline-block;    width:17px;    height:17px;    margin:0 6px 0 0;    vertical-align:middle;     background:var(--data-cmm-view-check-off) no-repeat; background-size:17px;    cursor:pointer;}
.graph-search .group-check input[type="checkbox"]:checked + label span {    background:var(--data-cmm-view-check-on) no-repeat; background-size:17px}




#sub-graph-list > div.graph-search-btns {width:80%;margin:0 auto;text-align:center;padding-top:20px;}
.graph-search-btns:after {display:block;content:'';clear:both;}
.graph-search-btns > a {border:1px solid #CBDAEF;margin:0;padding: 5px 0;display: block;float: left;width: 20%;box-sizing: border-box;border-left:none;}
.graph-search-btns > a:first-child {border-left:1px solid #CBDAEF;}
.graph-search-btns > a.sel { display:inline-block;border:1px solid #D9DFCE;color:white;background:var(--data-cmm-btn-icon1)  no-repeat 90% #1A6CBE;}


.graph-search-datas {background:#fff;}
.graph-search-datas>div {overflow-x:auto; padding-top:15px !important; padding-bottom:15px !important; margin:20px 0;}
.graph-search-datas>div>div {min-width:1100px;}
.graph-search-datas table td {text-align:center;}
.graph-search-datas > div > div:first-child > div {float:left;}
.graph-search-datas > div > div:first-child > div:last-child {float:right;font-size:0.8em;}
.graph-search-datas > div > div:first-child > div:last-child > div {float:left;}
.graph-search-datas .roundBox {border:1px solid #525A6B;background:#525A6B;margin:0 10px;border-radius:10px;padding:3px 10px 5px; color:white; display:inline-block;}
.graph-search-datas > div > div:after  {display:block;content:'';clear:both;}
.graph-search-datas table th,#sub-graph-detail > div:nth-child(3) table td {border:1px solid #2A3447;padding:5px;}

#sub-graph-list > div:first-child > div:first-child {padding-top: 20px;}
#sub-graph-list > div.graph-btns {background:none;text-align:center;float:none;width:100%;clear:both;}
a.data-btn {border:1px solid #7670CA;background:#7670CA;display:inline-block;color:white;font-size:16px;padding:5px 50px;border-radius:10px;}


.pagination-container {text-align:center;}
.page-control { text-align: center;}
.pagination { display: inline-block; overflow: hidden; margin: 10px 0 30px;}
.pagination:after { display:block; content:""; clear:both; }
.pagination li {text-align: center; float:none; display:inline-block }
.pagination li a { display: block; width: 40px; height: 40px; margin-left: 10px; /*padding: 13px;*/ line-height:37px;  box-sizing: border-box; border: 1px solid #d5d5d5; text-align:cente; color: #9a9899;r}
.pagination li.active a { background: none; border-color: #695BCA;color:#fff;text-align:center; background: #695BCA;} /*0827*/
.pagination li.active a:hover, .pagination li.active a:active, .pagination li.active a:focus { background: none; border-color: #333;color:#333;}
.pagination li a:hover, .pagination li a:active, .pagination li a:focus { background: none;}
.pagination li[class^="btn-"] a { margin-left: -1px; background: url(/resource/statics/images/main/btn_pagination.png) no-repeat; background-size: 120px 30px; border: 1px solid #ccc; border-radius: 0;}
.pagination li.btn-first a { margin-left: 0; background-position: 4px;}
.pagination li.btn-prev a { margin-right: 10px; background-position: -26px 4px;}
.pagination li.btn-next a { margin-left: 10px; background-position: -54px 4px;}
.pagination li.btn-last a { background-position: -85px 4px;}


#_Map .wrap {width:auto;}
div.info {font-size:0.9rem;background:#BFBFBF;padding:3px;border:1px solid #284D8C;width:310px;}
div.info .title {text-align:center;background:#4472C4;color:white;border:1px solid #284D8C;margin-bottom:1px;}
div.info .body {border:1px solid #284D8C;padding:3px;background:#8FAADC;color:white;}


#tableGoesHere table th,#tableGoesHere table td{overflow-wrap: break-word;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;max-width: 140px;text-overflow: ellipsis;}
#table-footer{padding-top:50px; padding-bottom:30px}
#table-footer .pull-right{text-align:center;}

.popup{border:1px solid rgba(51,51,51,1); padding:15px; background:rgba(255,255,255,0.4); box-sizing: border-box; overflow: hidden;  height: auto !important;}
.popBtn{background:#222222; padding:10px 15px; box-sizing:border-box;    bottom: 10px;line-height:normal;}
.popBtn button{color:rgba(255,255,255,1); font-size: 15px;}
.popBtn .popupClose{float:right;}
@media (max-width: 1500px) {
  .second-data section > ul > li > ul li:nth-child(3) {font-size:1.5rem;}
}
@media (max-width: 1024px) {
	.headtop > div .headtopgnb {width:100%;}
	.headtop > div .headtopgnb li {width:12.5%;}
	.headtop > div .headtopright {display:none;}
	header > div .logo {width: 100%;text-align: center;margin-top: -10px;}
	header > div .menu {display:none;}
	header > div .logo .btn_menu {display:block;top: 0;left: 0;background:var(--data-cmm-menu-icon) no-repeat;width:25px;height:22px;bottom: 0;margin: auto;}


	header > div .logo img {width:120px;}
	header .logo span:nth-child(2) {font-size:1.7rem;}
	header > div {padding: 10px 0 10px;}
	header > div .menu > ul {width:100%;}
	.top-data .bx-wrapper {margin-bottom:0;}
	#menu .depth2 {position:static;display:none;}
	#menu.act {display:block;}
	#menu .mnu-top {font-size:1.1rem;width:100%;margin:0;box-sizing:border-box;padding:15px;padding-left:5%;background:var(--data-cmm-mo-x-icon) no-repeat 95% center #228AC9;cursor:pointer}
	#menu {display:none;float:none;position:absolute;background:#81C4CE;width:90%;z-index:1;left:10px;top:100px;color:white;}
	#menu .depth1 {float:none;width:100%;text-align:left;background:#00C2C4;box-sizing:border-box;margin:1px 0;padding:0;}
	#menu .depth1 a {display:block;padding-left:5%;padding-top:15px;padding-bottom:15px;font-size:1.1rem;border-bottom:1px solid white;}
	#menu .depth1 a.has {background:var(--data-cmm-mo-plus-icon) no-repeat 95% center;}
	#menu .depth1 .sel-menu a.has {background:var(--data-cmm-mo-minus-icon) no-repeat 95% center;}
	#menu .depth1 .sel-menu {background:#025BAB;}

	#menu .depth1 .sel-menu ul {display:block;}
	#menu .depth1 .depth2 {background:#929292;box-sizing:border-box;margin:1px 0;padding:0;width:100%;}
	#menu .depth1 .sub_pcmenu {position:static;}

	.depth2 {padding:0;background:#00C2C4}

	.second-data {height:auto;}
	.second-data section > ul {padding:20px 0;}
	.second-data section > ul > li {width:calc(50% - 20px);}

	.last-data li {width:100%;margin:0;box-sizing:border-box;}

	.top-data section .air > div {width:90%;margin:0 auto;}
	.top-data .bx-wrapper .bx-controls {float:none;padding-top:50px;}
	.top-data .bx-wrapper .bx-controls-direction {position:relative;height:51px;}
	.top-data .bx-wrapper .bx-controls-direction a {font-size:0;height:100%;width:22px;/* top:60px; */}
	.top-data .bx-wrapper .bx-prev {float:none;background:var(--data-main-wea-left) no-repeat; position: absolute; left:1%; cursor:pointer; top:0;}
	.top-data .bx-wrapper .bx-next{float:none;background:var(--data-main-wea-right) no-repeat;right:1%; position: absolute; cursor:pointer; top:0;left:auto;}
	.top-data .line {display:none;}

	.footer .sitelink>ul{gap:5px 20px}
	.footer .sitelink>ul>li {width: calc((100% - 20px) / 2);}
	.footer .sitelink>ul>li div ul {height:200px;overflow-y:scroll;}
	
	.sub .wrap {width:100%;}

	.p-board.c-list .adm {display:none;}

	.usm-brd-search {width:100%;}
	.usm-brd-search select {width:25%;}
	.usm-brd-search input[type=text] {width:55%;}

	.usm-brd-lst th:nth-child(5) {display:none;}
	.usm-brd-lst td:nth-child(5) {display:none;}
	.usm-brd-lst th:nth-child(6) {display:none;}
	.usm-brd-lst td:nth-child(6) {display:none;}
	.usm-brd-lst th:nth-child(7) {display:none;}
	.usm-brd-lst td:nth-child(7) {display:none;}
}

@media (max-width: 810px) {
	.second-data section > ul > li {width:100%;margin:0;}
  
	.graph-search .css-tbl > .css-tbl-row > .css-tbl-cell:first-child {width:100%;display: block;}
	.graph-search .css-tbl > .css-tbl-row:nth-child(1) > .css-tbl-cell:first-child > div,
	.graph-search .css-tbl > .css-tbl-row:nth-child(2) > .css-tbl-cell:first-child > div{padding: 10px 0;border-bottom: 1px solid #ddd;margin: 0 10px;}
	.graph-search .css-tbl > .css-tbl-row > .css-tbl-cell:last-child {width:100%;display: block;}
	.graph-search .css-tbl > .css-tbl-row > .css-tbl-cell:last-child > div{margin:0 10px}
}
@media (max-width: 640px) {
	header .logo span:nth-child(2) {font-size:1.7rem;}
	
	.headtop > div .headtopgnb li {width:25%;}

	.footer .f_con {margin-top: 20px;}


	.footer .sitelink>ul>li {width: 100%;}
  
    .graph-search .css-tbl > .css-tbl-row:nth-child(1) li {width:calc(100% / 4);}
    
    .graph-total.graph-search-datas{float:inherit !important; margin:0 !important}
    .graph-search-btns{margin:10px 0 !important;}
    .graph-search-datas .roundBox{display:inline-block; margin: 10px 0 0;text-align: center;}
  
    .pagination li a{margin:0 0 5px 10px}
  	
    div:has( > .usm-brd-lst){width:100%; overflow-x:auto; margin-bottom:25px}
    .usm-brd-lst{margin-bottom:0; width:768px;}
  
  	.graph-search .css-tbl-cell>select,
    .graph-search .css-tbl-cell .select_box>select{width:30% !important;}
	.graph-search .css-tbl-cell>input,
    .graph-search .css-tbl-cell .select_box>input{width:40% !important;}
	.graph-search .css-tbl-cell>span>input,
    .graph-search .css-tbl-cell .select_box>span>input{width: 26% !important;margin: 0;}
}
@media (max-width: 460px) {
	header > div .logo a{width:100%; justify-content:right;}
	header .logo span:first-child{width:90px;}
	header .logo span:nth-child(2) {font-size:1.4rem;}
  
   .graph-search .css-tbl > .css-tbl-row:nth-child(1) li {width:calc(100% / 3);}
}