@media not print {
    /* 1600*900 */
    @media (max-width: 1600px) {
        #left,
        #right {
            width: 240px;
            left: 40px;
            transform: translate(0, 0);
        }
        #right {
            left: 0;
        }
        #gnb {
            left: 240px;
            transform: translate(0, 0);
        }
        
        #gnb>ul>li>a {
            font-size: 1.2rem;
        }
        
        footer .inner {
            padding-right: 40px;
            padding-left: 150px;
        }
        
        footer .logo {
            left: 40px;
        }
    
        .section-container .section.intro>.inner,
        .section.process>.inner,
        .section-container .section.kr-news .inner,
        footer .inner {
            width: calc(100% - 80px);
            box-sizing: border-box;
        }

        /* 1600px */
        #lnb {
            display: none;
        }
		
        #contents {
            float:none;
            width: 100%;
            max-width: 1250px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .section-container .section.carousel .tit-wrap {
            padding-left: 40px;
        }
        
        .table-wrap.main.scroll table tbody tr td {
            font-size: 1em;
        }
        
        .section-container .section.carousel .owl-carousel {
            height: 300px;
        }
        
        body:has(main.index) .section .box .tit {
            font-size: 1.25em;
        }
        
        .section-container .section h2>span:first-child {
            font-size: 1em;
        }
        
        .table-wrap.main.scroll table tbody td {
            height: 40px;
        }
        
        .section.process .box-wrap.flex.mgt50 {
            margin-top: 30px !important;
        }
        
        .section.process .box .tit,
        .section-container .section h2>span:nth-child(2) {
            font-size: 0.75em;
        }
        
        .section.process .table-wrap.scroll.mgt50 {
            margin-top: 20px !important;
        }
        
        .section-container .section.kr-news ul>li>a>span:first-child {
            font-size: 1em;
        }
        
        .section-container .section.kr-news ul>li>a>span:nth-child(2) {
            font-size: .933em;
        }

        .btn-go-top {
            width: 44px;
            height: 44px;
            right: 10px;
        }
        
        .pdf-left {
            flex-basis: 190px;
        }
        .pdf-util .btn {
            font-size: 1.067em;
            height: 64px;
            line-height: 62px;
        }
        .pdf-util .btn::after {
            width: 16px;
            height: 16px;
        }
        .pdf-index > li > .btn {
            font-size: .933em;
            padding: 12px 12px;
        }
        .pdf-index > li.active > .btn {
            padding: 9px 9px;
        }
    }
    
    /* 1366*768 */
    @media (max-width: 1366px) {
        .section-container .section.footer {
            padding: 0;
        }
        
        .section-container .section.carousel .owl-carousel {
            margin-top: 40px;
        }
        
        .btn-panel-wrap {
            left: 0;
        }
        
        .scroll-down {
            bottom: 25px;
        }
        
        .section-container .section h2>span:first-child::before {
            width: 18px;
            height: 18px;
        }
        
        body:has(main.index) .section .box {
            padding: 25px 25px 55px;
        }
        
        .section-container .section.carousel .box {
            padding: 25px;
        }
        
        body:has(main.index) .section .box .tit {
            font-size: 1.067em;
        }
        
        .box .date {
            bottom: 20px;
            left: 25px;
        }
        
        .box .btn-wrap {
            top: 25px;
            right: 25px;
        }
        
        .table-wrap.main.scroll table thead th,
        .table-wrap.main.scroll table tbody td {
            height: 36px;
        }
        
        .table-wrap.main.scroll table tbody tr td {
            font-size: .933em;
        }
        
        .section.process .box .tit, 
        .section-container .section h2>span:nth-child(2) {
            font-size: 1.067em;
        }
        
        .section-container .section h2>span:nth-child(2) {
            margin-top: 7px;
        }
        
        .section-container .section.kr-news ul>li>a {
            padding: 1.8em 2em;
        }
        
        footer ul.footer-util li {
            margin-right: 20px;
        }
    }
    
    /* 1280px*/
    @media (max-width: 1279px) {
        #left {
            width: 220px;
        }
        
        #right {
            display: none;
        }
        
        #right + div {
            width: 100%;
            margin-right: 0;
        }
        
        footer .inner .dropdown-toggle {
            top: auto;
            bottom: -10px;
        }
        
        body:has(main.index) .section .box .tit {
            font-size: 1.2em;
        }
        
        .section-container .section.carousel .owl-item {
            width: 260px !important;
        }
                
        .grid-guide{
            display: block;
        }
        
        .grid-guide span{
            width: 100%;
        }
        
        .grid-guide .info{
            margin-bottom: 10px;
        }
        
        .nav.d4-tab .nav-link {
            font-size: 1.067rem;
        }
        
        .nav.d5-tab .nav-link {
            font-size: .933rem;
        }
        
        .btn.btn-plus {
            font-size: .867em;
        }
        
        .relation-wrap div br {display: none;}
        
        /* Error Page */
        .error-wrap {
            width: calc(100% - 40px);
        }
    }
    
    /* 1024px */
    @media (max-width: 1024px) {
        /* common */
        body {
            overflow: initial;
        }
        
        .section-container .section.carousel .owl-carousel {
            margin-top: 36px;
        }
        
        .section-container .section.first-section>.inner {
            margin-top: 36px;
        }

        html, body {
            height: auto !important;
        }
        
        html,
        body:has(main.index) {
            overflow-x: hidden;
            overflow-y: auto !important;
        }
        
        .loading-wrap::before,
        .loading-wrap-02::before {
            width: 160px;
            height: 160px;
        }

        .section-container .section.first-section>.inner,
        .section-container .section.intro>.inner,
        .section.process>.inner,
        .section-container .section.kr-news .inner,
        footer .inner {
            width: 100%;
            min-width: auto;
            padding: 0 40px;
        }
        
        .m-visible {
            position: static;
        }
        .m-hidden {
            display: none !important;
        }
        
        .btn-menu {
            display: block;
        }
        #left {
            display: none;
        }
                
        #right + div {
            width: 100%;
            padding-right: 0;
        }
        
        footer .inner .dropdown-toggle {
            top: -3px;
            bottom: auto;
            right: 20px;
            height: 36px;
            line-height: 36px;
        }
        
        .section-container .section.first-section>.inner {
            padding: 0 30px;
        }
        
        .section.first-section::before {
            background-size: 120% auto;
            background-position: 80px 10%;
        }
        
        .section-container .section>.inner {
            margin-top: 40px;
        }
                
        .scroll-down {
            display: none;
        }
        
        .quick-links-wrap {
            margin:40px auto 0 auto;
            width: 80%;
        }
        
        .quick-links-wrap>ul {
            grid-template-columns: 1fr 1fr 1fr 1fr;
            row-gap: 22px;
        }
        
        .quick-links-wrap>ul>li>a * {
            font-size: .8rem;
        }
        
        .quick-links-wrap .thumb {
            width: 50px;
            height: 50px;
            border-radius: 18px;
        }

        .quick-links-wrap .thumb > img {
            max-width: 24px;
            max-height: 24px;
        }
        
        .quick-links-wrap .thumb embed {
            width: 26px;
            height: 26px;
        }
        
        .section-container {
            height: auto !important;
            touch-action:initial !important; 
            transform: translate3d(0px, 0px, 0px) !important;
            /*z-index: 400;*/
        }
        
        .section-container .section {
            height: auto !important;
        }
        
        .section-container .section h2 {
            text-align: left;
        }
        
        .section-container .section h2>span:first-child {
            font-size: 1.5em;
        }
        
        .section.intro .nav,
        .section .flex-top .nav-wrap .nav {
            justify-content: flex-start !important;
            position: static;
            clear: both;
            width: 100%;
            overflow-x: auto;
            justify-content: flex-start;
        }
        
        .section.process .box-wrap.flex .owl-nav,
        .section.process .box-wrap.flex .owl-dots {
            display: none;
        }
        
        .section-container .section.carousel {
            display: block;
            padding-bottom: 40px;
        }
        
        .section-container .section {
            padding: 60px 0;
            border-top: 1px solid rgba(179, 180, 166, .4);
        }
        
        .section-container .section>.inner {
            margin-top: 0;
        }
        
        .section-container .section.carousel .no-data {
            margin-left: auto;
            margin-right: auto;
            margin-top: 30px;
            width: calc(100% - 80px);
        }
        
        .section-container .section.carousel .tit-wrap {
            width: 100%;
            padding-top: 0;
            padding-left: 40px;
            padding-right: 40px;
            white-space: normal;
        }
        
        .section-container .section.kr-news h2.left + .no-data {
            margin-top: 30px;
        }
        
        .section-container .section.carousel .tit-wrap br {
            display: none;
        }
        
        .section-container .section h2>span:first-child::before {
            opacity: 1;
            right: -15px;
            top: -5px;
            width: 10px;
            height: 10px;
        }
        
        .section-container .section.carousel .owl-carousel {
            height: auto;
            padding: 0 40px;
        }
        
        body:has(main.index) .section .box {
            border-radius: 18px;
            padding: 32px 36px;
        }
        
        .section-container .section.carousel .box .go {
            font-size: .8em;
            margin-top: .5rem;
        }
        
        .box .date,
        .box .btn-wrap {
            width: 100%;
            position: static;
            margin-top: .667rem;
        }
        
        .box .btn-wrap button {
            margin-right: .5rem;
            margin-left: 0;
        }
        
        .section-container .section.carousel .box .go .ico {
            width: .667rem;
            height: .667rem;
            margin-top: .35rem;
        }
        
        body:has(main.index) .section .box .tit {
            font-size: 1.067rem;
        }
        
        body:has(main.index) .section.carousel .box .tit {
            margin-top: 0;
        }
    
        .section-container .section.carousel .owl-carousel .item + .item {
            margin-top: 22px;
        }
        
        .section-container .section h2>span:nth-child(2),
        .table-wrap.main.scroll table thead th {
            font-size: .933rem;
        }
        
        .btn.btn-go-arrow {
            font-size: .867rem;
        }
        
        .section.first-section {
            height: 100vh !important;
        }
        
        .btn-go-plus {
            width: 16px;
            height: 16px;
        }
        
        .btn-go-plus::before, 
        .btn-go-plus::after {
            width: 12px;
            height: 2px;
        }
                
        .table-wrap.main.scroll table thead th, 
        .table-wrap.main.scroll table tbody td {
            padding: 0 .8rem;
        }
        
        .section.process .box-wrap {
            clear: both;
            display: block;
            width: 100%;
            padding-top: 2rem;
        }
        
        .section.process .box-wrap .owl-stage {
            white-space: nowrap;
        }
        
        .section.process .box-wrap .owl-item {
            display: inline-flex;
            width: 38.4vw !important;
            margin-right: 24px;
            white-space: normal;
        }
        
        .section.process .box-wrap .item,
        .section.process .box-wrap .owl-item .box {
            width: 100%;
            height: 100%;
        }
        
        .section.process .box-wrap .item .box .tit {
            min-height: 72px;
        }
        
        .section .flex-top a.btn-go-plus {
            top: 7px;
            right: 40px;
        }

        .content-main-biz ul li:nth-child(even), .content-main-biz ul li:nth-child(3) {
            margin-left: 0px;
        }
        
        .section .flex-top .nav-wrap {
            float: left;
            margin-top: 20px;
            width: 100%;
        }
        
        .section.process .box-wrap {
            clear:both;
        }
        
        .btn.btn-go-arrow {
            margin-top: 5px;
            padding-left: .2em;
        }
        
        .section-container .section.kr-news .inner {
            display: block;
        }
        
        .section-container .section.kr-news h2.left {
            float: none;
            width: 100%;
        }
        
        .section-container .section.kr-news {
            padding-bottom: 40px;
        }
        
        .section-container .section.kr-news .btn.btn-go-arrow {
            position: absolute;
            top: -18px; 
            right:40px;
            margin-top: 0;
        }
        
        .section-container .section.kr-news ul {
            margin-top: 30px;
        }
        
        .section-container .section.kr-news ul>li>a {
            padding: 25px 20px;
        }
        
        .section-container .section.kr-news ul>li>a>span:first-child {
            font-size: 1.067em;
        }
        
        .section-container .section.kr-news ul>li>a>span:nth-child(2) {
            font-size: .933em;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-top: .867em;
        }
        
        .section-container .section.kr-news ul>li>a>span:nth-child(3) {
            font-size: .933em;
            margin-top: .867em;
        }
        
        .section.process .box-wrap.flex .owl-stage-outer {
            margin-right: 0;
        }
        
        footer .inner {
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 48px;
        }
        
        footer .logo {
            width: 40px;
            height: 30px;
            left: 20px;
        }
        
        footer .logo embed {
            width: 100%;
            height: 100%;
        }
        
        footer ul.footer-util li {
            margin-right: .8rem;
        }
        
        footer ul.footer-util li a,
        footer ul.info li * {
            font-size: .8rem;
        }
        
        footer .copyright {
            font-size: .733rem;
        }
        
        footer ul.info li .ico {
            height: 10px;
        }
        
        footer ul.info li *,
        footer .copyright {
            font-weight: 400;
            color: #A8A9AF;
        }
        
        .btn.btn-inform {
            margin: .3rem;
            text-align: left;
        }
        
        .btn.btn-file-download:not(.no-responsive) {
            font-size: 0px;
            text-indent: -9999px;
        }
        .btn.btn-file-download.no-responsive {
            height: auto; 
            line-height: 1em;
            justify-content: start;
            text-align: left;
            padding-top: .35em;
            padding-bottom: .35em;
            margin-top: .2em;
            margin-bottom: .2em;
        }
        .btn.btn-file-download.no-responsive::before {
            flex: 0 0 18px;
        }
        
        .btn.btn-file-download::before {
            margin-right: 0;
            width: 28px;
            border: none;
        }
    
        .file-wrap {
            flex-direction: column;
            align-items: start;
            gap: 12px;
            padding: 20px 30px;
        }
        
        .file-wrap .btn.btn-down {
            padding: 0;
            height: auto;
            display: block;
            white-space: normal;
            text-align: left;
            word-break: break-all;
        }
        
        .file-wrap .btn.btn-down i.btn.btn-download {
            margin-right: .4rem;
        }
        
        .grid-guide span{
            font-size: .8rem;
        }
        
        .grid-guide .re-guide b{
            margin: 0 2px 0 4px;
        }
    }
    
    @media (max-width: 768px) {
        .content-main-biz ul {
            flex-direction: column;
            flex-wrap: nowrap;
            padding-left: 0;
        }
    
        .content-main-biz ul li {
            flex: none;
            max-width: 100%;
        }
    
        .content-main-biz ul li:nth-child(n + 2) {
            margin-top: 40px;
        }
    
        .content-main-biz ul li:nth-child(even) {
            margin-left: 0;
        }
    
        .content-main-biz .item-copy .tit {
            font-size: 18px;
            font-weight: 700;
            margin: 16px 0 10px;
        }
    
        .content-main-biz .item-copy .copy {
            white-space: normal;
            font-size: .933rem;
        }

        .for-p {
            display: none;
        }
    
        .for-m {
            display: block;
        }
    
        .btn {
            font-size: .867rem;
        }
        .btn-container {
            display: flex;
            justify-content: right;
            gap: 10px;
        }
        .btn-container > * {
            position: static !important;
            transform: translate(0, 0) !important;
        }
        
        .quick-links-wrap>ul {
            column-gap: 10px;
        }
        .quick-links-wrap>ul>li {
            flex-basis: calc(100%/4 - 10px);
        }

        .quick-links-wrap .thumb > img {
            max-width: 24px;
            max-height: 24px;
        }
        
        .quick-links-wrap ul li:nth-child(2) .thumb > img {
            max-width: 32px;
            max-height: 32px;
        }

        .process .table-wrap.main.scroll table tbody tr td a.ellipsis {
            white-space: nowrap;
        }
        
        * {
            word-break: normal;
        }
        
        *:not(*[class*=CellHeader]) > br {
            display: none;
        }
        
        br.m-visible {
            display: inline;
        }

        p.medium, 
        span.medium, 
        .bootstrap-duallistbox-container label {
            font-size: 1.067em;
        }

        .form-check-input[type=checkbox] + label, 
        .form-check-input[type=radio] + label {
            font-size: .933em;
        }
         
        .grid-title {
            flex-wrap: wrap;
        }
        
        .grid-title .data-search-wrap:not(.for-clone) .floor label {
            display: inline-block;
            margin-bottom: 0;
            margin-right: .3rem !important;
            vertical-align: middle;
        }
        
        .grid-title .data-search-wrap:not(.for-clone) .floor * + label {
            margin-left: .7rem !important;
        }
        
        .grid-title .unit {
            text-align: right;
        }
        
        .nav.d5-tab .nav-link {
            font-size: .867rem;
        }
        
        .bootstrap-duallistbox-container .btn-group .btn::before  {
            transform: rotate(90deg);
        }

        .bootstrap-duallistbox-container .btn-group .btn.remove::before,
        .bootstrap-duallistbox-container .btn-group .btn.removeall::before {
            transform: rotate(-90deg);
        }

        .bootstrap-duallistbox-container .box2 {
            margin-top: 20px;
        }

        .bootstrap-duallistbox-container select {
            height: 160px !important;
        }

        .bootstrap-duallistbox-container~.btn-wrap.center {
            display: flex;
            width: 100%;
            gap: 10px;
        }

        .bootstrap-duallistbox-container~.btn-wrap.center .btn {
            flex: 1 1 0;
            margin: 0;
        }
        
        .complete-wrap embed {
            width: 100px;
        }
        
        .complete-wrap > p:first-of-type {
            font-size: 1.4rem;
        }
        
        .file-grid {
            grid-template-columns: 1fr 1fr 1fr 1fr;
        }
        .btn-wrap.center.file {
            flex-direction: column;
            row-gap: .667em;
        }
        .btn-wrap.center.file .btn {
            justify-content: center;
        }
    }
    

    @media (max-width: 480px) {
        .section-container .section h2>span:first-child {
            font-size: 1.25em;
        }

        .nav.d4-tab .nav-link {
            padding: 0.4rem .7rem;
            font-size: .933rem;
        }
        
        .util>li>a>em {
            padding-top: 100%;
        }
        
        .loading-wrap::before,
        .loading-wrap-02::before {
            width: 120px;
            height: 120px;
            background-size: 90px auto;
        }
        
        .util>li>a {
            background-size: 20px auto;
        }
        .util>li>a>em {
            padding-top: calc(100% - 3px);
        }
        .quick-links-wrap>ul>li>a * {
            font-size: .667em;
        }
        .quick-links-wrap>ul>li>a>span {
            font-size: .867em;
        }
        
        .box .border-span {
            font-size: .8rem;
        }
        
        body:has(main.index) .section .box {
            padding:30px 25px;
        }
        
        .article-detail .article-tit {
            font-size: 1.2em;
            margin-bottom: 16px;
        }
        .article-detail .article-content {
            padding-top: 40px;
        }
        
        .narrow-form {
            padding-left: 20px;
            padding-right: 20px;
        }
        
        div.form .file .flex-box {
            flex-wrap: wrap;
            row-gap: 5px;
            justify-content: flex-end;
        }
        
        div.form .file .flex-box input[type=text] {
            flex: 0 0 100%;
        }
        
        div.form .file .flex-box .break {
            flex: 0 0 100%;
        }

        .eval-wrap.resume .kind {
            padding: 1rem;
        }

        .btn-go-top {
            display: none;
        }

        .grid-title .title,
        .bootstrap-duallistbox-container label {
            font-size: 1em;
        }

        .bootstrap-duallistbox-container label {
            height: auto !important;
            margin-top: 1px;
            min-width: auto;
        }

        .bootstrap-duallistbox-container .info-container {
            margin-top: 0;
        }

        .bootstrap-duallistbox-container .info {
            margin: 0;
        }
        
        .btn-wrap.center.file .btn {
            white-space: normal;
            justify-content: start;
            text-align: left;
            height: auto;
            line-height: 1em;
            padding-top: .35em;
            padding-bottom: .35em;
        }
        
        .tab-container .map .point {
            width: 3px;
            height: 3px;
        }
        .tab-container .map .point .span-group {
            font-size: .733em;
        }
        
        /* Error Page */
        .error-wrap .inner {
            padding: 40px 40px;
        }
        .error-wrap p.big {
            font-size: 1.6em;
        }
        .error-wrap p.medium {
            font-size: 1.2em;
        }
        .img-error {
            width: 120px;
            margin-bottom: 30px;
        }
    }
    
    @media (max-width: 360px) {
        
        .quick-links-wrap>ul>li {
            flex-basis: calc(100%/3 - 10px);
        }
        
        body:has(main.index) .ranking {
            width: 100%;
            justify-content: start;
            text-align: left;
        }
        
        body:has(main.index) .ranking > * {
            flex: 1 1 0;
            margin-right: 0;
        }
        
        body:has(main.index) .ranking > label {
            flex: 0 0 4rem;
        }
        
        body:has(main.index) .ranking > .keyword-ranking {
            flex: 0 0 calc(100% - 4rem - 6rem);
            width: calc(100% - 4rem - 6rem);
            min-width: 0;
        }
        
        .file-grid {
            grid-template-columns: 1fr 1fr;
        }
    }
    
    /* 1600*900 */
    @media (max-height: 757px) {}
    
    /* 1366*768 */
    @media (max-height: 625px) {}

    @media screen and (max-height: 480px) and (max-width: 1024px) {

        .section-container .section.carousel .owl-carousel {
            margin-top: 20px;
        }
        
        .util>li>a>em {
            padding-top: 100%;
        }
        
        .btn-panel-wrap button {
            width: 2.4rem;
            height: 2.4rem;
        }
    }
    
    @media screen and (max-height: 360px) and (max-width: 1024px) {
        .quick-links-wrap {
            margin-top: 20px;
        }
        .quick-links-wrap>ul {
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        }
    }
    
    @media screen and (min-height: 1600px) and (min-width: 1080px) {
        .section-container .search-wrap>.input-group {
            width: calc(100% - 120px);
        }
        .section-container .search-wrap>.input-group>.form-control {
            height: 90px;
        }
        .section-container .search-wrap>.input-group {
            height: 100px;
        }
        .section-container .search-wrap>.btn {
            width: 100px;
            height: 100px;
        }
        .quick-links-wrap>ul {
            max-width: 60vw;
            margin-left: auto;
            margin-right: auto;
        }
        .quick-links-wrap>ul>li {
            flex-basis: calc(100%/4);
        }
        .section.first-section::before {
            background-position: 50% 50%;
            background-size: inherit;
        }
        .section-container .section>.inner {
            margin-top: 2.6em;
        }
        .section.process .box-wrap.flex.mgt50 {
            margin-top: 80px !important;
        }
        .section.process .table-wrap.scroll.mgt50 {
            margin-top: 80px !important;
        }
        body:has(main.index) .section .box {
            padding:35px 25px 85px;
        }
        .section-container .section.carousel,
        .section-container .section.kr-news .inner {
            flex-direction: column;
            justify-content: center;
        }
        .section-container .section.carousel h2,
        .section-container .section.kr-news h2.left,
        .section-container .section.kr-news .inner {
            width: 100vw;
            padding-left: 7vw;
            padding-right: 7vw;
        }
        .section-container .section h2>span:first-child {
            font-size: 3.4em;
        }
        .section-container .section h2>span:nth-child(2) {
            padding-right: 30%;
            white-space: normal;
        }
        .section-container .section h2>span:nth-child(2) br {
            display: none;
        }
        .section-container .section.carousel .owl-nav,
        .section-container .section.carousel .owl-dots {
            position: fixed;
            top: -9999px;
            left: -9999px;
        }
        .section-container .section.carousel .owl-carousel::before {
            position: sticky;
            left:50%;
            transform: translate(-50%, 360px);
        }
        .section-container .section.carousel .tit-wrap {
            padding: 0;
            flex-basis: 200px;
        }
        .section-container .section.carousel .owl-stage-outer {
            width: 100vw;
        }
        .section-container .section.kr-news h2.left {
            margin-bottom: 80px;
            padding-left: 0;
            padding-right: 0;
        }
        .section-container .section.kr-news h2.left + * {
            width: 100%;
        }
    }
}