@charset "UTF-8";

@media all and (max-width:1480px) {

  .sub-visual .inner {
    padding:0 15px;
    box-sizing: border-box;
  }

  #sub-container .inner{
    padding:0 15px;
    box-sizing: border-box;
  }

  .sub-content {
    width:calc(100% - 305px);
    margin-left:25px;
  }

  .sub-tab ul li a {
    font-size:1rem;
  }

  .dev-case .box-gray.type1 .flex-wrap {
    align-items: center;
  }

  .dev-case .box-gray.type1 .flex-wrap .txt {
    width:calc(100% - 480px);
  }

  .board table tr th, .board table tr td {
    padding:15px 5px;
  }

  .dongnam-yd .yd-d-concept > ul.flex-wrap > li .imgwrap {
    width:100%;
  }

  .dongnam-wd .pr-strategy ul li {
    width:220px;
    height:220px;
  }

  .dongnam-wd .pr-strategy ul li::before {
    width:180px;
    height:180px;
  }

}

@media all and (max-width:1280px) {

  #sub-container .inner {
    display:block;
  }

  #lnb {
    display:none;
  }

  aside.search-aside {
    display:none;
  }
  
  .sub-content {
    width:100%;
    max-width:100%;
    margin-left:0
  }
  
  .sub-visual h2.sub-tit {
    font-size:2.25rem;
  }

  .con-box .imgwrap img {
    max-width: 100%;
    vertical-align: top;
  }

  .dev-bi img {
    max-width:100%;
  }

  .dev-bi p {
    text-align: left;
    word-break: keep-all;
  }

  .color-plt .flex-wrap ul li::before {
    width:20px;
    height:20px;
    min-width:20px;
  }

  .color-plt .flex-wrap ul li dl dt {
    font-size:1.125rem;
  }

  .color-plt .flex-wrap ul li dl dd {
    font-size:1rem;
  }

  .dongnam-wd .flex-wrap .imgwrap {
    margin-right:0
  }

  .dongnam-hd .flex-wrap {
    align-items: center;
  }

  .dongnam-hd .txt p {
    font-size:1.5rem;
    word-break: keep-all;
  }

  .dongnam-hd .txt p b{
    font-size:1.5rem;
  }

  .dongnam-hd.overview .flex-wrap {
    align-items: flex-start;
  }

  .dongnam-hd.overview .flex-wrap .imgwrap {
    display:flex;
    align-items: center; 
  }

  .dongnam-hd.overview .flex-wrap .txt {
    padding-left:0;
    margin-left:25px;
    width:calc(100% - 565px)
  }
 
  .dongnam-yd .flex-wrap {
    align-items: flex-start;
  }

  .dongnam-yd .flex-wrap .imgwrap {
    width:540px;
  }

  .dongnam-yd .yd-d-concept .flex-wrap .imgwrap {
    width:auto;
  }

  .dongnam-yd .flex-wrap .txt {
    width:calc(100% - 590px);
  }
  
  .yd-b-goal > ul > li .txtwrap {
    width:calc(100% - 241px);
  }

  .yd-d-concept .imgbox .line-box {
    padding:45px 25px 25px 25px
  }

  .yd-d-concept .imgbox .line-box div.flex-wrap .imgwrap {
    margin-right:15px;
    width:calc((100% - 15px) / 2);
  }

  .yd-d-concept .imgbox .line-box div.flex-wrap .imgwrap:last-of-type {
    margin-right:0;
  }


  .dongnam-wd .pr-strategy ul li {
    margin-right:25px;
  }

  .dongnam-wd .pr-strategy ul li::after{
    right:-21px;
  }

  .sub-bottom .kogl {
    padding:15px 25px;
  }

  .sub-bottom .ccl {
    padding:15px 25px;
  }


  .sub-bottom .research {
    padding:25px;
  }

  .sub-bottom .research .research-a {
    justify-content:flex-end
  }
  
  .sub-bottom .research .research-a .a-select {
    max-width:100%;
    margin-right:0;
  }
  
  .sub-bottom .research .research-a .a-input {
    max-width: 100%;
  }

  .sub-bottom .research .research-a .a-input input[type="text"]{
    border-right:1px solid #cccccc
  }
  
  .sub-bottom .contents-info {
    padding:15px 25px;
  }

}

@media all and (max-width:1080px){
  
  .sub-visual {
    height:180px;
  }

  .sub-visual h2.sub-tit {
    font-size:2rem;
  }

  #sub-container {
    padding:25px 0;
  }

  .sub-content .content {
    padding-top:25px;
  }

  .dev-bi.type2 .bi-wrap.primary {
    flex-wrap:wrap;
  }

  .dev-bi.type2 .bi-wrap.primary li {
    width:100%;
    margin-bottom:15px;
  }

  .dev-bi.type2 .bi-wrap.primary li:last-child {
    margin-bottom:0;
  }

  .dev-bi.type2 .bi-wrap.primary li:last-child .imgwrap {
  }

  .ex-direction ul li .direction-con span.act {
    font-size:1rem
  }

  .ex-direction ul li .direction-con span.result {
    font-size:1rem;
  }

  .system-step ul {
    flex-wrap:wrap;
  }

  .system-step > ul > li::after {
    top:-10px;
    font-size:0.9125rem;
    padding-top:8px;
  }

  .system-step ul li.preliminary {
    width:calc(100% / 2);
    margin-bottom:25px;
  }

  .system-step ul li.planning {
    width:calc(100% / 2);
    margin-bottom:25px;
  }

  .system-step ul li.planning .line {
    padding-right:15px;
    box-sizing: border-box;
  }

  .system-step ul li.planning .line::after {
    right:10px;
  }

  .system-step > ul > li.planning::after {
    right:0;
  }

  .system-step ul li.execution {
    width:calc(100% / 2)   
  }

  .system-step ul li.execution .line {
    padding-left:15px;
    box-sizing: border-box;
  }
  
  .system-step ul li.after {
    width:calc(100% / 2)   
  }

  .system-step ul li .step-tit {
    font-size:1rem;
  }
  
  .system-step ul li .step-con ul li .step-des span {
    font-size:0.9125rem
  }

  .system-step ul li .step-con ul li .step-result {
    font-size:0.9125rem;
  }

  .city-namsan .city3 {
    flex-wrap:wrap;
  }

  .city-namsan .city3 .city3-t {
    width:100%;
    text-align: center;
    margin-bottom:15px;
  }

  .city-namsan .city3 .city3-b {
    width:100%;
  }

  .city-namsan .city3 .city3-b ul {
    justify-content: center;
    flex-wrap:wrap;
  }

  .city-namsan .city3 .city3-b ul li {
    margin:10px; 
  }

  .city-namsan .city3 .city3-b ul li::after {
    display:none;
  }

  .dongnam-wd .flex-wrap .imgwrap {
    margin-right:15px;
    width:calc((100% - 30px) / 3)
  }

  .dongnam-wd .flex-wrap .imgwrap span {
    font-size:1.125rem;
  }

  .body-con p {
    font-size:0.9125rem;
  }

  .dongnam-hd.overview .flex-wrap .imgwrap {
    width:420px;
  }

  .dongnam-hd.overview .flex-wrap .txt {
    padding-left:0;
    margin-left:25px;
    width:calc(100% - 445px)
  }

  .dongnam-wd .progress .pr-tit {
    width:240px;
  }

  .dongnam-wd .progress::after {
    left:239px;
  }

  .dongnam-wd .progress .pr-tit {
    padding-right:25px;
  }

  .dongnam-wd .progress .pr-tit p {
    font-size:2rem;
  }

  .dongnam-wd .progress .pr-tit span {
    font-size:1rem;
  }

  .dongnam-wd .progress .pr-cont {
    width:calc(100% - 240px);
    padding-left:25px;
  }

  .dongnam-wd .progress .pr-cont ul li p b {
    font-size:1.25rem;
  }

  .dongnam-wd .progress .pr-cont ul li dt {
    font-size:1rem;
  }

  .dongnam-wd .progress .pr-cont ul li dd {
    font-size:1rem;
  }

  .dongnam-yd .flex-wrap .imgwrap {
    width:420px;
  }

  .dongnam-yd .flex-wrap .txt {
    padding-left:25px;
    width:calc(100% - 445px);
  }

  .dongnam-yd .txt > p {
    font-size:1.5rem;
  }

  .dongnam-yd .txt > p em {
    font-size:1.5rem;
  }

  .dongnam-yd .txt .txt-con span {
    font-size:1rem;
  }

  .yd-d-concept > ul {
    flex-wrap:wrap;
  }

  .yd-d-concept > ul > li {
    width:calc((100% - 30px) / 3)
  }

  .yd-d-concept ul li .concept1 dl dt {
    font-size:1.125rem;
  }
 
  .yd-d-concept ul li .concept1 dl dd {
    font-size:1rem;
    letter-spacing: -0.05em;
    word-break: keep-all;
  }
  
  .yd-d-concept ul li .concept2 p {
    font-size:1rem;
    letter-spacing: -0.05em;
    word-break: keep-all;
  }

  .yd-d-concept .imgbox.t2 .line-box > ul > li {
    min-height:auto;
  }

  .yd-d-concept .imgbox.t2 .line-box > ul > li dl dt {
    font-size:1rem;
  }

  .yd-d-concept .imgbox.t2 .line-box > ul > li dl dd > p {
    font-size:1rem;
  }

  .yd-d-concept .imgbox.t2 .line-box > ul > li dl dd ul li p {
    font-size:0.9375rem;
  }

  .wd-bg-cc ul li {
    width:calc(50% - 25px);
  }

  .wd-bg-cc ul li p {
    font-size:1.125rem;
  }

  .wd-bg-cc ul li dl{
    width:180px;
    height:180px;
  }

  .wd-bg-cc ul li dl dt {
    font-size:1.25rem;
  }

  .wd-bg-cc ul li dl dd {
    font-size:1rem;
  }

  .dmc-review .flex-wrap dl {
    width:calc((100% - 15px) / 2)
  }

  .dmc-review .flex-wrap dl dd {
    font-size:1rem;
  }

}


@media all and (max-width:960px){
  .sub-content .content-top .utils ul li button {
    width:35px;
    height:35px;
  }

  .sub-tab ul li {
    flex:none;
    width:100%;
  }

  .sub-tab ul li a {
    padding:15px 0;
  }

  .sub-tab ul li:nth-child(2n) a {
    border-right:1px solid #d9d9d9
  }

  .sub-tab ul li:nth-child(n+3) a {
    border-top:0;
  }

  .sub-content .con-box .inbox {
    margin-bottom:25px;
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li .row {
    display:block;
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li .row .item {
    margin:0 0 4px 0;
    flex-wrap:wrap;
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li .row .item:last-of-type {
    margin-bottom:0;
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li .row .item label {
    width:75px;
    margin-right:5px;
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li .row .item select {
    width:calc(100% - 80px);
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li .datepic-period {
    width:calc(100% - 80px)
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li .datepic-period .datepic-wrap input[type="text"] {
    font-size:0.9125rem;
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li .row .item .itembox-wrap {
    width:calc(100% - 80px);
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li .row .item .itembox-wrap .item-box {
    width:100%;
    margin-bottom:4px;
    margin-right:0;
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li .row .item .itembox-wrap .item-box:last-of-type {
    margin-bottom:0;
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li .row .item .itembox-wrap .item-box select {
    width:100%;
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li .datepic-period .datepic-wrap {
    width:calc((100% - 23px) / 2);
    box-sizing: border-box;
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li .row .item .itembox-wrap .item-box .datepic-period {
    width:100%;
  }

  .search-result {
    padding:35px 0;
  }

  .search-result .result-txt {
    margin-bottom:35px;
  }

  .search-result .result-txt p {
    font-size:1.25rem;
    word-break: keep-all;
  }

  .search-result .result-txt p em {
    font-size:1.425rem;
  }

  .search-result .result-tab ul li a {
    height:45px;
    font-size:1rem;
  }

  .search-result .result-list .list-top .list-tit strong {
    font-size:1.5125rem;
  }

  .search-result .result-list .list-top a.more-btn {
    font-size:0.9125rem;
  }

  .search-result .result-list .list-top a.more-btn img {
    width:35px;
  }

  .search-result .result-list .result-list-con ul li.list-item .list-info .info-top span.date {
    font-size:0.9125rem;
  }

  .search-result .result-list .result-list-con ul li.list-item .list-info .info-con {
    font-size:1rem;
  }

  .search-result .result-list .result-list-con ul li.list-item .list-img {
    width:200px;
  }

  .search-result .result-list .result-list-con.archive ul li.list-item .list-info {
    margin-left:15px;
    width:calc(100% - 215px);
  }

  .search-result .result-list .result-list-con ul li.list-item .list-info .info-list > ul > li {
    font-size:0.9125rem;
  }

  .search-result .result-list .result-list-con ul li.list-item .list-info .info-list dl dt {
    font-size:0.9125rem
  }

  .search-result .result-list .result-list-con ul li.list-item .list-info .info-list dl dd ul li {
    font-size:0.9125rem
  }
  
  .sub-content .content h3.tit {
    font-size:1.5125rem;
  }
  
  .sub-content .con-box {
    margin-bottom:35px;
  }  

  .sub-content a.download-btn span {
    font-size:1.125rem;
  }
  
  .box-gray {
    padding:15px;
  }

  .box-gray p {
    font-size:1rem;
  }

  .sub-content .content h4 {
    font-size:1.25rem;
  }

  .inbox > p {
    font-size:1rem;
  }

  .con-box .imgwrap img {
    max-width:100%;
  }

  .dev-info .pr-strategy .start {
    font-size:1.125rem;
  }

  .dev-info .pr-strategy ul li {
    width:280px;
    height:280px;
  }

  .dev-info .pr-strategy ul li::before {
    width:230px;
    height:230px;
  }

  .dev-info .pr-strategy ul li .strategy-con .ico {
    margin-bottom:5px;
  }

  .dev-info  .pr-strategy ul li .strategy-con .ico img {
    width:72px
  }

  .dev-info .pr-strategy ul li .strategy-con dl dt {
    font-size:1.125rem;
  }

  .dev-info .pr-strategy ul li .strategy-con dl dd {
    font-size:1rem;
  }

  .dev-info .pr-strategy .result {
    width:100%;
  }  

  .dev-info .pr-strategy .result p {
    font-size:1.125rem;
  }

  .city-namsan > p {
    font-size:1rem;
  }

  .cds-idea-img .listwrap {
    position:relative;
    transform:none;
    width:100%;
    padding:15px;
    right:auto;
    top:auto;
    margin-top:20px;
  }

  .cds-idea-img .listwrap::before {
    transform: rotate(90deg) translateX(-50%);
    top:-8px;
    left:50%;
  }

  .cds-idea-img .listwrap ul {
    display:flex;
    align-items: center;
    flex-wrap:wrap;
  }

  .cds-idea-img .listwrap > ul > li {
    width:calc((100% - 16px) / 3);
    display:flex;
    align-items: center;
    font-size:1rem;
    margin:4px 0;
  }

  .cds-idea-img .listwrap > ul > li:last-of-type {
    margin:4px 0;
  }

  .cds-idea-img .listwrap > ul > li span {
    display:flex;
    align-items: center;
    justify-content: center;
    width:20px;
    height:20px;
  }

  .cds-idea-2 > ul > li p span {
    font-size:1.125rem;
  }

  .cds-idea-2 > ul > li dl {
    width:calc(100% - 188px);
  }

  .cds-idea-2 > ul > li dl dt {
    font-size:1.125rem;
  }

  .cds-idea-2 > ul > li dl dd ul li {
    font-size:1rem;
  }

  .dev-bi p {
    font-size:1rem;
  }

  .dev-bi.type2 .box-gray ul li {
    font-size:1rem;
  }

  .dev-bi.type2 .box-gray ul li::before {
    top:8px;
  }

  .bi-wrap li span {
    font-size:1.125rem;
  }

  .color-plt .imgwrap {
    text-align: center;
  }

  .color-plt .flex-wrap ul {
    margin-left:30px;
  }
  
  .color-plt .flex-wrap ul li::before {
    width:15px;
    height:15px;
    min-width:15px;
    margin-right:12px;
  }

  .vision.v1 dl dt, .vision.v2 .t1 p {
    font-size:1rem;
  }

  .vision.v1 dl dd {
    font-size:1.25rem;
  }

  .vision.v2 .t1 p {
    font-size:1rem;
  }

  .vision.v2 .t2 ul .t2-1 dl dd span {
    font-size:1rem;
  }

  .plan2030 .tit {
    font-size:1.125rem;
  }

  .plan2030 p.purpose {
    width:100%;
    font-size:1.25rem;
  }

  .plan2030 .develop span {
    font-size:1.25rem;
  }

  .plan2030 .develop .develop-con .con p {
    font-size:1rem;
  }

  .bu > ul > li > p {
    font-size:1rem;
  }

  .pr-strategy {
    height:auto;
    margin-top:12px;
  }

  .pr-strategy ul {
    flex-wrap:wrap;
  }

  .pr-strategy ul li {
    margin:15px;
  }

  .pr-strategy ul li::after {
    display:none;
  }

  .ex-direction ul li {
    width:calc((100% - 30px) / 4 );
    margin-right:10px;
  }

  .pr-strategy ul li .strategy-con dl dt {
    font-size:1.125rem;
  }

  .pr-strategy ul li .strategy-con dl dd {
    font-size:1rem;
  }

  .ex-direction ul li .direction-con span.tit {
    font-size:1.125rem;
  }

  .ex-direction ul li .direction-con span.result {
    font-size:0.9125rem;
  }

  .ex-direction2 ul li {
    margin:5px;
  }

  .ex-direction2 ul li::after {
    display:none;
  }

  .dev-case .box-gray.type2 b {
    font-size:1.25rem;
  }

  /* .dev-case .flex-wrap {
    flex-wrap:wrap;
  } */

  .dev-case .flex-wrap .imgwrap img {
    width:100%;
  }

  .dev-case .flex-wrap .imgwrap {
    margin-left:15px;
  }
  
  .dev-case .box-gray.type1 .flex-wrap {
    flex-wrap:wrap;
    width:100%;
  }

  .dev-case .box-gray.type1 .flex-wrap .imgwrap {
    margin-bottom:15px;
  }

  .dev-case .box-gray.type1 .flex-wrap .txt {
    width:100%;
  }

  .dev-case .box-gray.type1 .flex-wrap .txt b {
    font-size:1.5rem;
    margin-bottom:10px;
  }

  .dev-case .box-gray.type1 .flex-wrap .txt b::before {
    width:14px;
    height:3px;
  }

  .dev-case .box-gray .flex-wrap .txt ul li {
    font-size:1rem;
  }

  .dev-recycling .kb-heyday p span {
    font-size:1rem;
    word-break: keep-all;
  }

  .dev-recycling .kb-heyday li {
    width:calc((100% - 30px) / 3)
  }

  .dev-recycling .kb-heyday li dl dt {
    font-size:1.125rem;
  }
  
  /* .dev-recycling .kb-heyday li dl dd {
    min-height:180px;
  } */

  .dev-recycling .kb-heyday li dl dd span {
    font-size:1rem;
  }
  
  .dev-recycling .kb-heyday li dl dd span br {
    content:"";
    display:inline-block;
    padding:0 2px;
    box-sizing: border-box;
  }

  .dev-recycling .conf .conf-t dl dd{
    text-align: center;
    font-size: 1.125rem;
    padding: 15px 10px;
    border-radius: 50px;
    min-width: auto;
    width:100%;
    box-sizing: border-box;
    max-width: calc(100% - 140px);
  }

  .dev-recycling .conf .conf-b {
    padding:15px;
  }

  .dev-recycling .conf .conf-b .conf-list ul li {
    font-size:1rem;
  }

  .dev-recycling .conf .box-gray ul li {
    font-size:1rem;
  }

  .box-gray.type2 {
    align-items: center;
  }

  .box-gray.type2 .flex-wrap {
    width:calc(100% - 48px);
  }

  .box-gray.type2 .flex-wrap .logo img {
    width:150px;
  }

  .box-gray.type2 .flex-wrap .txt {
    margin-left:15px;
  }

  .box-gray.type2 .flex-wrap .txt b {
    font-size:1.25rem;
  }

  a.btn-go {
    width:40px;
    height:40px;
    background-size:14px;
    margin-left:8px;
  }

  .table table tr th, .table table tr td {
    font-size:1rem;
  }

  .table table tbody tr td p {
    font-size:1rem;
  }

  .table table tbody tr td li {
    font-size:1rem;
  }
  
  .list-wrap ul li a .item::before {
    width:55px;
    height:55px;
    background-size:28px;
    margin-right:10px;
  }

  .list-wrap ul li a .item span {
    max-width:calc(100% - 86px);
    font-size:1.125rem;
  }

  .city-namsan .city3 .city3-t p {
    font-size:1.5rem;
  }

  .city-namsan .city3 .city3-b ul li dl dt {
    font-size:1.125rem
  }

  .city-namsan .city3 .city3-b ul li dl dd {
    font-size:1rem;
  }

  .city-namsan .city-public p {
    font-size:1.125rem;
  }

  .city-namsan .city-public ul {
    flex-wrap:wrap;
  }
  
  .city-namsan .city-public ul li {
    width:calc((100% - 10px) / 2);
    margin:0 10px 10px 0;
  }

  .city-namsan .city-public ul li:nth-child(2n){
    margin-right:0;
  }

  .city-namsan .city-public ul li span {
    font-size:1rem;
  }

  .city-namsan .nam-list {
    padding: 15px 8px 70px 8px;
  }

  .city-namsan .nam-list b {
    font-size:1.125rem;
  }

  .city-namsan .nam-list ul li {
    font-size:1rem;
  }

  .city-namsan .nam-list b::before {
    width:100px;
    height:100px;
    background-size:40px;
  }

  .city-namsan .result p {
    font-size:1.125rem;
  }

  .city-namsan .result p span {
    font-size:1.125rem;
  }

  .nam-video-caption p {
    font-size:1.25rem;
  }

  .nam-video-caption .caption-wrap {
    padding:15px;
  }

  .nam-video-caption .caption-wrap pre {
    font-size:1rem;
  }

  .dongnam-wd .tit-b b {
    font-size:1.25rem;
    word-break: keep-all;
  }

  .propel > ul > li > p {
    font-size:1rem;
  }

  .p-box-con > p {
    font-size:1rem;
  }

  .p-box-con dl dt {
    font-size:1rem;
  }

  .p-box-con dl dd ul li {
    font-size:0.9125rem;
  }

  .dongnam-river .river-li ul li {
    width:calc((100% - 40px) / 3)
  }

  .dongnam-river .river-li ul li dl dt {
    font-size:1.25rem
  }

  .dongnam-river .river-li ul li dl dd {
    font-size:1rem;
    word-break: keep-all;
  }

  .dongnam-hd .txt-con span {
    font-size:1rem;
  }

  .dongnam-hd.overview .flex-wrap{
    flex-wrap:wrap;
  }

  .dongnam-hd.overview .flex-wrap .txt {
    margin-left:0;
    width:100%;
    margin-top:25px;
  }

  .cds-vision .tit b {
    font-size:1.125rem;
  }

  .cds-vision .vision-con p {
    font-size:1.125rem;
  }

  .cds-vision .vision-list ul::before {
    width:calc(((100% + 10px) / 3 )* 2)
  }

  .cds-vision .vision-list ul li {
    margin-right:10px;
    width:calc((100%  - 20px) / 3);
  }

  .cds-vision .vision-list ul li .v1 dl dt {
    font-size:1.125rem;
  }

  .cds-vision .vision-list ul li .v1 dl dd {
    font-size:1rem;
  }

  .cds-vision .vision-list ul li .v2 span {
    font-size:1rem;
  }

  .cds-idea-1 ul li dl dt {
    font-size:1.125rem;
  }

  .cds-idea-1 ul li dl dd {
    font-size:1rem;
  }

  .board table tr th,
  .board table tr td a, 
  .board table tr td span {
    font-size:0.9125rem;
  }

  .inbox dl.indl dt {
    font-size:1.125rem;
  }

  .inbox dl.indl dd {
    font-size:1rem;
  }

  .inbox dl.indl dd p {
    font-size:1rem;
  }

  .dongnam-river .tab-contents .center-txt p {
    word-break: keep-all;
    font-size:1.5rem;
  }

  .dongnam-river .tab-contents .center-con dl dt {
    margin-bottom:25px;
    font-size:1.25rem;
  }

  .dongnam-river .tab-contents .center-con dl dd ul {
    flex-wrap:wrap;
  }
 
  .dongnam-river .tab-contents .center-con dl dd ul li {
    margin:4px;
    width:150px;
    height:150px;
  }

  .dongnam-river .tab-contents .center-con dl dd ul li span {
    font-size:1rem;
  }

  .wd-bg-ch .bg-ch ul {
    flex-wrap:wrap;
    justify-content: center;
  }

  .wd-bg-ch .bg-ch ul li {
    width:calc(100% / 3);
    margin:4px 0;
  }

  .wd-bg-ch .bg-ch ul li:nth-child(3n)::after {
    display:none;
  }

  .yd-b-goal > ul > li .imgwrap img {
    width:220px;
  }

  .yd-b-goal > ul > li .txtwrap {
    margin-left:30px;
    width:calc(100% - 250px);
  }

  .yd-b-goal > ul > li dl {
    margin-left:0;
  }

  .yd-spce ul {
    max-width:590px;
  }

  .yd-spce ul::before {
    width:315px;
    height: calc(50% + 165px);
  }

  .yd-spce ul li:nth-of-type(3n) {
    margin-right:30px;
  }

  .yd-spce ul li:nth-of-type(2n) {
    margin-right:0;
  }

  .dongnam-js .txt p {
    font-size:1.5rem;
    word-break: keep-all;
  }

  .dongnam-js .txt p b {
    font-size:1.5rem;
  }
  
  .dongnam-js .txt-con span {
    font-size:1rem;
  }

  .seoboo-dmc .table colgroup {
    display:none;
  }

  .seoboo-dmc .table tr {
    display:flex;
    flex-wrap:wrap;
  }

  .seoboo-dmc .table tr th {
    width:100%;
  }

  .seoboo-dmc .table tr td {
    display:flex;
    align-items: center;
    justify-content: center;
    width:calc(100% / 3);
    box-sizing: border-box;
  }

  .wd-bg-cc ul li {
    width:calc(50% - 15px);
  }

  .wd-bg-cc ul li p {
    font-size:1rem;
  }

  .wd-bg-cc ul li dl{
    width:155px;
    height:155px;
  }

  .wd-bg-cc ul li dl dt {
    font-size:1.125rem;
  }

  .dongnam-wd .pr-strategy ul {
    width:460px;
    margin:0 auto;
  }

  .dongnam-wd .pr-strategy ul li {
    width:200px;
    height:200px;
    margin:15px 15px 70px 15px;
  }

  .dongnam-wd .pr-strategy ul li:nth-child(4) {
    margin:15px 15px 70px 15px;
  }

  .dongnam-wd .pr-strategy ul li::before {
    width:160px;
    height:160px;
  }

  .wd-propel > li {
    width:calc((100% - 20px) / 3);
  }

  .wd-propel li .propel-t p {
    font-size:1rem;
  }

  .wd-propel li .propel-t p b {
    font-size:1.125rem;
  }

  .dmc-review .flex-wrap {
    flex-wrap:wrap;
  }

  .dmc-review .flex-wrap dl {
    width:100%;
    margin-bottom:12px;
  }

  .town-tit {
    flex-wrap:wrap;
  }

  .town-tit .imgwrap {
    width:100%;
  }

  .town-tit .txtwrap {
    width:100%;
    margin-left:0;
    margin-top:20px;
  }

  .airport-overview .overview {
    width:calc((100% - 10px) / 2);
    padding:12px;
  }

  .airport-overview .overview::before {
    width:90px;
    height:90px;
    background-size:50px;
    margin-right:10px;
  }
  
  .airport-overview .overview dl {
    width:calc(100% - 100px);
  }
   
  .airport-overview dl dt {
    font-size:1.25rem;
  }

  .airport-overview dl dd {
    font-size:1rem;
  }

  .sub-bottom .kogl {
    display:block;
  }

  .sub-bottom .kogl p {
    font-size:1rem;
  }
 
  .sub-bottom .kogl p em {
    font-size:1rem;
  }

  .sub-bottom .kogl p em span {
    padding:2px 12px;
  }


  .sub-bottom .kogl .type-mark {
    margin-right:0;
    margin-bottom:8px;
  }

  .sub-bottom .ccl {
    display:block;
  }

  .sub-bottom .ccl p {
    font-size:1rem;
  }
 
  .sub-bottom .ccl p em {
    font-size:1rem;
  }

  .sub-bottom .ccl .type-mark {
    margin-right:0;
    margin-bottom:8px;
  }
  
  .sub-bottom .research .research-q {
    margin-bottom:12px;
  }

  .sub-bottom .research .research-q p {
    font-size:1rem;
  }
  
  .sub-bottom .research .research-a .a-select .radio-wrap input[type="radio"] + label {
    font-size:1rem;
  }

  .sub-bottom .research .research-a .a-select .radio-wrap {
    margin:3px 10px 3px 0;
  }

  .sub-bottom .research .research-a .a-select .radio-wrap input[type="radio"] + label {
    letter-spacing: -0.05em;
  }

  .sub-bottom .research .research-a .a-button button {
    font-size:1rem;
  }

  .sub-bottom .contents-info dl dt {
    font-size:1rem;
  }

  .sub-bottom .contents-info dl dd {
    font-size:1rem;
  }

  .dongbook-dbc .flex-wrap {
    flex-wrap:wrap;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .dongbook-dbc .flex-wrap .txt {
    margin-right:0;
    width:100%;
    margin-top:8px;
  }

  .dongbook-dbc .roadmap ul {
    flex-wrap:wrap;
  }

  .dongbook-dbc .roadmap ul.ea6 li {
    width:calc((100% - 40px) / 3);
    margin:4px 20px 4px 0;
  }

  .dongbook-dbc .roadmap ul.ea5 li {
    width:calc((100% - 40px) / 3);
    margin:4px 20px 4px 0;
  }

  .dongbook-dbc .roadmap ul.ea6 li:nth-child(3n) {
    margin-right:0;
  }

  .dongbook-dbc .roadmap ul.ea5 li:nth-child(3n) {
    margin-right:0;
  }

  .dongbook-dbc .roadmap ul.ea6 li:nth-child(3n)::after {
    display:none;
  }

  .dongbook-dbc .roadmap ul.ea5 li:nth-child(3n)::after {
    display:none;
  }

  .dmc-derive .derive span {
    font-size:1.125rem;
  }
  
  .dmc-derive .derive p {
    font-size:1.125rem;
  }

  .dmc-derive .derive ul li dl {
    padding:15px;
  }

  .dmc-derive .derive ul li dl dt {
    font-size:1rem;
  }

  .dmc-derive .derive ul li dl dd {
    font-size:1rem;
    word-break: keep-all;
  }

  .town-middle1 .imgbox .line-box {
    padding:45px 15px;
  }

  .town-middle1 .imgbox .line-box ul li {
    width:calc((100% - 20px) / 3)
  }

  .town-middle1 .imgbox > p {
    font-size:1.125rem;
  }

  .town-middle1 .imgbox .line-box ul li p em {
    font-size:1.75rem;
  }

  .town-middle1 .imgbox .line-box ul li .tm-box1 b {
    font-size:1.125rem;
  }

  .town-middle1 .imgbox .line-box ul li .tm-box2 span {
    font-size:1rem;
    height:4.5rem;
    display:flex;
    align-items: center;
    justify-content: center;
    word-break: keep-all;
    padding:10px 4px;
  }

  .town-middle1 .imgbox .line-box ul li .tm-box2 .imgwrap {
    padding:8px;
  }

  .town-middle2 ul li dl {
    width:calc(100% - 120px);
  }

  .town-middle2 ul li dl dt {
    font-size:1.125rem;
  }

  .town-middle2 ul li dl dd {
    font-size:1rem;
  }

  .town-plan ul li dl dt {
    font-size: 1rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: keep-all;
  }

  .town-plan ul li dl dd {
    font-size:1rem;
  }

}


@media all and (max-width:768px){
  .sub-visual {
    height:140px;
    background-position:center;
  }

  .sub-content .sub-top .utils ul li button {
    width:35px;
    height:35px;
    background-size:15px;
  }

  .sub-tab ul li {
    flex:none;
    width:calc(100% / 2);
  }

  .sub-tab ul li:nth-child(3n) a {
    border-right:0
  }

  .sub-tab ul li:nth-child(2n) a {
    border-right:1px solid #d9d9d9
  }

  .sub-tab ul li:nth-child(n+4) a {
    border-top:1px solid #d9d9d9;
  }

  .sub-tab ul li:nth-child(n+3) a {
    border-top:0
  }

  .box-gray.type2 {
    border-radius:0 0 25px;
  }

  .commonsearch-wrap .search-condition {
    padding:25px;
  }

  .bi-wrap li {
    margin-right:10px;
  }

  .bi-wrap li span {
    font-size:1rem;
    word-break: keep-all;
  }
  
  .bi-wrap.type2 li {
    margin-right:0;
    width: calc((100% - 20px) / 3);
  }

  .dev-bi.type2 .bi-wrap.primary li {
    display:block;
  }

  .dev-bi.type2 .bi-wrap li dl {
    padding-left:0;
    margin-left:100px;
  }

  .dev-bi.type2 .bi-wrap li dl dt b::before {
    display:none;
  }

  .dev-bi.type2 .bi-wrap li dl dt b::after {
    height:35px;
    top:-45px;
    transform: translateX(-50%);
  }

  .dev-bi.type2 .bi-wrap li dl::before {
    top:-50px;
    left:39px;
  }

  .color-plt .flex-wrap {
    flex-wrap:wrap;
  }

  .color-plt .imgwrap {
    width:100%;
    margin-bottom:25px;
  }

  .color-plt .flex-wrap ul {
    margin-left:0;
    width:100%;
  }

  .color-code ul li {
    padding:15px;
  }

  .color-code ul li span {
    font-size:0.9375rem;
  }

  .vision.v2 .t1 {
    display:none;
  }

  .vision.v1 dl dd {
    font-size:1rem;
  }

  .vision.v2 .t2 ul .t2-1 dl dt {
    text-indent:0;
    width:auto;
    height:auto;
    font-weight:700;
    padding:8px;
    margin-bottom:4px;
    background-color:#f2f2f2;
    color:#000000;
    border:1px solid #d2d2d2;
    letter-spacing: -0.05em;
  }
  
  .vision.v2 .t2 {
    width:100%;
  }

  .vision.v2 .t2 ul .t2-1 dl dd ul li {
    margin-bottom:4px;
  }

  .vision.v2 .t2 ul .t2-1 dl dd span {
    font-size:0.9125rem;
  }

  .ex-direction ul {
    flex-wrap:wrap;
  }

  .ex-direction ul li {
    width:calc((100% - 10px) / 2);
    margin-bottom:10px;
  }

  .ex-direction ul li:nth-child(2n) {
    margin-right:0;
  }

  .dev-case .box-gray.type2::after {
    width:125px;
    height:114px;
    background-size:cover;
    right:20px;
  }

  .dev-recycling .kb-heyday li {
    width:calc((100% - 20px) / 3)
  }

  .dev-recycling .conf .conf-b .conf-list {
    flex-wrap:wrap;
    justify-content: center;
  }

  .dev-recycling .conf .conf-b .conf-list ul {
    width:calc((100% - 20px) / 3);
    margin-right:10px;
    margin-bottom:10px;
  }

  .dev-recycling .conf .conf-b .conf-list ul:nth-of-type(3n) {
    margin-right:0;
  }

  .dev-recycling .kb-heyday {
    flex-wrap:wrap;
  }

  .dev-recycling .kb-heyday p {
    width:100%;
    margin-bottom:50px;
  }

  .dev-recycling .kb-heyday p:first-of-type::after {
    right:auto;
    left:50%;
    top:auto;
    bottom:-32px;
    transform: translateX(-50%) rotate(90deg);
  }

  .dev-recycling .kb-heyday p:last-of-type {
    margin-bottom:0;
  } 


  .dev-recycling .flex-wrap .logo img {
    width:120px;
  }

  .dev-recycling .box-gray .flex-wrap .txt b {
    font-size:1.125rem;
  }


  .sub-tab ul li a {
    padding:15px 0;
  }

  .city-namsan .flex-wrap {
    flex-wrap:wrap;
    justify-content: center;
  }

  .city-namsan .nam-list{
    padding:15px 8px;
    width:calc(100% / 2);
    box-sizing: border-box;
  }

  .city-namsan .nam-list:nth-of-type(1)::before {
    border-left:0;
  }

  .city-namsan .nam-list:nth-of-type(2)::before {
    display:none;
  }

  .city-namsan .nam-list:nth-of-type(3)::before {
    display:none;
  }

  .city-namsan .nam-list:nth-of-type(1),
  .city-namsan .nam-list:nth-of-type(2),
  .city-namsan .nam-list:nth-of-type(3) {
    background-image:none;
  }

  .city-namsan .nam-list ul li {
    font-size:0.9125rem
  }

  .yd-d-concept .imgbox > p {
    font-size:1.125rem;
  }

  .yd-d-concept .imgbox .line-box{
    padding:35px 15px 15px 15px
  }

  .yd-d-concept .imgbox.t2 .line-box > ul > li {
    width:calc((100% - 10px) / 2);
    margin:5px 0;
  }

  .cds-idea-img .listwrap > ul > li {
    font-size:0.9375rem;
    width:calc((100% - 8px) / 2);
  }

  .dongnam-wd .wd-outline1 ul {
    flex-wrap:wrap;
  }

  .dongnam-wd .wd-outline1 ul li:nth-of-type(3){
    margin-left:0;
    margin-top:-50px;
  }

  .dongnam-wd .wd-outline2 ul li {
    margin-right:30px;
  }

  .dongnam-wd .wd-outline2 ul li::before{
    right:-22px;
  }

  .dongnam-wd .wd-outline2 ul li::after{
    right:-16px;
  }

  .dongnam-wd .wd-outline2 ul li p {
    width:180px;
    height:180px;
    font-size:1rem;
  }

  .dongnam-wd .scrollwrap {
    overflow-x:scroll;
  }
  

  .dongnam-wd .scrollwrap .wd-roadmap {
    width:1080px;
  }
  
/* 
  .dongnam-js {
    overflow-x: scroll;
  } */

  .dongnam-js .txt {
    flex-wrap:wrap;
  }

  .dongnam-js .txt p {
    width:100%;
    padding-right:0;
  }
  
  .dongnam-js .txt .txt-con {
    width:100%;
    margin-top:15px;
  }

  .dongnam-js .scrollwrap {
    overflow-x:scroll;
  }

  .dongnam-js .roadmap {
    width:1080px;
  }
  
  .dongnam-js .propel > ul {
    width:920px;
  }

  .dongnam-river .river-li ul li {
    width:calc((100% - 20px) / 3)
  }

  .dongnam-river .river-li ul li dl {
    padding:10px;
  }

  .dongnam-river .river-li ul li dl dt {
    font-size:1rem;
  }

  .dongnam-river .river-li ul li dl dd {
    font-size:0.9125rem;
  }

  .dongnam-hd .flex-wrap {
    flex-wrap:wrap;
  }

  .dongnam-hd.vision .txt p {
    width:100%;
    padding-right:0;
  }

  .dongnam-hd.vision .txt-con {
    width:100%;
    margin-top:25px;
  }
  
  .cds-vision .vision-list ul li .v1 dl::before {
    width:90px;
    height:90px;
    background-size:50px;
  }

  .cds-vision .vision-list ul li .v1 dl dd {
    font-size:0.9125rem;
    letter-spacing: -0.05em;
  }

  .cds-vision .vision-list ul li .v2 span {
    font-size:0.9125rem;
  }

  .cds-idea-1 .imgwrap {
    position:static;
    transform: none;
    margin:0 auto;
  }

  .cds-idea-1 ul {
    position:static;
    transform: none;
  }

  .cds-idea-1 ul li:nth-of-type(odd) {
    padding:0;
    width:100%;
  }

  .cds-idea-1 ul li:nth-of-type(even) {
    padding:0;
    width:100%;
  }

  .cds-idea-1 ul li {
    margin-bottom:15px;
  }

  .cds-idea-1 ul li:last-child {
    margin-bottom:0;
  }

  .searchbox .search-wrap {
    height:auto;
  }

  .searchbox .search-wrap select {
    font-size:0.9125rem;
    height:40px;
  }

  .searchbox .search-wrap .search-write {
    height:40px;
  }

  .searchbox .search-wrap .search-write input {
    font-size:0.9125rem;
  }

  .board table colgroup {
    display:none;
  }

  .board table thead {
    display:none;
  }

  .board table tbody tr {
    display:flex;
    flex-wrap:wrap;
    padding:10px;
  }

  .board table tbody tr td {
    position:relative;
    display:block;
    padding:0;
  }

  .board table tbody tr td.num {
    display:none;
  }

  .board table tbody tr td.area {
    padding-right:8px;
    margin-right:8px;
  }

  .board table tbody tr td.area::after {
    content:"";
    display:block;
    width:1px;
    height:10px;
    background-color:#aaaaaa;
    position:absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
  }

  .board table tbody tr td.subj {
    width:100%;
    margin:8px 0;
  }

  .board table tbody tr td.subj a {
    font-weight:600;
    font-size:1rem;
    display:block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .board table tbody tr td.date {
    position:relative;
    margin-right:8px;
    padding-right:8px;
    line-height:1;
    color:#666666
  }

  .board table tbody tr td.date::after {
    content:"";
    display:block;
    width:1px;
    height:10px;
    background-color:#aaaaaa;
    position:absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
  }


  .board table tbody tr td.count {
    position:relative;
    margin-right:8px;
    padding-right:8px;
    line-height:1;
    color:#666666
  }

  .board table tbody tr td.count::after {
    content:"";
    display:block;
    width:1px;
    height:10px;
    background-color:#aaaaaa;
    position:absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
  }


  .board table tbody tr td.file span {
    width:14px;
    height:16px;
    background-size:cover;
  }
  
  .notice.view .subject > p {
    font-size:1.25rem;
    padding:15px;
    line-height:1.4;
  }

  .notice.view .subject .category ul {
    padding:10px 15px;
    flex-wrap:wrap;
  }

  .notice.view .subject .category ul li {
    margin:4px 15px 4px 0;
  }

  .notice.view .subject .category ul li::after {
    display:none;
  }

  .notice.view .subject .category ul li span b {
    margin-right:8px;
  }

  .notice.view .view-con {
    padding:25px;
  }

  .file-element .btn-wrap {
    min-width: auto;
  }

  .file-element {
    padding:15px;
  }

  .btn-gline {
    font-size:0.9125rem;
  }

  .board-page-wrap dl dt {
    width:100px;
    box-sizing: border-box;
    padding:15px;
    text-align: center;
  }

  .board-page-wrap dl dd {
    width:calc(100% - 100px);
    box-sizing: border-box;
  }

  .board-page-wrap dl dd a {
    display:block;
    width:100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .dongnam-wd .progress {
    display:block;
    padding-left:45px;
  }

  .dongnam-wd .progress::before {
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #149d88;
    border: 5px solid #dcf0ed;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 10px;
  }

  .dongnam-wd .progress::after {
    left:10px;
  }

  .dongnam-wd .progress .pr-tit {
    width:100%;
    padding-right:0;
  }

  .dongnam-wd .progress .pr-cont {
    width:100%;
    padding-left:0;
    padding-top:8px;
    flex-wrap:wrap;
  }

  .dongnam-wd .progress .pr-cont::before {
    display:none;
  }

  .dongnam-wd .progress .pr-cont .imgwrap {
    width:100%;
    margin-left:0;
    margin-top:12px;
  }

  .dongnam-wd .box-gray.type2 b {
    font-size:1.125rem;
  }

  .dongnam-wd .pr-strategy .start {
    font-size:1.125rem;
  }

  .wd-bg-ch .bg-ch {
    border-radius:10px;
  }

  .wd-bg-ch .bg-ch ul li::before {
    width:60px;
    height:60px;
    background-size:40px
  }

  .wd-bg-ch .bg-ch ul li {
    font-size:0.9125rem;
  }

  .dongnam-yd .flex-wrap {
    flex-wrap:wrap;
  }

  .dongnam-yd .flex-wrap .imgwrap {
    width:100%;
    text-align: center;
  }

  .dongnam-yd .flex-wrap.col2-img .imgwrap{
    width:calc((100% - 10px) / 2);
    justify-content: space-between;
  }

  .dongnam-yd .flex-wrap .txt {
    padding-left:0;
    width:100%;
    margin-top:25px;
  }

  .dongnam-yd .txt > p {
    font-size:1.3125rem
  }

  .dongnam-yd .txt > p em {
    font-size:1.3125rem
  }

  .dongnam-yd .inbox > b {
    font-size:1.3125rem;
    word-break: keep-all;
  }

  .yd-b-goal > ul > li {
    flex-wrap:wrap;
  }

  .yd-b-goal > ul > li .imgwrap {
    width:100%;
  }

  .yd-b-goal > ul > li .txtwrap {
    width:100%;
    margin-left:0;
    margin-top:15px;
  }

  .yd-d-concept > ul {
    justify-content: center;
  }

  .yd-d-concept > ul > li {
    width: calc((100% - 15px) / 2);
    margin-bottom:20px;
    margin-right:15px;
  }

  .yd-d-concept > ul > li:nth-child(2n){
    margin-right:0;
  }

  .wd-bg-cc ul {
    flex-wrap:wrap;
  }

  .wd-bg-cc ul li {
    width:100%;
    max-width:420px;
    margin:0 auto 25px auto
  }

  .wd-bg-cc ul li:last-child {
    margin-bottom:0;
  }

  .wd-bg-cc ul::after {
    display:none;
  }

  .wd-propel {
    flex-wrap:wrap;
  }

  .wd-propel > li {
    width:100%;
    margin-bottom:15px;
  }

  .wd-propel li .propel-t p {
    padding:10px 0;
  }
  
  .wd-propel li .propel-b {
    margin-top:8px;
  }

  .airport-overview {
    flex-wrap:wrap
  }

  .airport-overview .overview {
    width:100%;
    margin-bottom:12px;
  }

  .airport-overview .overview::before {
    width:80px;
    height:80px;
    background-size:35px;
  }
  
  .airport-overview .overview dl {
    width:calc(100% - 90px);
  }
   

  .airport-overview dl dt {
    font-size:1.125rem;
  }

  .airport-overview dl dd {
    font-size:1rem;
  }

}

@media all and (max-width:640px){ 

  .sub-content .sub-top {
    flex-wrap:wrap;
    padding-bottom:8px;
  }

  .sub-content .sub-top .location {
    width:100%;
  }

  .sub-content .sub-top .utils {
    width:100%;
    margin-top:8px;
  }

  .sub-content .sub-top .utils ul {
    justify-content: flex-end;
  }

  .sub-content .sub-top .utils ul li button {
    width:30px;
    height:30px;
    background-size:13px;
  }

  .sub-content .sub-top .location ul li {
    padding-right:8px;
    margin-right:8px;
  }

  .sub-content .sub-top .location ul li.home a {
    width:15px;
    height:13px;
    background-size:cover;
    font-size:0;
  }

  .sub-content .sub-top .location ul li a {
    font-size:0.875rem;
  }
  
  .sub-content .content h3.tit {
    font-size:1.25rem;
  }

  .sub-content .content h3.tit::before {
    width:15px;
    height:21px;
    background-size:cover;
  }
  
  .sub-content .content h4 {
    font-size:1.125rem;
  }

  .sub-content .content h4::before {
    top:4px;
  }

  .sub-tab ul li a {
    font-size:0.9125rem;
  }

  .btn-wrap {
    flex-wrap:wrap;
  }

  .btn-wrap a.download-btn {
    width:100%;
    margin:0 0 5px 0
  }

  .btn-wrap a.download-btn:last-of-type {
    margin-bottom:0;
  }
 
  .sub-content a.download-btn {
    height:45px;
  }

  .sub-content a.download-btn span {
    font-size:1rem;
    max-width: calc(100% - 23px);
  }
 
  .sub-content a.download-btn::after {
    width:15px;
    height:15px;
    background-size:cover;
  }

  .box-gray p {
    font-size:0.9125rem;
  }

  .commonsearch-wrap .search-form-wrap .search-form .input-wrap {
    width:calc(100% - 104px);
    height:40px;
  }

  .commonsearch-wrap .search-form-wrap .search-form .search-detail {
    width:100px;
    height:40px;
    font-size:0.9125rem;
    margin-left:4px;
  }

  .commonsearch-wrap .search-condition {
    padding:15px;
  }

  .commonsearch-wrap .search-condition::before { 
    left:auto;
    right:14%;
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li {
    padding:10px 0;
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li .row .item label {
    font-size:0.9125rem;
    width:60px;
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li .row .item select {
    width:calc(100%  - 65px);
    height:40px;
    font-size:0.9125rem;
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li .datepic-period {
    width:calc(100% - 65px)
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li .datepic-period .datepic-wrap {
    height:40px;
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li .row .item .itembox-wrap {
    width:calc(100%  - 65px)
  }

  .commonsearch-wrap .search-condition > dl > dd > ul > li dl dt {
    font-size:0.9125rem;
  }

  .check-icon {
    width:18px;
    height:18px;
    background-size:cover;
  }

  .search-result .result-tab ul {
    flex-wrap:wrap;
  }

  .search-result .result-tab ul li {
    width:calc(100% / 3)
  }

  .search-result .result-tab ul li:nth-child(3) a {
    border-right: 1px solid #d9d9d9;
  }

  .search-result .result-tab ul li:nth-child(n+4) a {
    border-top:0;
  }

  .search-result .result-list .result-list-con.archive ul li.list-item {
    display:block;
  }

  .search-result .result-list .result-list-con ul li.list-item .list-img {
    width:100%;
  }

  .search-result .result-list .result-list-con.archive ul li.list-item .list-info {
    margin-left:0;
    margin-top:10px;
    width:100%;
  }

  .dev-bi.type2 .box-gray ul li {
    display:block;
  }

  .dev-bi.type2 .box-gray ul li p {
    max-width:100%;
  }
  
  .dev-info .pr-strategy .start {
    font-size:1rem;
    word-break: keep-all;
    padding:10px;
    box-sizing: border-box;
  }

  .dev-info .pr-strategy ul {
    display:block;
  }

  .dev-info .pr-strategy ul li {
    margin:0 auto 40px auto;
  }

  .dev-info .pr-strategy ul li::after {
    bottom:-28px;
    top:auto;
    left:50%;
    right:auto;
    transform: translateX(-50%);
  }

  .dev-info .pr-strategy ul li:last-of-type {
    margin:0 auto;
  }

  .dev-info .pr-strategy .arrow {
    margin-top:0;
  }

  .bi-wrap {
    flex-wrap:wrap;
  }

  .bi-wrap li {
    width:100%;
    margin-right:0;
    margin-bottom:15px;
  }

  .bi-wrap li:last-child {
    margin-bottom:0;
  }

  .bi-wrap.type2 li {
    margin-right:0;
    width: calc((100% - 10px) / 2);
  }

  .dev-bi.type2 .bi-wrap.type3 li {
    margin-right:0;
    width:calc((100% - 10px) / 2)
  }

  .color-code ul {
    flex-wrap:wrap;
  }

  .color-code ul li {
    width:50%;
    box-sizing: border-box;
  }

  .vision.v1 dl {
    flex-wrap:wrap;
  }

  .vision.v1 dl dt {
    margin:0 auto 20px auto;
  }

  .vision.v1 dl dt::after {
    right:auto;
    left:50%;
    top:auto;
    bottom:-21px;
    transform: translateX(-50%);
    width:1px;
    height:20px;
    border-bottom:0;
    border-right: 1px dashed #bfbfbf
  }

  .vision.v1 dl dd {
    width:100%;
  }

  .vision.v2 .t2 > ul {
    flex-wrap:wrap;
  }

  .vision.v2 .t2 ul .t2-1 {
    width:calc((100% - 10px) / 2);
    margin-bottom:15px;
  }

  .plan2030 p.purpose {
    font-size:1.125rem;
    padding:0 25px;
    box-sizing: border-box;
    word-break: keep-all;
  }

  .plan2030 .develop .develop-con {
    flex-wrap:wrap;
    text-align: center;
  }

  .plan2030 .develop .develop-con .con {
    width:100%;
  }

  .plan2030 .develop .develop-con img {
    margin:25px auto;
  }
  
  .ex-direction2 .result {
    width:100%;
  }

  .ex-direction2 .result p {
    font-size:1.125rem;
  }

  .ex-direction2 .result p em {
    font-size:1.125rem;
  }

  .system-step ul li .step-con {
    padding:10px;
  }

  .system-step ul li.preliminary {
    width:100%;
  }

  .system-step ul li.preliminary .line {
    padding:0 45px 0 15px;
  }

  .system-step ul li.preliminary .line::after {
    right:38px;
  }

  .system-step > ul > li.preliminary::after {
    right:0;
  }

  .system-step ul li.planning {
    width:100%;
  }

  .system-step ul li.planning .line {
    padding:0 45px 0 15px;
  }

  .system-step ul li.planning .line::after {
    right:38px;
  }

  .system-step > ul > li.planning::after {
    right:0;
  }

  .system-step ul li.execution {
    width:100%;
    margin-bottom:25px;
  }

  .system-step ul li.execution .line {
    padding:0 45px 0 15px;
  }

  .system-step ul li.execution .line::after {
    right:38px;
  }

  .system-step > ul > li.execution::after {
    right:0;
  }

  .system-step ul li.after {
    width:100%;
  }

  .system-step ul li.execution .line {
    padding:0 15px;
  }


  .dev-recycling .kb-heyday {
    flex-wrap:wrap;
  }

  .dev-recycling .kb-heyday li {
    width:100%;
    margin-bottom:10px;
  }

  .dev-recycling .kb-heyday li dl dd {
    min-height:auto;
  }

  .dev-recycling .kb-heyday li dl dd span {
    word-break: keep-all;
  }

  .dev-recycling .conf .flex-wrap {
    flex-wrap:wrap;
  }

  .dev-recycling .conf .box-gray p {
    margin:0 auto 15px auto;
  }

  .dev-recycling .conf .box-gray ul {
    width:100%;
  }

  .dev-recycling .conf .conf-t dl {
    flex-wrap:wrap;
    margin-bottom:25px;
  }

  .dev-recycling .conf .conf-t dl dt {
    margin:0 auto 60px auto;
  }

  .dev-recycling .conf .conf-t dl dt::after {
    width:1px;
    height:40px;
    border:none;
    background-color:#bfbfbf;
    right:auto;
    left:calc(50% - 1px);
    transform: translateX(-50%);
    bottom:-50px;
  }

  .dev-recycling .conf .conf-t dl dd {
    max-width:100%;
    font-size:1rem;
  }

  .dev-recycling .conf .conf-b .conf-list ul li {
    font-size:0.9125rem;
  }
  
  .box-gray.type2 .flex-wrap {
    flex-wrap:wrap;
  }

  .box-gray.type2 .flex-wrap .logo {
    width:100%;
    /* text-align: center; */
  }

  .box-gray.type2 .flex-wrap .txt {
    width:100%;
    margin-left:0;
    margin-top:8px;
    word-break: keep-all;
  }

  .box-gray.type2 .flex-wrap .txt p {
    margin-top:4px;
    font-size:0.9125rem;
  }

  .table-scroll {
    width:100%;
    overflow-x:scroll;
  }

  .table-scroll table {
    width:840px;
  }

  .table table tr th, .table table tr td {
    font-size:0.9125rem;
  }

  .table table tbody tr td p {
    font-size:0.9125rem;
  }

  .table table tbody tr td li {
    font-size:0.9125rem;
  }

  .list-wrap ul li a .item::before {
    width:40px;
    height:40px;
    background-size:20px;
  }

  .list-wrap ul li a .item span {
    max-width:calc(100% - 68px);
    font-size:1rem;
  }

  .list-wrap ul li a img {
    width:14px;
  }

  .city-namsan .result p {
    font-size:1rem;
    word-break: keep-all;
  }

  .city-namsan .result p span {
    font-size:1rem;
  }

  .yd-d-concept .imgbox > p {
    font-size:1rem;
    word-break:keep-all
  }

  .yd-d-concept .imgbox .line-box div.flex-wrap .imgwrap {
    width:100%;
    margin:4px 0;
  }

  .yd-d-concept .imgbox.t2 .line-box > ul > li {
    width:100%;
  }

  .dongnam-wd .wd-outline1 ul {
    display:block;
  }
  
  .dongnam-wd .wd-outline1 ul li {
    margin:0 auto;
  }

  .dongnam-wd .wd-outline1 ul li:nth-of-type(2){
    margin:-50px auto 0 auto;
  }

  .dongnam-wd .wd-outline1 ul li:nth-of-type(3){
    margin:-50px auto 0 auto;
  }

  .dongnam-wd .flex-wrap .imgwrap {
    margin-right:10px;
    width:calc((100% - 20px) / 3)
  }

  .dongnam-wd .flex-wrap .imgwrap span {
    font-size:1rem;
  }

  .dongnam-wd .wd-outline2 ul {
    display:block;
  }

  .dongnam-wd .wd-outline2 ul li {
    margin-right:0;
    margin-bottom:30px;
  }
  
  .dongnam-wd .wd-outline2 ul li::before{
    right:auto;
    top:auto;
    left:50%;
    bottom:-18px;
    transform: translateX(-50%);
  }

  .dongnam-wd .wd-outline2 ul li::after{
    right:auto;
    top:auto;
    left:50%;
    bottom:-24px;
    transform: translateX(-50%);
  }

  .dongnam-wd .wd-outline2 ul li p {
    width:180px;
    height:180px;
    font-size:1rem;
    margin:0 auto;
  }

  .cds-idea-2 > ul > li {
    display:block;
    border-radius:15px;
    padding:25px;
  }

  .cds-idea-2 > ul > li p {
    margin:0 auto;
    width:120px;
    height:120px;
  }

  .cds-idea-2 > ul > li dl {
    width:100%;
    padding-left:0;
    margin-top:15px;
  }

  .cds-idea-2 > ul > li dl dt {
    text-align: center;
  }

  .cds-idea-2 > ul > li dl dd ul li {
    justify-content: center;
  }

  .dongnam-hd.vision .txt p {
    font-size:1.5rem;
  }

  .cds-vision .vision-con {
    margin:0 auto 15px auto;
  }

  .cds-vision .vision-con::after {
    display:none;
  }

  .cds-vision .vision-list ul {
    flex-wrap:wrap;
    padding-top:10px;
  }

  .cds-vision .vision-list ul::before {
    display:none;
  }

  .cds-vision .vision-list ul li {
    width:calc((100% - 10px) / 2);
  }

  .cds-vision .vision-list ul li:nth-child(2n) {
    margin-right:0
  }

  .cds-vision .vision-list ul li .v1::before {
    display:none;
  }

  .cds-vision .vision-list ul li:nth-child(3) {
    margin-top:25px;
  }

  .searchbox .search-wrap {
    flex-wrap:wrap;
    justify-content: flex-start;
  }

  .searchbox .search-wrap .regionselect {
    width:calc((100% - 10px) / 2);
    margin-bottom:8px;
  }

  .searchbox .search-wrap .festivalselect {
    width:calc((100% - 10px) / 2);
    margin-right:0;
    margin-bottom:8px;
  }

  .searchbox .search-wrap .keywordselect {
    width:100px;
  }

  .searchbox .search-wrap .search-write {
    width:calc(100% - 110px);
  }

  .notice.view .subject > p {
    font-size:1.125rem;
    padding:12px;
  }

  .notice.view .subject .category ul {
    padding:10px;
  }
  
  .notice.view .subject .category ul li span {
    font-size:0.9125rem;
  }

  .notice.view .view-con {
    padding:15px;
  }

  .file-element ul li {
    flex-wrap:wrap;
    margin-bottom:18px;
  }
  
  .file-element ul li:last-child {
    margin-bottom:0;
  }
  
  .file-element ul li span.name {
    width:100%;
    margin-bottom:6px;
  }

  .file-element .btn-wrap {
    width:100%;
    justify-content: flex-start;
  }

  .board-page-wrap dl {
    flex-wrap:Wrap;
  }

  .board-page-wrap dl dt {
    width:100%;
    text-align: left;
    border-bottom:1px solid #eaeaea
  }

  .board-page-wrap dl dd {
    width:100%;
  }

  .wd-bg-ch .bg-ch {
    padding:15px 0;
  }

  .wd-bg-ch .bg-ch ul {
    justify-content: flex-start;
  }
  
  .wd-bg-ch .bg-ch ul li {
    margin:6px 0;
    padding:0 15px;
    box-sizing: border-box;
  }

  .wd-bg-ch .bg-ch ul li::before {
    width:50px;
    height:50px;
    background-size:30px;
  }

  .wd-bg-ch .bg-ch ul li span {
    font-size:0.9125rem;
    width: calc(100% - 60px);
  }

  .yd-b-goal > ul > li dl dt {
    font-size:1.125rem;
  }

  .yd-d-concept > ul > li {
    width:100%;
    margin-right:0;
  }

  .yd-d-concept ul li .concept1 dl dt {
    font-size:1rem;
  }

  .yd-spce ul li {
    width:215px;
    height:215px;
    padding:15px;
    margin-right:15px;
  }

  .yd-spce ul li:nth-of-type(3n) {
    margin-right:15px;
  }

  .yd-spce ul li dl dt {
    font-size:1.125rem;
  }

  .yd-spce ul li dl dd {
    font-size:1rem;
  }

  .yd-spce ul::before {
    width:235px;
    height:calc(50% + 125px)
  }

  .img-view .imgwrap {
    border-radius:0 0 35px;
  }

  .img-view .big-img a {
    width:90px;
    height:90px;
    font-size:0.875rem;
  }

  .img-view .big-img a::before {
    margin-bottom:8px;
  }

  .seoboo-dmc .table tr {
    border-bottom:1px solid #d7e0df
  }
    
  .seoboo-dmc .table tr th {
    text-align: left;
    font-size:1.125rem;
  }

  .seoboo-dmc .table tr td {
    width:100%;
    display:block;
    text-align: left;
    border-bottom:0;
  }

  .dongnam-wd .pr-strategy ul {
    width:100%;
  }
 
  .town-tit .txtwrap > p {
    font-size:1.375rem;
  }

  .sub-bottom .kogl {
    padding:15px;
    text-align: center;
  }

  .sub-bottom .kogl p {
    font-size:0.9125rem
  }

  .sub-bottom .kogl p em {
    font-size:0.9125rem;
  }

  .sub-bottom .kogl p em span {
    font-size:0.9125rem;
  }

  .sub-bottom .ccl {
    padding:15px;
    text-align: center;
  }

  .sub-bottom .ccl .type-mark {
    margin:0 auto 8px auto;
  }

  .sub-bottom .ccl p {
    font-size:0.9125rem;
  }

  .sub-bottom .ccl p em {
    font-size:0.9125rem;
  }

  .sub-bottom .ccl p em span {
    font-size:0.9125rem;
  }

  .sub-bottom .research {
    padding:15px;
  }

  .sub-bottom .research .research-q p {
    font-size:0.9125rem;
  }

  .sub-bottom .research .research-a .a-wrap {
    flex-wrap:wrap;
  }

  .sub-bottom .research .research-a .a-input {
    width:100%;
    margin-bottom:8px;
  }

  .sub-bottom .research .research-a .a-select .radio-wrap input[type="radio"] {
    margin:0 4px 0 0;
  }

  .sub-bottom .research .research-a .a-select .radio-wrap input[type="radio"] + label {
    font-size:0.9125rem
  }

  .sub-bottom .research .research-a .a-input input[type="text"] {
    font-size:0.9125em
  }

  .sub-bottom .research .research-a .a-button button {
    font-size:0.9125rem
  }

  .sub-bottom .contents-info {
    padding:15px;
  }

  .sub-bottom .contents-info dl dt {
    font-size:0.9125rem;
    padding-right:8px;
    margin-right:8px;
  }

  .sub-bottom .contents-info dl dd {
    font-size:0.9125rem;
    margin-right:15px;
  }

  .cds-idea-img .listwrap > ul > li span {
    width:18px;
    height:18px;
    font-size:12px;
  }

  .cds-idea-img .listwrap > ul > li {
    width:100%;
  }

  dongbook-dbc .table.pp tr td:first-child {
    font-size:1rem;
  }

  .dmc-derive .flex-wrap {
    flex-wrap:wrap;
  }

  .dmc-derive .derive {
    width:100%;
  }

  .derive-result p {
    font-size:1.125rem;
  }

  .town-middle1 .imgbox .line-box ul {
    flex-wrap:wrap;
  }

  .town-middle1 .imgbox .line-box ul li {
    width:100%;
    margin:4px 0;
  }

  .town-middle1 .imgbox .line-box ul li .tm-box1 b {
    font-size:1rem;
  }

  .town-middle1 .imgbox .line-box ul li .tm-box2 .imgwrap {
    min-height:auto;
  }

  .town-middle2 ul li {
    display:block;
    border-radius:12px;
    padding:25px 15px
  }

  .town-middle2 ul li p {
    margin:0 auto 20px auto;
  }

  .town-middle2 ul li p::after {
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
    right:auto;
    left:50%;
    transform: translateX(-50%);
    bottom:-15px;
  }

  .town-middle2 ul li:nth-of-type(1) p::after {
    border-top:12px solid #149d88;
  }

  .town-middle2 ul li:nth-of-type(2) p::after {
    border-top:12px solid #1f89b1;
  }

  .town-middle2 ul li:nth-of-type(3) p::after {
    border-top:12px solid #514cab;
  }

  .town-middle2 ul li dl {
    width:100%;
  }
 
  .town-middle2 ul li dl dt {
    font-size:1rem;
  }
  
  .town-plan ul {
    flex-wrap:wrap;
  }

  .town-plan ul li {
    width:calc((100% - 30px) / 2);
    margin:4px 0;
  }

  .town-plan ul li:nth-child(2n)::after {
    display:none;
  }

}

@media all and (max-width:480px) {
  .sub-tab ul li {
    flex:none;
    width:calc(100% / 2);
  }

  .sub-tab ul li:nth-child(3n) a {
    border-right:0;
  }

  .sub-tab ul li:nth-child(2n) a {
    border-right:1px solid #d9d9d9;
  }

  .dev-bi.type2 .bi-wrap.primary li img {
    width:100%;
  }

  .dev-bi.type2 .bi-wrap li dl {
    margin-left:0;
  }

  .dev-bi.type2 .bi-wrap li dl::before {
    left:50%;
    transform: translateX(-50%);
  }

  .dev-bi.type2 .bi-wrap li dl dt {
    text-align: center;
  }

  .dev-bi.type2 .bi-wrap li dl dd br {
    content:"";
    display:inline;
    padding:0 2px;
  }

  .ex-direction ul li {
    padding:10px;
  }

  .ex-direction ul li .direction-con span.result {
    font-size:0.875rem;
  }

  .dev-recycling .conf .conf-b .conf-list ul {
    width:calc((100% - 10px) / 2);
  }

  .dev-recycling .conf .conf-b .conf-list ul:nth-of-type(3n) {
    margin-right:10px;
  } 

  .dev-recycling .conf .conf-b .conf-list ul:nth-of-type(2n) {
    margin-right:0;
  }

  .city-namsan .city-public ul li {
    width:100%;
    margin:0 0 10px 0;
  }

  .city-namsan .city-public ul li:nth-child(2n){
    margin-right:0;
  }

  .city-namsan .city-public ul li:last-child {
    margin-bottom:0;
  }

  .city-namsan .city-public p:last-of-type {
    width:100%;
    max-width:310px;
    box-sizing: border-box;
  }

  .city-namsan .nam-list{
    width:100%;
    border:1px dashed #dedede;
    border-radius:8px;
    margin-bottom:15px;
  }

  .city-namsan .nam-list:last-of-type {
    margin-bottom:0;
  }

  .city-namsan .nam-list::before {
    display:none;
  }

  .city-namsan .nam-list b::before {
    width:80px;
    height:80px;
    background-size:30px;
  }

  .dongnam-river .river-li ul {
    flex-wrap:wrap
  }

  .dongnam-river .river-li ul li {
    width:100%;
    margin-bottom:15px;
  }

  .dongnam-river .river-li ul li  .imgwrap img {
    width:100%;
  }

  .cds-vision .vision-list ul li {
    margin-right:0;
    width:100%;
  }
  
  .cds-vision .vision-list ul li:nth-child(2){
    margin-top:25px;
  }

  .dongnam-river .content-tab ul {
    justify-content: center;
  }

  .dongnam-river .content-tab ul li:first-child {
    margin-left:0;
  }

  .dongnam-river .content-tab ul li a {
    font-size:1rem;
    padding:8px 12px;
  }

  .dongnam-river .tab-contents .center-txt p {
    font-size:1.25rem;
    word-break: keep-all;
  }

  .dongnam-river .tab-contents .center-con {
    padding:25px 15px;
  }

  .wd-bg-ch .bg-ch ul li {
    width:calc(100% / 2);
  }

  .wd-bg-ch .bg-ch ul li:nth-child(3n)::after {
    display:block;
  }
  
  .wd-bg-ch .bg-ch ul li:nth-child(2n)::after {
    display:none;
  }

  .yd-b-goal > ul > li .imgwrap {
    text-align: center;
  }

  .yd-spce ul {
    display:block;
  }

  .yd-spce ul::before {
    width:0;
    top:0;
    transform: translateX(-50%);
    height:calc(100% - 2px);
  }

  .yd-spce ul li {
    margin: 15px auto 0 auto;
  }

  .yd-spce ul li:nth-of-type(2n) {
    margin: 15px auto 0 auto;
  }

  .yd-spce ul li:nth-of-type(3n){
    margin: 15px auto 0 auto;
  }

  .cds-idea-2 > ul > li {
    padding:15px;
  }

  .cds-idea-2 > ul > li dl dt {
    font-size:1rem;
  }

  .cds-idea-2 > ul > li dl dd ul li {
    font-size:0.9125rem;
  }
  
  .cds-plan > ul > li {
    width:100%;
  }

  .dongbook-dbc .roadmap ul.ea6 li {
    width:calc((100% - 20px) / 2);
    margin:4px 20px 4px 0;
  }

  .dongbook-dbc .roadmap ul.ea6 li:nth-child(3n) {
    margin-right:20px;
  }

  .dongbook-dbc .roadmap ul.ea6 li:nth-child(2n) {
    margin-right:0px;
  }

  .dongbook-dbc .roadmap ul.ea6 li:nth-child(3n)::after {
    display:block;
  }

  .dongbook-dbc .roadmap ul.ea6 li:nth-child(2n)::after {
    display:none;
  }

  .dongbook-dbc .roadmap ul.ea5 li {
    width:calc((100% - 20px) / 2);
    margin:4px 20px 4px 0;
  }

  .dongbook-dbc .roadmap ul.ea5 li:nth-child(3n) {
    margin-right:20px;
  }

  .dongbook-dbc .roadmap ul.ea5 li:nth-child(2n) {
    margin-right:0px;
  }

  .dongbook-dbc .roadmap ul.ea5 li:nth-child(3n)::after {
    display:block;
  }

  .dongbook-dbc .roadmap ul.ea5 li:nth-child(2n)::after {
    display:none;
  }

  .town-middle1 .imgbox > p {
    font-size:1rem;
  }

}