@media not print {/* 인쇄에서는 사용되지 않음 */
    /* PC에서만 사용 */
    @media (min-width: 1181px) {
        /* 조회 영역 내 드롭다운 - 콤보박스 */
        .data-search-wrap .dropdown-toggle.responsive {
            display: none;
        }
        
        .data-search-wrap .dropdown-toggle.responsive + .dropdown-menu {
            display: inline-flex;
            padding: 0;
            position: static !important;
            background-color: transparent;
            border:none;
            flex-wrap: wrap;
        }
        
        .data-search-wrap .dropdown-toggle.responsive + .dropdown-menu .dropdown-item {
            display: inline-block;
            padding: 0;
            margin-right: .677rem;
            background-color: transparent !important;
            width: auto;
        }
        
        .data-search-wrap .dropdown-toggle.responsive + .dropdown-menu .dropdown-item > a.btn {
            display: inline-block;
            background-color: #fff;
            border-radius: 4px;
            border: 1px solid #A0A2BC;
            padding: 0 1rem;
            color: #2D316C;
            font-size: .933rem;
            font-weight: 400;
            width: 100%;
            text-align: center;
        }
        
        .data-search-wrap .dropdown-toggle.responsive + .dropdown-menu.toggle .dropdown-item.active > a.btn {
            background-color: #0d6efd;
            border-color: #0d6efd;
            color: #fff !important;
        }
    }
    
    /* 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);
        }

        #right .item.search-carousel.keyword {
            padding: 25px 20px;
        }
        #right .item.search-carousel .nav.prgm-tab.sm {
            top: 22px; 
            right: 12px;
        }
        
        #gnb>ul>li>a {
            font-size: 1.2rem;
        }
        
        footer .inner {
            padding-right: 40px;
            padding-left: 150px;
        }
        
        footer .logo {
            left: 40px;
        }
        
        .btn-mode-wrap .btn-mode {
            width: 3.46rem;
            height: 3.46rem;
            font-size: 0px;
            text-indent: -9999px;
        }
        
        .btn-mode-wrap .btn-mode embed {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        
        header {
            width: 100%;
        }
        
        .mega-menu .inner,
        .section-container .section.grade>.inner,
        .section.research>.inner,
        .section-container .section.kr-news .inner,
        #container > .inner,
        #container > .search-bar > .inner,
        footer .inner {
            width: calc(100% - 80px);
            box-sizing: border-box;
        }
        
        .mega-menu .inner > ul {
            flex-wrap: wrap;
        }
        
        header {
            left: 50%;
            transform: translate(-50%, 0);
        }
        
        #contents,
        #right + div {
            width: calc(100% - 290px);
        }

        /* 1600px 이하 모니터에서 #left 숨김 */
        #left {
            /*display: none;*/
        }
        
        #lnb {
            display: none;
        }
		
        #contents {
            float:none;
            width: 100%;
            max-width: 1250px;
            margin-left: auto;
            margin-right: auto;
        }
        
        
        .btn-left-wrap {
            display: block;
        }
        
        #contents.open-left-menu {
		    padding-left: 290px;
		    max-width: 1600px;
		}
        
        .nav.type01>li>a {
            font-size: 1.2em;
        }
        
        .section-container .section.carousel .tit-wrap {
            padding-left: 40px;
        }
        
        .section.grade .nav.mgt40,
        .section.grade .table-wrap.scroll.mgt40 {
            margin-top: 30px !important;
        }
        
        .table-wrap.main.scroll table tbody tr td {
            font-size: 1em;
        }
        
        .section-container .section.carousel .owl-carousel {
            height: 300px;
        }
        
        body.main .section .box .tit {
            font-size: 1.25em;
        }
        
        .section-container .section h2>span:first-child {
            font-size: 2.4em;
        }
        
        .table-wrap.main.scroll table tbody td {
            height: 40px;
        }
        
        .section.research .box-wrap.flex.mgt50 {
            margin-top: 30px !important;
        }
        
        .section.research .box .tit,
        .section-container .section h2>span:nth-child(2) {
            font-size: 1.2em;
        }
        
        .section.research .table-wrap.scroll.mgt50 {
            margin-top: 20px !important;
        }
        
        .section-container .section.kr-news ul>li>a>span:first-child {
            font-size: 1.4em;
        }
        
        .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;
        }
        
        /* My portfolio */
        #container.db > .inner {
            width: calc(100% - 40px);
        }
        .db-left {
            border-left: none;
        }
        .db-content .card-wrap {
            gap: 20px 20px;
        }
        
        .db-content .card-wrap .card.btn {
            padding-top: 30px;
        }
        
        .db-content .card-wrap .card.btn > .gm {
            white-space: nowrap;
        }
        
        .db-content .list-wrap {
            gap: 12px 30px;
        }
        
        /* 평가문의 */
        .eval-wrap .kind span{
            width: 80%;
        }
        
        .eval-wrap .side .how{
            gap: 20px;
        }
        
        .eval-wrap .side .how li{
            width: 170px;
            height: 170px;
            font-size: 1.33em;
        }
    }
    
    /* 1366*768 */
    @media (max-width: 1366px) {

        /* 헤더 높이 축소에 따른 변경 시작 */
        header,
        .util>li.user>a {
            height: 80px;
        }
        #container {
            padding-top: calc(80px + 76px);
        }
        #container > .search-bar {
            top:80px
        }
        .util>li.user {
            width: 80px;
        }
        .mega-menu {
            max-height: calc(100vh - 80px);
        }
        body.mega-menu-activated .mega-menu {
            top: 80px;
        }
        #left {
            top: calc(80px + 80px);
        }
        #left.float {
            top: calc(80px + 76px + 20px);
        }
        /* 
        .right-panel {
            height: calc(100vh - 80px);
        } */
        
        .section-container .section.footer {
            padding: 0;
        }
        
        .section-container .section.carousel .owl-carousel {
            margin-top: 40px;
        }
        
        /* 헤더 높이 축소에 따른 변경 끝 */
        
        #left h2 {
            font-size: 1.25em;
            padding-left: 20px;
        }
        
        #lnb > ul > li > a {
            font-size: 1em;
            padding-left: 25px;
        }
        
        #lnb > ul > li > ul > li > a {
            font-size: .933em;
            padding-left: 35px;
        }
        
        #lnb > ul > li > ul > li > a::before {
            left: 26px;
            top: 18px;
        }
        
        #left.float #lnb > ul > li > ul > li > a::before {
            left: 42px;
            top: 12px;
        }
        
        .btn-panel-wrap {
            left: 0;
        }
        
        .right-panel .btn-panel-wrap .btn-panel.expand {
            background-position: 8px 50%;
        }
        
        .right-panel.expanded .btn-panel-wrap .btn-panel.expand,
        .right-panel.maximized .btn-panel-wrap .btn-panel.expand {
            background-position: 50% 50%;
        }
        
        .scroll-down {
            bottom: 25px;
        }
        
        .section.grade .nav.mgt40,
        .section.grade .table-wrap.scroll.mgt40 {
            margin-top: 20px !important;
        }
        
        .section-container .section h2>span:first-child::before {
            width: 18px;
            height: 18px;
        }
        
        body.main .section .box {
            padding: 25px 25px 55px;
        }
        
        .section-container .section.carousel .box {
            padding: 25px;
        }
        
        body.main .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.research .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;
        }
        
        .ranking>.btn {width: 150px;}
        
        #container > .search-bar .input-group {
            width: 360px;
        }
        
        footer ul.footer-util li {
            margin-right: 20px;
        }

        /* 코치마크 */
        .coachmark .balloon.panel {
            right: 2.4rem;
        }
        
        /* 평가자료실 */
        .thumbnail-list {
            grid-template-columns: 1fr 1fr 1fr;
            column-gap: 30px;
        }
        .thumbnail-list.line-list .thumbnail {
            flex-basis: 160px;
            height: 120px;
        }
        
        .thumbnail-list.line-list .para {
            font-size: .933em;
        }
        
        /* 회사소개 */
        article > div.ceo-message p.medium {
            font-size: 1.067em;
        }
        
        article > div.ceo-message .ceo-img {
            width: 400px;
        }
        
        article > div.ceo-message .ceo-img > img {
            max-width: 100%;
        }
        
        .history-container .year li.active button {
            font-size: 7.2em;
        }
        
        /* My portfolio */
        .db-left {
            flex-basis: 280px;
        }
        
        .db-content {
            padding-left: 30px;
            padding-right: 30px;
        }
        
        .db-content .card-wrap .card.btn > .gm {
            font-size: .867rem;
        }
        
        /* 평가문의 */
        .eval-wrap .side .what .arrow embed{
            width: 45px;
        }
        
        .eval-wrap .use ul{
            gap: 0 50px;
        }
        
        .eval-wrap .use ul span{
            font-size: 1.15rem;
            width: 100px;
        }
        
        .eval-wrap .side .what > li {
            margin-right: 70px;
        }
        
        .eval-wrap .side .what > li::after {
            width: 50px;
            transform: translate(40px, 0);
        }

        /* 통합검색 */
        #right + div {
            margin-top: 0;
        }
    }
    
    /* 1280px 미만 */
    @media (max-width: 1279px) {
        header {
            padding: 0 0 0 24px;
        }
        
        #left {
            width: 220px;
        }
        
        #right {
            display: none;
        }
        
        #right + div {
            width: 100%;
            margin-right: 0;
        }
        
        #gnb {
            left: 165px;
        }
        
        #gnb>ul>li>a {
            padding: 0 12px;
            font-size: 1.067rem;
        }
        
        .right-panel.expanded .btn-panel-wrap li:first-child {
            display: none !important;
        }
        
        .right-panel .inner {
            min-width: auto !important;
            min-height: auto !important;
            flex-flow: column nowrap;
            overflow-y: auto;
        }
        
        .right-panel .inner .scroll {
            height: auto;
        }
        
        footer .inner .dropdown-toggle {
            top: auto;
            bottom: -10px;
        }
        
        body.main .section .box .tit {
            font-size: 1.2em;
        }
        
        .section-container .section.carousel .owl-item {
            width: 260px !important;
        }
        
        .section-container .search-wrap>.input-group {
            width: calc(100% - 100px);
        }
        
        .page-title .btn-wrap .btn {
            font-size: .8rem;
        }
        
        .page-title .btn-wrap .btn::before {
            width: 16px;
            height: 16px;
            background-size: contain;
        }
        
        .grid-guide{
            display: block;
        }
        
        .grid-guide span{
            width: 100%;
        }
        
        .grid-guide .info{
            margin-bottom: 10px;
        }
        
        
        .data-search-wrap.two-panels .input-group {
            width: auto;
            max-width: 120px;
        }
        .data-search-wrap.detail-search {
            padding-bottom: 70px;
        }
        .data-search-wrap.detail-search .floor:last-of-type {
            padding-right: 0;
        }
        
        .nav.d4-tab .nav-link {
            font-size: 1.067rem;
        }
        
        .nav.d5-tab .nav-link {
            font-size: .933rem;
        }
        
        /* My portfolio */
        .dashboard {
            flex-direction: column;
        }
        
        .db-left {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 30px 30px;
            flex-basis: auto;
            border-right: none;
            padding-left: 0;
            padding-right: 0;
        }
        
        .db-left .ico-user {
            margin: 0;
            flex: 0 0 100px;
        }
        
        .db-left .info-wrap {
            text-align: left;
            margin-left: 20px;
            flex: 1 0 186px;
        }
        
        .db-left .user-nm {
            margin-top: 0;
        }
        
        .db-left .btn-wrap {
            margin-top: 0;
        }
        .db-left .btn-wrap .btn {
            margin: .25rem;
        }
        .db-left .lct {
            margin-top: 7px;
        }
        .db-content {
            padding-top: 20px;
            flex-basis: auto;
            padding-left: 0;
            padding-right: 0;
        }
        
        .eval-wrap .side .what > li {
            margin-right: 40px;
        }
        
        .eval-wrap .side .what > li::after {
            width: 36px;
            transform: translate(15px, 0);
        }
        
        /* 통합검색 */
        .btn.btn-plus {
            font-size: .867em;
        }
        
        /* 회사소개 */
        .history-container .year li.active button {
            font-size: 6em;
        }
        .relation-wrap div br {display: none;}
        
        /* Error Page */
        .error-wrap {
            width: calc(100% - 40px);
        }
    }
    
    /* 1024px 이하 태블릿 */
    @media (max-width: 1024px) {
        /* common */
        body {
            overflow: initial;
        }
        
        /* 헤더 높이 축소에 따른 변경 시작 */
        header {
            height: 72px;
        }
        #container {
            padding-top: calc(72px + 107px);
        }
        #container > .search-bar {
            top: 72px;
            position: fixed;
        }
        .right-panel {
            height: calc(100% - 72px);
        }
        
        .section-container .section.carousel .owl-carousel {
            margin-top: 36px;
        }
        .mega-menu,
        body.mega-menu-activated .mega-menu {
            top: 72px;
            height: calc(100% - 72px);
        }
        
        .section-container .section.total-search>.inner {
            margin-top: 36px;
        }
        .util>li>a {
            height: 100%;
        }
        .util>li:hover>a {
            background-color: inherit;
        }
        /* 헤더 높이 축소에 따른 변경 끝 */
        html, body {
            height: auto !important;
        }
        
        html,
        body.main {
            overflow-x: hidden;
            overflow-y: auto !important;
        }
        
        .loading-wrap::before,
        .loading-wrap-02::before {
            width: 160px;
            height: 160px;
        }

        .btn-coachmark {
            z-index: 999;
        }
        
        header,
        .mega-menu .inner,
        .section-container .section.total-search>.inner,
        .section-container .section.grade>.inner,
        .section.research>.inner,
        .section-container .section.kr-news .inner,
        #container > .inner,
        #container > .search-bar > .inner,
        footer .inner {
            width: 100%;
            min-width: auto;
            padding: 0 40px;
        }
        
        header {
            padding: 0 0 0 20px;
            border-bottom: 1px solid rgba(179, 180, 166, .2);
        }
        
        header h1 {
            margin-left: 32px;
        }
        
        .m-visible {
            position: static;
        }
        .m-hidden {
            display: none !important;
        }
        
        .btn-menu {
            display: block;
        }
        .util>li {
            width: auto;
            min-width: 40px;
            margin-left: 1vw;
        }
        .util>li.user,
        .btn-mode-wrap {
            display: none;
        }
        .util>li>a>span {
            display: none;
        }
        .util>li .dropdown-menu[data-popper-placement*=end]::after {
            display: none;
        }
        
        #gnb {
            display: none;
        }
        #container > .search-bar .util > ul > li {
            padding-right: 0;
        }
        
        #container > .search-bar .util > ul > li::after {
            display: none;
        }
        
        #container > .search-bar .util > ul > li:last-child {
            display: none;
        }
        
        #container > .search-bar > .inner {
            display: block;
            height: auto;
            padding: 20px 20px 10px 20px;
        }
        
        #container > .search-bar .search-wrap {
            display: block;
            width: 100%;
        }
        
        #container > .search-bar .input-group {
            width: 100%;
        }

        /* 1024 이하는 모바일 */
        #left {
            display: none;
        }
        
        #contents {
            float:none;
            width: 100%;
            max-width: 1250px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 0;
        }
        
        .btn-left-wrap {
            display: none;
        }
        
        #contents,
        #right + div {
            width: 100%;
            padding-right: 0;
        }

        .balloon-layer-pop {
            display: none;
        }
        .balloon-layer-pop.active {
            display: block;
        }
        
        .breadcrumb ul li + li {
            padding-left: 14px;
            margin-left: 10px;
        }
        
        .breadcrumb a {
            font-size: .8rem;
        }
        
        .page-title {
            height: 52px;
        }
        
        .page-title p:first-of-type {
            font-size: 1rem;
        }
        
        .page-title > embed {
            width: 30px;
        }
        
        .mega-menu {
            width: calc(100% - 40px);
            max-width: 400px;
            max-height: none;
            left: -100%;
            padding: 26px 20px;
        }
        
        .mega-menu .inner {
            padding: 0;
            max-height: calc(100% - 190px);
            box-shadow: none;
            overflow-y: auto;
        }
        
        .mega-menu .inner > ul {
            display: block;
        }
        
        .mega-menu .inner > ul > li {
            margin: 0;
            max-width: none;
        }
        
        .mega-menu .inner > ul > li + li {
            margin-top: 20px;
        }
        
        .mega-menu .inner > ul > li > a, 
        .mega-menu .inner > ul > li > span
        {
            font-size: 1.2rem;
            background-color: transparent;
            display: block;
            color: #232327;
            font-weight: 500;
        }
        body.en-ver .mega-menu .inner > ul > li > ul > li > a {
            padding-top: 0;
        }
        
        .mega-menu .inner > ul > li > span {
            display: none;
        }
        
        .mega-menu > .btn-close {
            display: none;
        }
        
        body.darkmode .mega-menu .inner > ul > li > a, 
        body.darkmode .mega-menu .inner > ul > li > span {
            background-color: transparent;
        }
        
        .mega-menu .inner > ul > li > ul {
            margin-top: 0;
            padding-left: 18px;
            position: relative;
            overflow: visible;
            transition: all .1s;
        }
        
        .mega-menu .inner > ul > li > ul > li {
            max-height: 0;
            overflow: hidden;
            transition: all .1s;
        }
        
        .mega-menu .inner > ul > li > ul > li + li {
            margin-top: 0;
        }
        
        .mega-menu .inner > ul > li > ul::before {
            content:"";
            display: block;
            width: 12px;
            height: 12px;
            background-color: #aaa;
            -webkit-mask:url('../../common/img/common/btn-lnb-arrow-expand.svg') 50% 50% /10px auto no-repeat;
            mask:url('../../common/img/common/btn-lnb-arrow-expand.svg') 50% 50% /10px auto no-repeat;
            position: absolute; 
            top: -22px;
            right: 10px;
        }

        .mega-menu .inner > ul > li > ul > li > ul::before {
            top: 3px !important;
        }
        
        .mega-menu .inner > ul > li > ul.mobile-active {
            margin-top: 20px;
            transition: all .4s;
        }
        .mega-menu .inner > ul > li > ul.mobile-active::before {
            top: -42px;
            transform: rotate(180deg);
        }
        
        .mega-menu .inner > ul > li > ul.mobile-active > li {
            max-height: 2000px;
            margin-top: 20px;
            transition: all .4s;
        }
        
        .mega-menu .inner > ul > li > ul > li > a {
            font-size: 1rem;
            font-weight: 500;
            padding-top: 0.13em;
        }
        
        .mega-menu .inner > ul > li > ul > li > .expanded + ul > li > a {
            font-size: .933rem;
        }

        .mega-menu .inner > ul > li > ul > li > ul > li > a::before {
            top: 9px;
        }
        
        .mega-menu > .m-visible {
            position: absolute;
            top: auto;
            left: 0;
            bottom: 0;
            padding: 20px;
            width: 100%;
        }

        .data-search-wrap.for-clone .floor > label:first-child {
            white-space: nowrap;
        }
        
        .data-search-wrap.for-clone .floor,
        .data-search-wrap.for-clone .floor .input-group {
            width: auto;
            flex: 1 1 auto;
            min-width: auto;
        }

        .data-search-wrap.for-clone > .btn-wrap {
            flex: 0 0 auto;
        }
        
        .right-panel .panel .item p.tit {
            font-size: 1rem;
        }
        
        .right-panel .panel .item p.tit+span,
        .right-panel .panel .item.list ul>li {
            font-size: .867rem;
        }
        
        .right-panel .panel .item a.btn {
            font-size: .733rem;
        }
        
        body.mega-menu-activated .mega-menu {
            left: 0;
            box-shadow: 4px 0 15px rgba(0, 0, 0, .03);
        }
        
        footer .inner .dropdown-toggle {
            top: -3px;
            bottom: auto;
            right: 20px;
            height: 36px;
            line-height: 36px;
        }
        
        .section-container .section.total-search>.inner {
            padding: 0 30px;
        }
        
        .section-container.sub .search-wrap {
            display: block;
        }
        
        .section.total-search::before {
            background-size: 120% auto;
            background-position: 80px 10%;
        }
        
        .section-container .search-wrap>.input-group,
        .section-container.sub .search-wrap>.input-group {
            border-width: 3px;
            border-radius: 10px;
            width: 100%;
            height: 50px;
            float: left;
            margin-right: -52px;
        }
        
        .section-container .search-wrap>.input-group>.btn,
        .section-container .search-wrap>.input-group>.form-control,
        .section-container.sub .search-wrap>.input-group>.btn,
        .section-container.sub .search-wrap>.input-group>.form-control {
            height: 44px;
        }
        
        .section-container .search-wrap>.input-group>.btn {
            border-radius: 6px 0 0 6px;
            width: 86px;
            font-size: .8rem;
            padding-left: 12px;
        }
        
        .section-container .section>.inner {
            margin-top: 40px;
        }
        
        .section-container .search-wrap>.input-group>.form-control {
            font-size: .933rem;
            padding-left: 10px;
            background-size: 1px 30px;
        }
        
        .section-container .search-wrap>.input-group>.btn::after {
            right: 15px !important;
        }
        
        .section-container .search-wrap>.btn,
        .section-container.sub .search-wrap>.btn {
            width: 50px;
            height: 50px;
            border-radius: 0 10px 10px 0;
            margin-left: 0;
            background-color: #2F34C9;
            box-shadow: none !important;
            border: solid 2px #313DAA;
            border-left: none;
            background-image: none;
            -webkit-mask-image: url('../../common/img/contents/ico-search-big-dark.svg');
            mask-image: url('../../common/img/contents/ico-search-big-dark.svg');
            -webkit-mask-size: 20px;
            mask-size: 20px;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: 50% 50%;
            mask-position: 50% 50%;
        }
        
        body.darkmode .section-container .search-wrap>.btn {
            background-image: url('../../common/img/contents/ico-search-big.svg');
        }
        
        .section-container .search-wrap>.input-group:hover + .btn, 
        .section-container .search-wrap>.input-group:focus-within + .btn {
            border-color: transparent;
        }
        
        .keyword-ranking.carousel {
            margin-top: -2px;
        }
        
        .keyword-ranking.carousel .carousel-item a > * {
            font-size: .933rem;
        }
        
        .search-wrap-bottom {
            padding-left: 0;
            padding-right: 0;
        }
        
        .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 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.grade .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.research .box-wrap.flex .owl-nav,
        .section.research .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.main .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.main .section .box .tit {
            font-size: 1.067rem;
        }
        
        body.main .section.carousel .box .tit {
            margin-top: 0;
        }
        
        .ranking>label,
        .ranking>.btn {
            font-size: .867em;
        }
        
        .section-container .section.carousel .owl-carousel .item + .item {
            margin-top: 22px;
        }
        
        .nav.type01>li {
            margin-right: 15px;
        }
        
        .nav.type01>li>a,
        .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.total-search {
            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 {
            max-width: calc(100% + 40px);
            margin-right: -40px;
        } */
        
        .table-wrap.main.scroll table thead th, 
        .table-wrap.main.scroll table tbody td,
        .table-wrap.main.scroll table tbody td.t-lft-locked img {
            padding: 0 .8rem;
        }
        
        .section.research .box-wrap {
            clear: both;
            display: block;
            width: 100%;
            padding-top: 2rem;
        }
        
        .section.research .box-wrap .owl-stage {
            white-space: nowrap;
        }
        
        .section.research .box-wrap .owl-item {
            display: inline-flex;
            width: 38.4vw !important;
            margin-right: 24px;
            white-space: normal;
        }
        
        .section.research .box-wrap .item,
        .section.research .box-wrap .owl-item .box {
            width: 100%;
            height: 100%;
        }
        
        .section.research .box-wrap .item .box .tit {
            min-height: 72px;
        }
        
        .section .flex-top {
            display: block;
        }
        
        .section .flex-top a.btn-go-plus {
            top: 7px;
            right: 40px;
        }
        
        .section .flex-top .nav-wrap {
            float: left;
            margin-top: 20px;
            width: 100%;
        }
        
        .section.research .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.research .box-wrap.flex .owl-stage-outer {
            margin-right: 0;
        }

        /* 코치마크 */
        .coachmark .balloon.more {
            right:.4rem;
            top: 4.6em;
        }
        .coachmark .balloon.search {
            transform: translate(-50%, -150px);
        }
        .coachmark .balloon.quicklink {
            transform: translate(-50%, 150px);
        }
        .coachmark .balloon.panel {
            margin-top: 2.4rem;
        }
        .coachmark .balloon.m-visible {
            display: inline-block;
        }
        
        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;
        }
        
        #container > .search-bar .ranking {
            text-align: left;
            margin-top: 8px;
            margin-left: 0;
        }
        
        #container > .search-bar .ranking>label {
            font-size: .8em;
        }
        
        #container > .search-bar .util {
            position: absolute;
            bottom: 10px;
            right: 20px;
        }
        
        #container > .search-bar .util > ul {
            display: inline-flex;
        }
        
        #container > .search-bar .util > ul > li > button {
            font-size: .8rem;
        }
        
        #container > .search-bar .ranking>.btn {
            width: auto;
            font-size: .8em;
        }
        
        .breadcrumb ul li:first-child a embed {
            width: 16px;
            height: 16px;
            margin-top: 3px;
        }
        
        .nav.d4-tab .nav-link {
            font-size: 1rem;
        }
        
        .data-search-wrap .dropdown-menu .form-check {
            margin-top: 0;
            margin-bottom: 0;
        }
        
        .page-title {
            padding: 0 1rem;
            border-radius: .8em;
        }
        
        .page-title p:first-of-type {
            font-size: 1.4em;
        }
        
        .over-modal {
            min-width: 360px;
            max-width: calc(100% - 40px);
            max-height: calc(100% - 40px);
        }
        
        .over-modal .pop-container {
            max-height: calc(92vh - 60px - 72px - 20px - 20px - 30px);
            overflow: hidden;
            overflow-y: auto;
        }
        
        .over-modal.login-wrap {
            max-width: auto;
            width:calc(100% - 40px);
            max-width: 360px;
            padding: 46px 30px;
            overflow-y: auto;
            font-size: 13px;
        }
        
        .over-modal.login-wrap .input-group input {
            height: 2.8em;
        }
        
        .over-modal.login-wrap .btn.btn-login {
            height: 2.8em;
            line-height: 3em;
        }
        
        .over-modal.login-wrap .btn-wrap .btn {
            padding-left: 80px;
            background-position: 20px 50%;
            background-size: auto 60%;
        }
        .over-modal.login-wrap .btn-wrap .btn.btn-find {
            background-position: 27px 50%;
        }
        
        .over-modal.login-wrap hr.line.type01 {
            margin: 25px 0;
        }
        
        .page-title .btn-wrap .btn {
            font-size: 0;
            margin-left: .4rem;
            padding: .4rem;
        }
        
        .page-title .btn-wrap .btn::before {
            margin-right: 0;
        }
        
        .btn.btn-inform {
            margin: .3rem;
            text-align: left;
        }
        
        .chart-wrap {
            display: block;
        }
        .chart-wrap .chart-box {
            margin-left: 0 !important;
            margin-top: 20px;
        }
        
        .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;
        }
        
        .over-modal .pop-header p {
            margin-left: 0;
        }
        
        .over-modal.pdf .pop-header p {
            padding-right: 5rem;
        }
        
        .over-modal .pop-header embed,
        .over-modal .pop-header img {
            margin-right: 1rem;
        }
        
        .text-n-bg span br {
            display: 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;
        }
        
        /* 회사소개 */
        /* article > div.ceo-message {
            text-align: center;
        } */
        article > div.ceo-message .ceo-img {
            position: static;
            display: block;
            margin: 0 auto;
            margin-top: 80px;
            max-width: 100%;
        }
        
        .ceo-message .bg .big {
            left:6%;
            width: 320px;
        }
        
        .ceo-message .bg .big .gm {
            font-size: 1.4rem;
        }
        
        article > div.ceo-message p.para br {
            display: none;
        }
        
        article > div.ceo-message .ceo-img > img {
            max-width: 100%;
        }
        
        .grid-guide span{
            font-size: .8rem;
        }
        
        .grid-guide .re-guide b{
            margin: 0 2px 0 4px;
        }
        
        /* My portfolio */
        .db-content .list-wrap {
            flex-direction: column;
            gap: 30px;
        }
        
        /* 평가문의 */
        .eval-wrap .title{
            font-size: 1.2em;
            margin-bottom: 10px;
        }
        
        .eval-wrap .sub-info{
            font-size: 1em;
            margin-bottom: 10px;
        }
        
        .eval-wrap .side{
            padding: 40px 0;
        }
        
        .eval-wrap .side .what{
            display: block;
            margin-bottom: 0;
        }
        .eval-wrap .side .what > li {
            padding-bottom: 50px;
        }
        .eval-wrap .side .what > li:last-child {
            padding-bottom: 0px;
        }
        
        .eval-wrap .side .what span{
            font-size: 1.2em;
        }
        
        .eval-wrap .side .what .arrow{
            margin-top: 0;
        }
        
        .eval-wrap .side .what .arrow embed{
            width: 70px;
            transform: rotate(90deg);
        }
        
        .eval-wrap .side .what > li {
            margin-right: 0;
        }
        
        .eval-wrap .side .what > li::after {
            right: auto;
            transform: translate(-50%, 10px) rotate(90deg);
            top: auto;
            left: 50%;
        }
        
        .eval-wrap .kind span{
            font-size: 1em;
        }
        
        .eval-wrap .side .how{
            flex-direction: column;
            gap: 30px;
        }
        .db-content .card-wrap {
            gap: 10px;
        }
        
        .db-content .card-wrap .card.btn > .gm,
        .db-content .card-wrap .card.btn > span:last-child {
            display: inline-flex;
        }
        .db-content .card-wrap .card.btn > span:last-child {
            margin-top: 7px;
        }
        .eval-wrap .use ul{
            flex-direction: column;
            gap: 50px 0;
        }
        
        .eval-wrap .use ul span{
            width: auto;
        }
        
        .eval-wrap .use{
            padding: 50px 10px;
        }
        
        /* 통합검색 */
        .page-title.search-title {
            display: block;
            padding-top: 15px;
            padding-bottom: 15px;
            height: auto;
        }
        
        .page-title.search-title .sch-box {
            justify-content: flex-end;
            width: 100%;
            margin-top: 10px;
        }
        
        .sr-item .btn.btn-down {
            font-size: 1.067em;
        }
        .sr-item .btn.btn-down i.btn.btn-download + span {
            margin-top: -.16em;
        }
        
        /* 사업가치평가 */
        .ico-n-text.circle-bg > ul {
            padding-left: 1.333em;
            padding-right: 1.333em;
        }
        .ico-n-text.circle-bg .ico {
            width: 8em;
            height: 8em;
        }
        .ico-n-text.circle-bg .ico > * {
            max-width: 40%;
            max-height: 40%;
        }
        
        .map-wrap.kor {
            top:200px;
        }

        /* 통합검색 가이드 */
        .int-coach-btn{
            width: 28px !important;
            height: 28px !important;
            margin-right: 45px;
            background-size: 30%;
        }

        .balloon-layer-pop{
            margin-top: 55px;
            margin-right: 35px;
        }
    }
    
    /* 768px 이하 모바일 */
    @media (max-width: 768px) {
        /* 공통 */
        .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);
        }
        .keyword-ranking.carousel {
            margin-right: .8rem;
            padding-right: .8rem;
        }
        .quick-links-wrap .thumb > img, 
        .quick-links-wrap .thumb > embed {
            max-width: 24px;
            max-height: 24px;
        }
        .research .table-wrap.main.scroll table tbody tr td a.ellipsis {
            white-space: nowrap;
	        /*text-overflow: ellipsis;
	        overflow: visible;
	        display: block;*/
        }

        /* 코치마크 */
        .coachmark .balloon.search {
            transform: translate(-50%, -196px);
        }
        .coachmark .btn-wrap button {
            font-size: .933em;
            padding:.5em 1em;
        }

        /* 검색순위 캐러셀 */
        .search-carousel .owl-item.active {
            position: relative;
            z-index: 1;
            transform: scale(1) !important;
        }
        .search-carousel.owl-theme .owl-dots {
            margin-left: 0;
        }
        
        .search-carousel.owl-theme .owl-nav {
            margin-right: 0;
        }
        
        /* 서브공통 */
        
        * {
            word-break: normal;
        }
        
        *:not(*[class*=CellHeader]) > br {
            display: none;
        }
        .coachmark .balloon br {
            display: inline;
        }

        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;
        }
        
        .data-search-wrap:not(.for-clone) .floor {
            display: block;
        }
        
        .data-search-wrap:not(.for-clone) .floor:last-of-type {
            padding-right: 0;
        }
        
        .data-search-wrap:not(.for-clone) .floor > label {
            display: block;
            font-size: .8rem;
            margin-right: 0;
            margin-left: 0 !important;
        }
        
        .data-search-wrap:not(.for-clone) .floor > * {
            margin-bottom: .3em;
            vertical-align: top;
        }
        
        .data-search-wrap:not(.for-clone) .floor > *:last-child {
            margin-bottom: 0;
        }
        
        .data-search-wrap:not(.for-clone) .floor .btn, 
        .data-search-wrap:not(.for-clone) .floor input[type=text], 
        .data-search-wrap:not(.for-clone) .floor input[type=password], 
        .data-search-wrap:not(.for-clone) .floor input[type=number],
        .data-search-wrap:not(.for-clone) .btn-wrap {
            font-size: .8rem;
        }
        
        .data-search-wrap:not(.for-clone) .floor .input-group {
            max-width: 100%;
        }
        
        .data-search-wrap:not(.for-clone) .btn-wrap {
            position: static;
            width: 100%;
            max-width: none;
            margin-top: 10px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .data-search-wrap:not(.for-clone) .btn-wrap > * {
            display: block;
            width: 100%;
            margin-right: 0;
            margin-left: 0;
            margin-top: 0 !important;
            text-align: center;
            justify-content: center;
        }
        
        .data-search-wrap:not(.for-clone) .btn.btn-search {
            margin-left: 0;
        }
        
        .data-search-wrap:not(.for-clone) .btn-wrap > * + * {
            margin-top: 6px;
        }
        
        .data-search-wrap:not(.for-clone) .floor input.datepicker {
            min-width: 102px;
            padding-left: .65rem;
        }
        
        .data-search-wrap:not(.for-clone) .floor + .floor,
        .data-search-wrap:not(.for-clone) > div + div > .floor {
            max-height: 0;
            margin-top: 0;
            overflow: hidden;
        }
        
        .data-search-wrap:not(.for-clone).expand .floor + .floor,
        .data-search-wrap:not(.for-clone).expand > div + div > .floor,
        .section-container.sub .data-search-wrap:not(.for-clone) .floor + .floor,
        .data-search-wrap:not(.for-clone) .floor > * + label {
            max-height: none;
            margin-top: 12px;
        }
        
        .data-search-wrap:not(.for-clone).two-panels .floor + .floor {
            max-height: none;
        }
        
        .data-search-wrap:not(.for-clone).two-panels .floor:nth-child(2n + 1) {
            padding-right: 20px;
        }
        
        .data-search-wrap:not(.for-clone).two-panels .floor:nth-child(2n) {
            padding-left: 20px;
        }
        
        .data-search-wrap:not(.for-clone).two-panels .btn.btn-search {
            margin-left: 0;
            width: 100%;
        }
        
        .data-search-wrap:not(.for-clone).detail-search {
            padding-bottom: 20px;
        }
        
        /* 검색어 콤보박스 옆 검색 인풋 정렬 */
        .data-search-wrap:not(.for-clone) select.form-select.keyword {
            display: inline-block;
        }
        .data-search-wrap:not(.for-clone) .btn.dropdown-toggle + .dropdown-menu + .input-group,
        .data-search-wrap:not(.for-clone) select.form-select.keyword + .input-group {
            width: calc(100% - 80px);
            display: inline-block;
        }
        .data-search-wrap:not(.for-clone) .btn.dropdown-toggle + .dropdown-menu + .input-group {
            width: calc(100% - 76px);
        }
        .data-search-wrap:not(.for-clone) .btn.dropdown-toggle + .dropdown-menu + .input-group > input,
        .data-search-wrap:not(.for-clone) select.form-select.keyword + .input-group > input {
            width: 100%;
        }

        .data-search-wrap:not(.for-clone) .floor .keyword .btn-search {
            margin-left: .5rem;
        }

        /* 등급공시 > 상세검색 */
        .data-search-wrap.detail-search .btn-wrap .btn {
            width: auto;
            flex: 1 1 auto;
            display: inline-flex;
        }
        
        .btn-search-fold {
            display: flex;
        }
        
        .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;
        }
        
        div.form .btn {
            margin:.35em 0;
        }
        
        div.form .btn-wrap .btn {
            margin:.35em;
        }
        
        div.form .file .btn {
            margin: 0;
        }
        
        .text-n-bg p.gm {
            font-size: 1.6rem;
        }
        .text-n-bg span {
            font-size: .933rem;
        }
        
        .grid-title .data-search-wrap:not(.for-clone) {
            margin-bottom: 8px;
            width: 100%;
        }
        
        .grid-title .data-search-wrap:not(.for-clone) .floor {
            display: flex;
            gap: 5px;
        }
        
        .grid-title .data-search-wrap:not(.for-clone) .floor .form-select {
            text-overflow: ellipsis;
            min-width: 0;
            font-size: .867em;
            padding-left: .3em;
            padding-right: 1.4em;
            background-position: right .5em center;
        }
        .grid-title .data-search-wrap:not(.for-clone) .floor label {
            margin-top: 0;
        }
        
        .data-search-wrap:not(.for-clone).sm {
            flex-basis: 100%;
            margin-top: 8px;
        }
        
        .data-search-wrap:not(.for-clone).sm .floor {
            display: flex;
            gap: 0;
        }
        
        .data-search-wrap:not(.for-clone).sm .floor > * {
            margin: 0 !important;
            flex: 1 1 auto;
            width: auto;
        }
        
        .data-search-wrap:not(.for-clone).sm .floor > * + * {
            margin-left: -1px !important;
        }
        
        .data-search-wrap:not(.for-clone).sm .btn {
            flex: 0 0 30px;
            width: 30px;
        }
        
        .pagination-wrap {
            display: block;
            text-align: center;
        }
        .pagination-wrap .pagination {
            justify-content: center;
        }
        
        .pagination-wrap > .btn-wrap {
            position: static;
            display: block;
            width: 100%;
            margin-top: 20px;
        }
        
        .page-title p:first-of-type {
            font-size: 1.067em;
        }
        
        /* .table-wrap.common table .sticky {
            max-width: 200px;
            white-space: normal;
        } */
        
        /* 탭 */
        .nav.prgm-tab {
            padding-bottom: 2px;
        }
        .nav.prgm-tab .nav-link {
            font-size: 0.933rem;
            padding: .64em 1em;
            border-radius: .35em !important;
        }
        
        /* 평가자료실 */
        .thumbnail-list {
            grid-template-columns: 1fr 1fr;
            column-gap: 20px;
            row-gap: 40px;
        }
        .thumbnail-list * + .tit {
            font-size: 1.067rem;
        }
        .thumbnail-list .em-group > * + * {
            padding-left: 6px;
            margin-left: 6px;
        }
        .thumbnail-list.line-list > li > a {
            gap: 20px;
        }
        .thumbnail {
            border-radius: 6px;
        }
        .pdf-container {
            display: block;
        }
        .pdf-util {
            display: grid;
            gap: 5px;
            grid-template-columns: 1fr 1fr;
            margin-bottom: 1rem;
        }
        .pdf-util > li + li {
            margin-top: 0;
        }
        .pdf-util .btn {
            font-size: 1rem;
            /* padding: 15px; */
            height: 48px;
            line-height:normal;
        }
        .pdf-left .dropdown-toggle {
            display: block;
        }
        .dropdown-menu.pdf-index {
            display: none;
        }
        .dropdown-menu.pdf-index.show {
            display: block;
        }
        
        /* 회사소개 */
        .ceo-message .bg {
            padding-top: 250px;
            background-size: auto 250px;
            background-position: 100% 0;
            height: auto;
        }
        .ceo-message .bg .big {
            position: static;
            transform: translate(0, 0);
            width: 100%;
            min-height: auto;
            height: auto;
        }
        
        .ceo-message .bg .big br {
            display: none;
        }
        
        .ceo-message .bg .big .gm {
            margin-top: 15px;
        }
        
        .ico-n-text > ul {
            display: block;
        }
        .ico-n-text > ul > li {
            padding-bottom: 2.4rem;
        }
        .ico-n-text > ul > li:last-child {
            padding-bottom: 0;
        }
        
        .text-n-bg.true {
            padding-left: 1.333em;
            padding-right: 1.333em;
            padding-top: 6rem;
            padding-bottom: 6rem;
        }

        * > .tool-tip-balloon {
            width: 200px;
            white-space: normal;
        }
        
        .quote {
            font-size: 1.6em;
        }
        .history-container .year li {
            padding-right: 3em;
        }
        .history-container .year li.active::after {
            width: 3em;
        }
        .history-container .year button,
        .history-container .year li.active ~ li.active button {
            font-size: 2em;
        }
        .history-container .year li.active button {
            font-size: 2.4em;
        }
        .history-container > div > ul {
            padding-left: 2em;
        }
        .history-container > div > ul > li {
            flex-direction: column;
        }
        .history-container > div > ul > li > .gm {
            flex-basis: auto;
        }
        .relation-wrap .img {
            flex-basis: 200px;
        }
        .relation-wrap div {
            flex-basis: calc(100% - 200px);
        }
        .ico-n-text.join::before {
            display: none;
        }
        .ico-n-text.join li {
            position: relative;
        }
        .ico-n-text.join li .circle {
            display: none;
        }
        .ico-n-text.join li::after {
            content:"";
            display: block;
            width: 1em;
            height: .6em;
            background-color: #aaa;
            -webkit-mask:url('../img/contents/ico-arrow-gray.svg') 50% 50% / contain no-repeat;
            mask:url('../img/contents/ico-arrow-gray.svg') 50% 50% / contain no-repeat;
            left:50%;
            bottom: 0;
            position: absolute;
            transform: translate(-50%, -1em) rotate(90deg);
        }
        .ico-n-text.join li .img {
            background-color: #fff;
            height: auto;
        }
        .ico-n-text.join li p {
            margin-top: 0;
        }
        .ico-n-text.join li:last-child:after {
            display: none;
        }
        
        /* My portfolio */
        .db-left .btn-wrap {
            text-align: right;
        }
        .db-left .btn-wrap > * {
            float:none;
        }
        .db-content .card-wrap {
            flex-wrap: wrap;
        }
        .db-content .card-wrap .card.btn {
            flex: 0 0 calc(50% - 5px);
        }
        .data-search-wrap:not(.for-clone) .datepicker-wrap {
            white-space: normal;
        }
        .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;
        }
        
        /* 평가문의 */
        .eval-wrap .kind{
            text-align: center;
            padding: 50px;
        }
        
        .eval-wrap .kind>ul>li{
            flex-direction: column;
        }
        
        .eval-wrap .kind .square{
            margin-bottom: 10px;;
        }
        
        .eval-wrap .kind span{
            font-size: 0.87em;
            width: 100%;
        }
        
        /* 고객센터 */
        .complete-wrap embed {
            width: 100px;
        }
        .complete-wrap > p:first-of-type {
            font-size: 1.4rem;
        }
        
        /* 사업가치평가 */
        .tab-container.map .map {
            width: 100%;
            transform-origin: 0 0;
        }
        .tab-container.map .map-wrap.world .map {
            margin-left: 0;
        }
        
        .achivement-container {
            flex-direction: column;
        }
        
        .achivement-container,
        .achivement-container .list.no-border {
            gap: 1em;
        }
        
        .achivement-container .gm {
            font-size: 1.2em;
        }
        
        .ico-n-text.circle-bg .ico {
            margin-left: auto;
            margin-right: auto;
        }
        
        .tab-container .map .point .span-group {
            font-size: .8em;
        }
        .tab-container .map .point .span-group > span {
            display: block;
            max-width: 80vw;
            /* white-space: normal; */
        }
        .tab-container .map .point .span-group > span + span {
            margin-top: .5em;
        }
        
        /* 통합검색 */
        .search-wrap-bottom {
            display: block;
            text-align: right;
            font-size: 14px;
        }
        
        .search-wrap-bottom .recent {
            float:left;
        }
        
        .search-wrap-bottom .search-options {
            clear:both;
            margin-top: 10px;
        }
        
        .sr-item .medium,
        .sr-item .btn.btn-down {
            font-size: 1.067em;
        }
        
        .search-result-wrap.file .sr-item {
            padding: 1em 1.2em;
        }
        
        .sr-item p.category {
            font-size: .933em;
            margin-bottom: .8em;
        }
        
        .sr-item > div > .flex-box {
            flex-direction: column;
            align-items: start;
            row-gap: .8em;
        }
        
        ul.menu.round > li {
            font-size: .867em;
        }
        .sr-item .date {
            font-size: .867em;
        }
        
        /* 이용안내 */
        .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;
        }
    }
    
    /* 480px 이하 모바일 */
    @media (max-width: 480px) {
        /* 헤더 높이 축소에 따른 변경 시작 */
        header {
            height: 50px;
        }
        #container > .search-bar {
            top: 50px;
        }
        #container {
            padding-top: calc(50px + 107px);
        }
        .right-panel {
            height: calc(100% - 50px);
        }
        
        .ranking>label,
        #container > .search-bar .ranking>label {
            margin-right: 10px;
        }
        
        .keyword-ranking.carousel .carousel-item a > * {
            font-size: .8rem;
        }
        
        .keyword-ranking.carousel .carousel-item a > span:last-child {
            width: 120px;
        }
        
        .ranking>.btn {
            width: 120px;
        }
        
        .keyword-ranking.carousel .carousel-item .num {
            margin-right: 10px;;
        }
        
        .section-container .section.carousel .owl-carousel {
            margin-top: 20px;
        }
        .mega-menu,
        body.mega-menu-activated .mega-menu {
            top: 50px;
            height: calc(100% - 50px);
        }
        .btn-coachmark {
            top: 60px;
            right: 10px;
            width: 40px;
            height: 40px;
        }
        /* 헤더 높이 축소에 따른 변경 끝 */
        
        .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;
        }
        
        header h1 {
            width: 96px;
            height: auto;
            margin-left: 32px;
        }
        .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.main .section .box {
            padding:30px 25px;
        }
        
        .right-panel {
            width: calc(100% - 30px);
            right: calc(-100% + 30px);
            box-shadow: 0;
            transform: translate(0, 0) !important;
        }
        /* .btn-panel-wrap button {
            width: 40px;
            height: 40px;
        } */
        .right-panel.expanded {
            right: 0;
        }
        
        .right-panel .inner::before, 
        .right-panel .inner::after {
            display: none;
        }
        
        .right-panel .panel .item {
            width: calc(100% - 60px);
            margin-left: 30px;
            margin-right: 30px;
        }
        
        #container > .inner {
            padding: 0 30px;
        }
        
        #contents {
            margin-top: .8em;
        }
        
        .page-title {
            margin-bottom: 20px;
            flex-wrap: wrap;
            height: auto;
            row-gap: 8px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        
        .page-title p:first-of-type {
            font-size: 1em;
            margin-right: 1em;
        }
        .page-title .btn-wrap {
            position:static;
            margin-left: auto;
            transform: translate(0, 0);
        }
        .page-title .btn-wrap > *:first-child {
            margin-left: 0;
        }
        
        .breadcrumb ul {
            display: block;
            width: 100%;
            justify-content: start;
            flex-wrap: wrap;
            padding-left: 25px;
            text-indent: -25px;
        }
        
        .breadcrumb ul * {
            text-indent: 0;
        }
        
        .breadcrumb ul li {
            display: inline-block;
            margin-right: .5em;
        }
        
        .breadcrumb ul li + li {
            margin-left: 0;
        }
        
        .breadcrumb span {
            font-size: .867em;
        }
        
        .over-modal {
            min-width: auto;
            width: calc(100vw - 40px);
            left: 20px;
            transform: translate(0, -50%);
        }
        
        .over-modal .pop-container {
            padding-left: 1.2em;
            padding-right: 1.2em;
        }
        
        .over-modal.login-wrap {
            min-width: auto;
        }

        .over-modal.popup.active {
            left:20px;
        }

        .over-modal .pop-header p {
            font-size: 1em;
        }
        
        .data-search-wrap:not(.for-clone) .floor .btn,
        .data-search-wrap:not(.for-clone) .floor input[type=text],
        .data-search-wrap:not(.for-clone) .floor input[type=password],
        .data-search-wrap:not(.for-clone) .floor input[type=number],
        .data-search-wrap:not(.for-clone) .floor .form-select {
            margin-top: .2em;
            margin-bottom: .2em;
        }
        
        .data-search-wrap:not(.for-clone).two-panels {
            display: block;
        }
        
        .data-search-wrap:not(.for-clone).two-panels .floor {
            padding-left: 0 !important;
            padding-right: 0 !important;
            border-right: none !important;
        }
        
        .data-search-wrap:not(.for-clone).two-panels .floor + .floor {
            margin-top: 20px;
        }
        
        .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;
        }

        /* 코치마크 */
        .coachmark .balloon.panel {
            margin-top: 1.7rem;
        }
        .coachmark .balloon.quicklink {
            transform: translate(-50%, 196px);
        }
        
        /* 평가자료실 */
        .thumbnail-list * + .tit {
            font-size: 1rem;
        }
        .thumbnail-list .em-group > * {
            font-size: .867rem;
        }
        .thumbnail-list.line-list > li > a {
            display: block;
        }
        .thumbnail-list.line-list .thumbnail {
            height: 0;
            padding-top: 75%;
            margin-bottom: 10px;
        }
        .thumbnail-list.line-list .para {
            font-size: .867em;
        }
        
        /* 회사소개 */
        article > div.ceo-message {
            padding:0;
        }
        
        .ceo-message .ceo-sig > span {
            font-size: 1rem;
        }
        
        .ceo-message .ceo-sig > strong {
            font-size: 1.2rem;
        }
        
        .dropdown-item {
            font-size: .867em;
        }
        .stock-wrap > .row {
            flex-direction: column;
        }
        .stock-wrap p.num {
            font-size: 2rem;
        }
        
        .relation-wrap {
            flex-direction: column;
        }
        
        .relation-wrap .img {
            flex-basis: auto;
        }
        .relation-wrap > div {
            text-align: center;
        }
        
        /* My portfolio */
        .db-left {
            display: block;
            position: relative;
            padding-bottom: 55px;
        }
        
        .db-left .ico-user {
            float: left;
            width: 80px;
            height: 80px;
        }
        .db-left .ico-user embed {
            max-width: 70%;
            max-height: 70%;
        }
        .db-left .info-wrap {
            float:left;
            margin-left: 15px;
        }
        .db-left .user-nm {
            font-size: 1.2rem;
        }
        .db-left .user-type {
            font-size: 1rem;
            margin-top: 3px;
        }
        .db-left .btn-wrap {
            margin-top: 16px;
            display: flex;
            position: absolute;
            bottom: 0; 
            left: 0;
            right: 30px;
            width: 100%;
        }
        .db-left .btn-wrap > * {
            flex: 1 1 0;
        }
        .db-content .card-wrap .card.btn > span:last-child {
            margin-top: 3px;
        }
        .db-content .card-wrap .card.btn > span:last-child > .gm {
            font-size: 1.6em;
        }
        
        .search-result-wrap.file .sr-item > div {
            max-width: none !important;
        }
        .search-result-wrap.file .sr-item > .ico {
            float: right;
            margin-top: 12px;
            margin-left: 10px;
        }
        .db-content .card-wrap .card.btn {
            flex-basis: 100%;
        }

        .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;
        }
        
        /* 평가문의 */
        .eval-wrap .use{
            padding: 50px;
        }
        
        .eval-wrap .use ul span{
            font-size: 1rem;
        }
        
        .eval-wrap .kind span{
            font-size: 1rem;
        }
        
        .eval-wrap .use .img{
            margin-bottom: 5px;
        }
        
        .eval-wrap .side .what span{
            font-size: 1rem;
        }
        
        /* 고객센터 */
        .accordion .accordion-header .tit > p:first-of-type {
            font-size: 1rem;
        }
        .accordion .accordion-header .accordion-button {
            padding-left: 10px;
        }
        .accordion.sign-up .accordion-body {
            padding-left: 16px;
            padding-right: 16px;
        }
        
        /* 통합검색 */
        .page-title.search-title .sch-box label {
            display: none;
        }
        
        .sr-item {
            padding: 15px 16px;
        }
        
        .search-result-wrap.file .sr-item {
            display: block;
        }
        
        .search-result-wrap.file .sr-item > *:last-child {
            margin-top: 10px;
        }
        
        .sr-item .medium, 
        .sr-item .btn.btn-down {
            font-size: 1rem;
            font-weight: 600;
        }
        
        .sr-item * + .para {
            font-size: .867em;
        }
        
        .search-result-wrap.file .sr-item .btn.btn-file-download {
            display: block;
            margin-top: 10px;
            width: 100%;
            text-indent: 0;
            border: 1px solid #ccc;
        }
        
        /* 회사소개 */
        .kr-ovr .big.gm {
            font-size: 1.4em;
        }
        .kr-ovr p br {
            display: none;
        }
        .history-container > ul {
            flex-basis: 40%;
        }
        .history-container > div {
            flex-basis: 60%;
        }
        .history-container .year li {
            padding-right: 1.5em;
        }
        .history-container .year li.active::before {
            width: .8em;
            height: .8em;
            right: -.4em;
        }
        .history-container .year li.active::after {
            width: 1em;
        }
        .history-container .year li button {
            font-size: 1.15em;
            padding: 0;
        }
        .history-container .year li.active button {
            font-size: 2em;
        }
        .history-container.fixed {
            padding-left: 40%;
        }
        
        /* 이용안내 */
        .file-grid {
            grid-template-columns: 1fr 1fr 1fr;
        }
        .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;
        }

        .over-modal .table-wrap.common table thead th {
            padding: 0 6px;
        }
        
        /* 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;
        }
        * > .tool-tip-balloon {
			width: 100px !important;
        }
        
    }
    
    /* 360px 이하 모바일 */
    @media (max-width: 360px) {
        
        /* 메인 */
        .quick-links-wrap>ul>li {
            flex-basis: calc(100%/3 - 10px);
        }
        
        body.main .ranking {
            width: 100%;
            justify-content: start;
            text-align: left;
        }
        
        body.main .ranking > * {
            flex: 1 1 0;
            margin-right: 0;
        }
        
        body.main .ranking > label {
            flex: 0 0 4rem;
        }
        
        body.main .ranking > .keyword-ranking {
            flex: 0 0 calc(100% - 4rem - 6rem);
            width: calc(100% - 4rem - 6rem);
            min-width: 0;
        }
        
        body.main .keyword-ranking.carousel .carousel-item a {
            width: 100%;
        }
        
        body.main .ranking .btn {
            flex: 0 0 6rem;
            margin-left: 0;
        }
        #container > .inner {
            padding: 0 15px;
        }
        .data-search-wrap:not(.for-clone) .input-group[style*=width] {
            width: 100% !important;
        }
        
        .keyword-ranking.carousel .carousel-item a > span:last-child {
            width: auto;
            max-width: 100%;
        }
        
        /* 평가자료실 */
        .thumbnail-list {
            grid-template-columns: 1fr;
            column-gap: 30px;
        }
        
        /* 이용안내 */
        .file-grid {
            grid-template-columns: 1fr 1fr;
        }
    }
    
    /*********************************** 화면 높이 기준 ***********************************/
    
    /* 1600*900 */
    @media (max-height: 757px) {}
    
    /* 1366*768 */
    @media (max-height: 625px) {}
    
    /* 480px 이하 모바일 */
    @media screen and (max-height: 480px) and (max-width: 1024px) {
        /* 헤더 높이 축소에 따른 변경 시작 */
        header {
            height: 50px;
        }
        #container > .search-bar {
            top: 50px;
        }
        #container {
            padding-top: calc(50px + 107px);
        }
        .right-panel {
            height: calc(100% - 50px);
        }
        
        .ranking>label,
        #container > .search-bar .ranking>label {
            margin-right: 10px;
        }
        
        .keyword-ranking.carousel .carousel-item a > * {
            font-size: .8rem;
        }
        
        .keyword-ranking.carousel .carousel-item a > span:last-child {
            width: 150px;
        }
        
        .ranking>.btn {
            width: 120px;
        }
        
        .keyword-ranking.carousel .carousel-item .num {
            margin-right: 10px;;
        }
        
        .section-container .section.carousel .owl-carousel {
            margin-top: 20px;
        }
        .mega-menu,
        body.mega-menu-activated .mega-menu {
            top: 50px;
            height: calc(100% - 50px);
        }
        
        .mega-menu .inner {
            max-height: calc(100% - 70px);
        }
        /* 헤더 높이 축소에 따른 변경 끝 */
        
        .util>li>a>em {
            padding-top: 100%;
        }
        
        .mega-menu .inner > ul > li > a, 
        .mega-menu .inner > ul > li > span {
            font-size: 1.067em;
        }
        .mega-menu .m-visible ul {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: .5em;
        }
        .mega-menu .inner > ul > li + li {
            margin-top: .6em;
        }
        .mega-menu .m-visible ul li + li {
            margin-top: 0;
        }
        .mega-menu .m-visible button.btn {
            text-align: left;
            padding-left: 3em;
        }
        
        .btn-panel-wrap button {
            width: 2.4rem;
            height: 2.4rem;
        }
    }
    
    /* 332px 이하 모바일 (가로모드) */
    @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.total-search::before {
            background-position: 50% 50%;
            background-size: inherit;
        }
        .section-container .section>.inner {
            margin-top: 2.6em;
        }
        .section.research .box-wrap.flex.mgt50 {
            margin-top: 80px !important;
        }
        .section.research .table-wrap.scroll.mgt50 {
            margin-top: 80px !important;
        }
        body.main .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%;
        }
    }
}