/* 20241108 */
/* sub_layout */
.wrapper{min-width:auto;}
#header{/* border-bottom:0; */min-height: auto;}
#logo.emblem{position: static !important;}
#logo .site-name{/* font-weight:700; */}
#logo.er-center{position: static !important;}
#logo.er-center a > img{height:45px;}
#logo img{/* height:40px; */}
#logo a *{vertical-align:middle;}
.gnb-area{border-bottom: 1px solid #e5e5e5;padding: 0 20px;}
.gnb-area .nav-container{height:100px;max-width: 1280px;width: auto;display: flex;justify-content: space-between;align-items: center;}
#gnb{margin:0;}
#gnb .gnb-list{display:flex;}
#gnb .gnb-list > li{display:block;margin-right:90px;}
#gnb .gnb-list > li > a{line-height:60px;font-size: 18px;padding: 0;}

.gnb-area .allmenu-area{display: flex;align-items: center;gap: 20px;color: #555;}
.gnb-area .allmenu-area>a {display: flex;flex-direction: column;align-items: center;gap: 4px;width: auto;height: auto;line-height: 1;color: #666;}
.gnb-area .allmenu-area img{display: block;height: 20px;margin-bottom: 7px;}
.gnb-area .btn-allmenu-open,
.gnb-area .btn-global-search{background:none;right: auto;border: 0;position: static;}

#allmenu .allmenu-body{top:0;}
.container{max-width:1280px;width:100%;}
.new-gnb{padding:0 20px;}

#global-search{left: 0;right: 0;top: 22px;background: none;width: 40%;margin: 0 auto;padding-right: 66px;}
#global-search .global-search-form{max-width:1280px;width:auto;padding: 5px;background: #ddd;}
#global-search .global-search-form fieldset{display:flex;width: 100%;}
#global-search .global-search-form fieldset select{flex:0 0 auto;width: auto !important;height: 45px !important;padding: 0 25px 0 10px !important;background-position: right 10px center !important;font-size: 16px !important;color: #000 !important;}
#global-search .global-search-form fieldset input[type="text"]{flex:1 1 auto;width: 100% !important;height: 45px !important;padding: 5px 10px !important;font-size: 16px !important;}
#global-search .global-search-form fieldset button[type="submit"]{flex:0 0 auto;width: 55px !important;height: 45px !important;}
#global-search .global-search-form .btn-search-close{background-color: #ad4692;border-radius: 10px;width: 55px;height: 55px;top: 0;right: -65px;}

#footer{padding: 30px 20px;}
#footer .related-site{margin-bottom: 25px;}
#footer .related-site .site-group-title a{background:#424242;border-radius: 5px;font-size: 16px;line-height: 56px;}
#footer .logo-bottom{position:static;display: block;}

/* .ft-logo{f} */
.ft-txt{display:flex;justify-content: space-between;border-bottom: 1px solid #424242;padding-bottom: 30px;}
.ft-txt > .lf{margin-top:30px;line-height: 1.8;font-size: 14px;}
.ft-txt > .lf p{/* margin-top:5px; */}
.ft-txt > .lf p span{display:inline-block;}
.ft-txt > .lf p:first-child{margin-top:0;}
.ft-txt > .rt{flex: 0 0 auto;margin-top:5px;}
.ft-txt > .rt .ft-addr a{background:url(/resources/dong/images/home/icon_go.png) no-repeat right center;padding-right: 13px;font-size: 14px;}
.ft-txt > .rt .ft-sns{margin-top:20px;}
.ft-txt > .rt .ft-sns a{margin-left:2px;display: inline-block;}
#footer .footer-menu{padding-top:25px;}
#footer .footer-menu .policy-list{float:none;}
#footer .footer-menu .policy-list li{margin-right:50px;font-size: 16px;}
#footer .footer-menu .policy-list li a{color:rgba(255, 255, 255, 0.7);}
#footer .footer-menu .policy-list li:nth-child(2) a{color:#fff;}
#footer .copyright{color:rgba(255, 255, 255, 0.7);font-size: 14px;}
.footer-menu .ft-mark{position:absolute;top:15px;right:0;}

.top{position:fixed;bottom: 40px;right: calc((100% - 1280px) / 2 - 105px);z-index: 100;}

@media screen and (max-width: 1200px){
  .top-bar .util-area .util-item{padding:0 5px;}
  .top-bar .util-area .screen-control .btn-zoom-in,
  .top-bar .util-area .screen-control .btn-zoom-out{width:10px;}
}
@media screen and (max-width: 1024px){
  #logo.er-center a > img{height:37px;}

  .top-bar .main-site{display:flex;}
  .top-bar .main-site li {width: max-content;min-width: auto;font-size: 12px;flex:1 1 auto;}
  .top-bar .main-site li a {width: 100%;padding: 0;}
  .top-bar .util-area {display: none;}

  #logo.emblem{position: absolute;top: 14px;left: 0;margin-top: 0;font-size: 22px;}
  .gnb-area{border-bottom:0;padding: 0 10px;} /* 20241104 */
  .gnb-area .nav-container{height:80px;justify-content: center;}/* 20241104 */
  .gnb-area .allmenu-area{position: static;font-size: 14px;}
  .gnb-area .allmenu-area>a{display:none;}
  .gnb-area a.btn-allmenu-open, .gnb-area a.btn-global-search{display: flex;}
  #gnb{display:none;}
  /* 20241104 */
  .gnb-area a.btn-global-search{position:absolute;right: 0;top:18px;}
  .gnb-area a.btn-allmenu-open{position:absolute;left: 0;top:18px;}
  #allmenu {position: fixed;z-index: 2000;top: 146px;left: -320px;bottom: 0;transition-duration: .3s;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: start;}
  #allmenu .dimed {top: 146px;}
  /* //20241104 */
  #allmenu.show {left: 0;}
  #allmenu .popup-inner {position: relative;width: 265px;-webkit-transform: translateY(0);transform: translateY(0);height: 100%;padding: 0;margin: 0;background: #fff;}
  #allmenu .popup-header {display: none;}
  #allmenu .popup-body {padding: 0;}
  #allmenu .btn-close-popup {display: block;position: absolute;top: 0;left: 265px;width: 40px;height: 40px;}
  #allmenu .btn-back-popup {display: block;position: absolute;top: 0;left: 65px;width: 40px;height: 40px;}

  .allmenu-util {display: block;background-color: #ad4692;color: #fff;}
  .allmenu-util a {display: table-cell;width: 1%;height: 75px;font-size: 12px;padding-top: 5px;text-align: center;vertical-align: middle;}
  .allmenu-util a img{filter:invert(1);margin-left:auto;margin-right:auto;} /* 20241119 */
  .allmenu-util a .text {display: block;margin-top: 5px;}
  #allmenu .allmenu-list,
  #allmenu .allmenu-body {position: absolute;top: 75px;bottom: 0;}
  .allmenu-list {left: 0;bottom: 0;width: 110px;background: #f5f7fa;border-right: 1px solid #e5e5e5;}
  .allmenu-list li a {display: block;padding: 8px 0 8px 16px;border-bottom: 1px solid #e5e5e5;font-size: 14px;line-height: 19px;color: #222;}
  .allmenu-list li.on {padding-left: 0;}
  .allmenu-list li.on a {position: relative;width: 110px;padding-left: 16px;padding-right: 8px;font-weight: 500;color: #2c53b0;background-color: #fff;}
  #allmenu .allmenu-body {width: 100%;right: 0;padding: 0;overflow-y: auto;-webkit-overflow-scrolling: touch;}
  .allmenu-body .lnb-title h3 {padding: 10px 0 8px;border-bottom: 1px solid #ad4692;display: block;font-size: 14px;color: #ad4692;line-height: 22px;}
  .allmenu-body h3 a {display: block;color: inherit;font-size: inherit;line-height: inherit;}
  .allmenu-lnb {position: relative;padding: 0 10px;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  .allmenu-lnb > ul.lnb-list {padding: 7px 5px;border: 0;}
  .allmenu-lnb > ul.lnb-list  > li {margin: 3px 0;border-top: 0;}
  .allmenu-lnb > ul.lnb-list > li a {position: relative;display: block;padding: 2px 0 2px 10px;font-size: 12px;font-weight: 400;line-height: 16px;width: auto;height: auto;background: transparent;}
  .allmenu-lnb > ul.lnb-list > li a:before {content: '';position: absolute;left: 2px;top: 8px;width: 4px;height: 4px;border-radius: 50%;background-color: #999;}
  .allmenu-lnb > ul.lnb-list > li.collapse > a {position: relative;padding-right: 20px;}
  .allmenu-lnb > ul.lnb-list > li.collapse > a:after {position: absolute;right: 0;top: 6px;width: 10px;height: 10px;background: url(/resources/www/images/common/ico-chevron-down-gray.png) no-repeat right center;background-size: 10px auto;content: '';-webkit-transition-duration: .3s;transition-duration: .3s;}
  .allmenu-lnb > ul.lnb-list > li.collapse.on > a:after {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
  .allmenu-lnb ul.lnb-list ul {display: none;padding: 10px 5px 10px 15px;margin: 3px 0 10px;background-color: #f5f7fa;}
  .allmenu-lnb ul.lnb-list ul li a {display: block;position: relative;padding: 2px 5px;font-size: 12px;line-height: 18px;color: #999;}
  .allmenu-lnb ul.lnb-list li.on ul li a.active {font-weight: bold;color: #2c53b0;}
  .allmenu-lnb ul.lnb-list ul li a:before {position: absolute;left: 0;top: 11px;width: 2px;height: 1px;background: #999;content: '';}
  .allmenu-lnb:last-child {min-height: 100%;}
  .allmenu-body ul li a.active{color:#ad4692;}/* 모바일 메뉴 선택 표시 */
  .lnb-list ul li.active a{background:#ad4692;color:#fff;}/* 모바일 메뉴 선택 표시 */
  .allmenu-lnb .lnb-title{/* f; */height: inherit;margin-bottom: inherit;padding-left: 0;line-height: inherit;background-repeat: inherit;background-position: inherit;}

  /*4depth*/
  .lnb-4depth a:before {content: '';position: absolute;left: 2px;top: 8px;width: 4px;height: 4px;border-radius: 50%;background-color: #999;}
  .lnb-4depth.collapse > a {position: relative;padding-right: 20px;}
  .lnb-4depth.collapse > a:after {position: absolute;right: 0;top: 6px;width: 10px;height: 10px;background: url(/resources/www/images/common/ico-chevron-down-gray.png) no-repeat right center;background-size: 10px auto;content: '';-webkit-transition-duration: .3s;transition-duration: .3s;}
  .lnb-4depth.collapse.on > a:after {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
  .allmenu-lnb ul ul .lnb-4depth > ul{background-color:#fff;border-top:1px solid #e5e5e5;padding: 5px 5px 3px 6px;margin: 2px 0 4px;}
  .allmenu-lnb ul ul .lnb-4depth > ul li a{font-size:11px;}

  #global-search {/* left: 0; *//* right: 0; */position: absolute;top: auto;width: 45%;padding-right: 30px;margin-left: auto;margin-right: 23%;}
  #global-search .global-search-form {width: auto;}
  #header #global-search .global-search-form {padding: 5px;}
  #header #global-search .global-search-form fieldset:not(.detail-search) .form-control,
  #header #global-search .global-search-form fieldset:not(.detail-search) .form-control-keyword {vertical-align: middle;border: 0;border-radius: 0;height: 30px;font-size: 16px;}
  #header #global-search .global-search-form fieldset:not(.detail-search) select {width: 100px;padding: 0 15px;background-position: right 5px center;}
  #header #global-search .global-search-form fieldset:not(.detail-search) .form-control-keyword {width: calc(100% - 135px);line-height: 20px;padding: 5px 15px;}
  #header #global-search .global-search-form fieldset:not(.detail-search) .form-control-keyword::-webkit-input-placeholder {color: #999;opacity: 1;}
  #header #global-search .global-search-form fieldset:not(.detail-search) .form-control-keyword:-ms-input-placeholder {color: #999;opacity: 1;}
  #header #global-search .global-search-form fieldset:not(.detail-search) .btn-search-submit {width: 35px;height: 30px;background-size: 15px auto;}
  #header #global-search .global-search-form fieldset.detail-search {background-color: #fff;margin: 15px -15px -15px;}
  #header #global-search .global-search-form .btn-search-close {display: block;top: 0;right: -64px;width: 55px;height: 55px;background: #fff url(/resources/dong/images/home/ico-close-primary-m.png) no-repeat center center;background: #ad4692 url(https://www.nowon.kr/resources/dong/images/common/ico-close-white.png) no-repeat center center;background-size: 25px 25px;}
  #global-search .keyword-input {position: relative;}
  #global-search .keyword-input .btn-auto-complete {right: 40px;margin-top: -10px;width: 20px;height: 20px;background-size: 8px auto;}
  #global-search .keyword-input .btn-auto-complete.close {right: 4px;top: -24px;}
  #global-search .keyword-input .keyword-list-container {left: 100px;right: 35px;}
  #global-search .keyword-input .keyword-list {padding: 5px 10px;}
  #global-search .keyword-input .keyword-list li {line-height: 25px;}
  #global-search .detail-search {font-size: 0.15rem;}
  #global-search .detail-search .search-within {padding: 10px 15px;display: block;text-align: right;}
  #global-search .detail-search .detail-search-utils {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0 10px 15px;}
  #global-search .detail-search .detail-search-utils a {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;white-space: nowrap;margin: 0 5px;height: 31px;padding: 0 10px;line-height: 29px;text-align: center;font-size: 14px;border: 1px solid #ebebeb;}
  #global-search .detail-search .detail-search-utils a span {vertical-align: middle;}
  #global-search .detail-search .detail-search-utils a img {height: 20px;}
  #global-search .detail-search .detail-search-utils a .ico {margin-left: 5px;}
  #global-search .detail-search .detail-search-utils .ico-question {width: 15px;height: 15px;line-height: 15px;background-image: url("/resources/www/images/common/ico-question.png");}
  #global-search .detail-search .detail-search-utils .btn-detail-search {border-color: #2c53b0;padding-right: 25px;background: url(/resources/www/images/common/ico-chevron-down-primary.png) no-repeat right 8px center;background-size: 20px 20px;}
  #global-search .detail-search .detail-search-utils .btn-detail-search.on {position: relative;color: #2c53b0;font-weight: 500;background-image: url(/resources/www/images/common/ico-chevron-up-primary.png);}
  #global-search .detail-search .detail-search-utils .btn-detail-search.on:after {display: block;position: absolute;left: 50%;bottom: -20px;width: 0;height: 0;margin-left: -6px;border-left: 6px solid transparent;border-bottom: 10px solid #2c53b0;border-right: 6px solid transparent;content: '';}
  #global-search #detail-search-form {display: none;margin-top: 3px;border-top: 1px solid #2c53b0;padding: 15px;}
  #global-search #detail-search-form .input-item {position: relative;padding-left: 65px;margin-bottom: 10px;}
  #global-search #detail-search-form .input-item .title {position: absolute;left: 0;top: 0;line-height: 35px;}
  #global-search #detail-search-form .input-item .form-control {width: 100%;}
  #global-search #detail-search-form .input-item.input-item-term .title {top: -6px;}
  #global-search #detail-search-form .input-item.input-item-term .term-setting {display: block;}
  #global-search #detail-search-form .input-item.input-item-term .term-setting label {margin: 0 8px 7px 0;display: inline-block;white-space: nowrap;}
  #global-search #detail-search-form .term-datepicker {display: block;text-align: center;}
  #global-search #detail-search-form .term-datepicker .form-control {width: calc(50% - 42px) !important;}


  #footer{padding: 20px 20px 70px;}
  #footer .related-site{display:flex;justify-content: space-between;gap:0 10px;}
  #footer .related-site .site-group + .site-group{margin-left:0;margin: 0 !important;/* !i;!; */}
  #footer .related-site .site-group{flex: 1 1 auto;}
  #footer .related-site:after{display:none;}
  .footer-menu .ft-mark{top: 53px;}
  .footer-menu .ft-mark img{width:97px;}
  #footer .footer-menu{padding-top:10px;}
}
@media screen and (max-width: 767px){
  #logo.er-center{font-size:16px;top:17px;}
  #logo.emblem{font-size:16px;top: 17px;}

  #logo.emblem img{height: 40px;}

  #allmenu,
  #allmenu .dimed{top: 130px;}

  .gnb-area .nav-container{height:64px;}
  .gnb-area .allmenu-area{gap:0 15px;}
  .gnb-area a.btn-allmenu-open, .gnb-area a.btn-global-search{font-size:12px;}
  .gnb-area a.btn-allmenu-open img, .gnb-area a.btn-global-search img{height:17px;margin-bottom: 0;}

  #header #global-search .global-search-form .btn-search-close {top: -66px;right: 9px;width: 48px;height: 48px;} /* 20241104 */

  #global-search{width:auto;left: -20px;right: -20px;top: 64px;padding: 10px;margin-right: auto;}
  #global-search .global-search-form fieldset button[type="submit"]{width: 45px !important;}


  #footer{padding:20px;}
  #footer .related-site{display:block;margin-bottom: 30px;}
  #footer .related-site .site-group{float:none;width:100%;}
  #footer .related-site .site-group + .site-group{margin-top: 8px !important;}
  #footer .related-site .site-group:first-of-type{margin-top:0;}
  #footer .related-site .site-group-title a{font-size:14px;line-height: 50px;}
  .ft-logo img{height:49px;}
  .ft-txt{display:block;padding-bottom: 20px;}
  .ft-txt > .lf{margin-top: 20px;}
  .ft-txt > .rt{margin-top:20px;}
  .footer-menu .ft-mark{position:static;margin-top: 10px;}
}



/* sub_respon */

/* 20241108 */
@media (max-width: 1280px) {
  #container{width:100%;}
}
/* //20241108 */

@media (max-width: 1024.98px) {
  #sidebar {
    display: none;
  }

  #content {
    min-height: calc(100vh - 213px);
  }
  #container {
    width: auto;
    border-left: 0;
  }
  #container #content {
    float: none;
    width: auto;
    border-left: 0;
    padding: 0 15px 0;
  }

  .table-list {
    display: block;
    border: 0;
  }
  .table-list colgroup {
    display: none;
  }
  .table-list thead {
    display: none;
  }
  .table-list tbody {
    display: block;
    text-align: left !important;
  }
  .table-list tbody tr {
    display: block;
    border: 1px solid #e5e5e5;
    padding: .15rem;
  }
  .table-list tbody tr + tr {
    margin-top: .15rem;
  }
  .table-list tbody td {
    display: inline-block;
    vertical-align: top;
    padding: 0 !important;
    border: 0 !important;
    height: auto !important;
    /*color: #999;*/
  }
  .table-list tbody .cell-no,
  .table-list tbody .cell-file {
    display: none;
  }
  .table-list tbody .cell-subject {
    display: block;
    padding-left: 0;
    font-size: 14px;
    font-weight: 500;
    color: #222;
  }
  .table-list tbody .cell-subject:before {
    display: none;
  }
  .table-list tbody .cell-subject a:hover, .table-list tbody .cell-subject a:focus {
    text-decoration: underline;
  }
  .table-list tbody .cell:before,
  .table-list tbody .cell-date:before,
  .table-list tbody .cell-hit:before {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 10px;
    margin: -2px 6px 0 2px;
    background: #999;
    content: '';
  }
  .table-list tbody .nodata {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #222;
  }
}

@media (max-width: 767.98px) {
  .bbs-search .label {
    margin-left: 0 !important;
  }
  .bbs-search .input-area,
  .bbs-search .btn-area {
    display: block;
    width: auto !important;
  }
  .bbs-search .input-area .form-control {
    display: block;
    width: 100% !important;
    margin: 0 0 .10rem !important;
  }
  .bbs-search .btn-area {
    margin: -.07rem;
  }
  .bbs-search .btn-area .col {
    display: table-cell;
    width: 1%;
    padding: .07rem;
  }
  .bbs-search .btn-area .col .btn {
    display: block;
    width: 100%;
    margin: 0;
  }
  .bbs-search.bbs-search-multi label {
    display: block;
    margin: 0 0 .03rem !important;
  }

  .tab-list-matrix.col-10 li{width:25%;}
  .t-scroll-768{min-width:0 !important;overflow:auto;}
  .t-scroll-768 > table{width:768px;}
  .article-view .article-body .txt .se-contents .se-image{width:100% !important;}
  .article-view .article-body .txt .se-contents .se-image img{height:auto !important;}
  .process-box > ul > li,
  .process-box ol > li{display:block;}
  .process-box > ul > li + li,
  .process-box ol > li + li{margin-top:40px;}
  .process-box > ul > li + li:before,
  .process-box ol > li + li:before{-webkit-transform: rotate(45deg);transform: rotate(45deg);left: calc(50% + 5px);}
  .process-box > ul > li + li:after,
  .process-box ol > li + li:after{-webkit-transform: rotate(135deg);transform: rotate(135deg);left: calc(50% - 5px);margin-top: -0.15rem;}
  .process-box > ul > li + li:before,
  .process-box > ul > li + li:after,
  .process-box ol > li + li:before,
  .process-box ol > li + li:after{top: -25%;}
  .content-header{height:60px;line-height:60px;}
  .content-header .content-title{font-size:20px;}
  .title1{margin:.2rem 0 .05rem;font-size:.19rem;}
  .title1:before{top: .09rem;}
  .title2{margin:.15rem 0 .05rem .1rem;font-size:.17rem;}

}


@media (max-width: 480px) {
  .tab-list-matrix {font-size: 0.14rem !important;}
  .tab-list-matrix.col-10 li{width:50%;}
}
/* //20241108 */