@media screen and (max-width:1500px){
  .visual{width:calc(100% - 380px); padding: 0 20px; box-sizing: border-box;}
  .bnr-itmes{width: 360px; margin-top: -449px;}
  .item{width: 360px;}
  .main-basic{width:calc(100% - 380px);}
  .list-conts ul li::before {top: 8px;}
  .basic-inner{width:49.42%; padding: 30px 30px 20px 30px}
  .item-txt h3{font-size: 20px; font-weight: 400;}
  .item-txt p {font-size: 18px;}
  .item:nth-child(1){background: #2A9F81 url(../images/main/main-right-bnr-01.png) no-repeat right 50%/50%;}
  .item:nth-child(2){background: #28958E url(../images/main/main-right-bnr-02.png) no-repeat 85% 50%/35%;}
  .item:nth-child(3){background: #1C82A1 url(../images/main/main-right-bnr-03.png) no-repeat 90% top/45%;}
  .item:nth-child(4){background: #0E74AA url(../images/main/main-right-bnr-04s.png) no-repeat right bottom/45%;}
  .item:nth-child(5){background: #00639C url(../images/main/main-right-bnr-05.png) no-repeat right 50%/45%;}
  .tit h3 {font-size: 18px; padding-bottom: 16px;}
  .list-conts ul {font-size: 16px; line-height: 30px;}
  .visual {height: 450px;}
  .cont-box h2 {font-size: 25px;}
  .cont-box p {font-size: 18px;}
  .status_area {width: 300px;}
  .tab_title li {font-size: 18px;}
  .tab_title{ margin: 0 auto; overflow: hidden; width: 300px;}
  .graph-conts{margin: 0 auto; width: 80%;}
  .list-conts ul li span{color: #777777; font-size:15px; font-weight: 400px; }
  .news2 .news_list_area li a .title {margin: 0 0px 0 0px; font-size: 16px;}
  .news2 .news_list_area li a .text {font-size: 16px;}
  .main-contents .main-inner .main-basic .basic-inner.pid_sty2{padding: 32px 35px 20px;}
}

@media screen and (max-width:1280px){
  .partner-inner img{width: 80%;}
  .partner-inner div:nth-child(2){padding: 0 10px;}
  .main-inner{flex-direction: column;}
  .visual {width: 100%;}
  .main-basic {width: 100%;}
  .bnr-itmes {margin-top: 0; width: 100%; margin-left: 0px; display: flex; flex-wrap: wrap; justify-content: space-between;}
  .item{ width: 49.4%;padding: 5% 30px; margin-bottom: 15px;}
  .item:nth-child(5){ width: 100%;padding: 5% 30px; margin-bottom: 2%;}
  .partner-inner img {width: 60%;}
  .partner-inner div {  display: flex; justify-content: center;}
  .partner-inner div:nth-child(2){padding: 0px;}
  .policy-inner a {font-size: 16px;}
  .copy-logo img{width: 250px;}
  .copyright {padding: 30px 40px 50px 40px;}
  .copyright p, .copyright span {font-size: 15px;}
}

@media screen and (max-width:870px){
  .cont-box h2 {font-size: 22px;}
  .status_area {width: 250px;}
  .status_area table th {font-size: 18px;}
  .status_area {padding: 32px 30px 0 30px; height: 210px;}
  .status_area table td { font-size: 20px;}
  .copyright {flex-direction: column; padding: 30px 20px 50px 20px;}
  .copy-logo img {width: 170px;}
  .copyright p, .copyright span {font-size: 14px; margin-left: 0px; margin-top: 10px;}
  .partner-inner {height: 60px;}
  .partner-inner img {width: 80%;}
}

@media screen and (max-width:768px){
	.news2 .news_list_area li a {display: block;}
  .main-contents {padding: 20px 20px 30px 20px;}
  .visual {flex-direction: column; height: auto; padding: 45px 25px 0 25px; box-sizing: border-box;}
  .cont-box h2 {font-size: 25px;}
  .tab-graph {width: 100%;}
  .graph-conts {width: 100%;}
  .bar span{width: 35px;}
  .cont-box {width: 100%;}
  .visual .cont-box:nth-child(2){margin-top: 35px;}
  .status_area {width: 100%;}
  .main-basic {flex-direction: column;}
  .basic-inner {width: 100%;}
  .item-txt h3 {font-size: 17px; padding-bottom: 16px;}
  .item-txt p {font-size: 15px;}
  .item, .item:nth-child(5) {padding: 5% 20px;}
  .copyright {padding: 30px 20px 50px 20px;}
  .basic-inner {padding: 30px 20px 20px 20px;;}
  .list-conts ul {font-size: 15px; line-height: 2em;}
  .basic-inner.gallery {padding: 24px 20px;}
  .item:nth-child(1){background: #2A9F81 url(../images/main/main-right-bnr-01.png) no-repeat right 80%/40%;}
  .item:nth-child(2){background: #28958E url(../images/main/main-right-bnr-02.png) no-repeat 95% 70%/30%;}
  .item:nth-child(3){background: #1C82A1 url(../images/main/main-right-bnr-03.png) no-repeat 95% top/40%;}
  .item:nth-child(4){background: #0E74AA url(../images/main/main-right-bnr-04s.png) no-repeat right bottom/45%;}
  .item:nth-child(5){background: #00639C url(../images/main/main-right-bnr-05.png) no-repeat right 50%/45%;}
  .main-contents .main-inner .main-basic .basic-inner.pid_sty2 {padding: 25px 20px 20px;}
  .news2 .news_list_area li a .title {font-size: 15px;
    display: block;
    padding: 0 !important;
    width: 100%;
    max-width: 99%;
    word-break: keep-all;}
  .news2 .news_list_area li a .text {font-size: 15px;position:static;}
  .item { margin-bottom: 10px;}
}

@media screen and (max-width:420px){
	.policy-inner a {font-size:15px;}
  .main-contents {padding: 10px 10px 20px 10px;}
  .bnr-itmes {flex-direction: column;}
  .item {width: 100%; margin-bottom: 3%; }
  .item, .item:nth-child(5) {padding: 7% 20px;}
  .item-txt h3 {font-size: 17px; padding-bottom: 10px;}
  .item:nth-child(5) {margin-bottom: 3%;}
  .policy-inner a {font-size: 13px;}
  .main-basic .basic-inner:nth-child(3) .list-conts,
  .main-basic .basic-inner:nth-child(5) .list-conts  {flex-wrap: wrap; width: 100%; justify-content: center;}
  .main-basic .basic-inner:nth-child(3) .list-conts a,
  .main-basic .basic-inner:nth-child(5) .list-conts a{ width: 45%; margin-bottom: 8px;}
  .list-conts a img {width: 100%; height: 100%;}
  .cont-box h2 {font-size: 18px;}
  .cont-box p {font-size: 15px;}
  .tab_title li {font-size: 15px; padding: 10px 6px;}
  .tab_title {width: 100%;}
  .logo img {width: 170px;}
  .list-conts a { margin-right: 10px;}
  /*메인 주요지표 수정*/
  .visual .cont-box:nth-child(2) {margin-top: 90px;}
  .cont-box {height: 215px;}
  .status_area table th, .status_area table td{padding-bottom: 10px; font-size: 16px;}
  .status_area{height: 120px; padding: 15px 30px 0 30px; margin-top: 20px;}
  .visual {padding: 30px 25px 0 25px;}
  .bar span {width: 30px;}
  .bar {height: 140px;}
  .tab-graph {margin-top: 15px; height: 0px;}
  .cont {margin-top: 10px;}
  .graph-conts {height: 200px;}
  .tab_cont > div:nth-child(1) .graph-conts .cont:nth-child(1) .bar span{height: calc(108px - 35%);}
  .tab_cont > div:nth-child(1) .graph-conts .cont:nth-child(2) .bar span{height: calc(117px - 35%);}
  .tab_cont > div:nth-child(1) .graph-conts .cont:nth-child(3) .bar span{height: calc(133px - 35%);}
  .tab_cont > div:nth-child(1) .graph-conts .cont:nth-child(4) .bar span{height: calc(150px - 35%);}
  .tab_cont > div:nth-child(1) .graph-conts .cont:nth-child(5) .bar span{height: calc(158px - 35%);}

  .tab_cont > div:nth-child(2) .graph-conts .cont:nth-child(1) .bar span{height: calc(140px - 35%);}
  .tab_cont > div:nth-child(2) .graph-conts .cont:nth-child(2) .bar span{height: calc(145px - 35%);}
  .tab_cont > div:nth-child(2) .graph-conts .cont:nth-child(3) .bar span{height: calc(130px - 35%);}
  .tab_cont > div:nth-child(2) .graph-conts .cont:nth-child(4) .bar span{height: calc(140px - 35%);}
  .tab_cont > div:nth-child(2) .graph-conts .cont:nth-child(5) .bar span{height: calc(157px - 35%);}

  .tab_cont > div:nth-child(3) .graph-conts .cont:nth-child(1) .bar span{height: calc(145px - 35%);}
  .tab_cont > div:nth-child(3) .graph-conts .cont:nth-child(2) .bar span{height: calc(149px - 35%);}
  .tab_cont > div:nth-child(3) .graph-conts .cont:nth-child(3) .bar span{height: calc(149px - 35%);}
  .tab_cont > div:nth-child(3) .graph-conts .cont:nth-child(4) .bar span{height: calc(155px - 35%);}
  .tab_cont > div:nth-child(3) .graph-conts .cont:nth-child(5) .bar span{height: calc(153px - 35%);}
  
  .main-contents .main-inner .main-basic .basic-inner.gallery .list-conts .list li {display: inline-block; width: calc(50% - 10px); margin: 0 12px 0 0; vertical-align: middle;}
  .main-contents .main-inner .main-basic .basic-inner.gallery .list-conts .list li:nth-child(2n){margin:0 0 0 6px}
  .main-basic .basic-inner.gallery .list-conts .list li .box {width:100%;}
  .main-contents .main-inner .main-basic .basic-inner.gallery .list-conts .list.sty2 li .box .img_box {position: relative; }
  .main-contents .main-inner .main-basic .basic-inner.gallery .list-conts .list.line2 li .box .img_box {position: relative;} 
  .main-contents .main-inner .main-basic .basic-inner.gallery .list-conts.line2.style2 .list li {width: calc(50% - 8px); margin: 0 12px 0 0;}
   .main-contents .main-inner .main-basic .basic-inner.gallery .list-conts.line2.style2 .list li:nth-child(2n) {margin: 0 0px 0 0;}
}

@media screen and (max-width:320px){
  .item-txt h3 {padding-bottom: 10px;}
  .item, .item:nth-child(5) {padding: 8% 20px;}
  .tit h3 {font-size: 15px;}
  .list-conts ul {font-size: 13px;}
  .list-conts ul li::before {top: 5px;}
  .tit::after {top: 0px; right: 0;}
  .list-conts ul li span {font-size: 13px;}
}