@charset "utf-8";

#container {
    position: relative;
    padding: 34px 0 90px;
}

#container .container-box {
    position: relative;
}

#container.flex-spacebetween,
#container .container-box {
    align-items: stretch;
    gap: 30px;
}

#container.flex-spacebetween .content,
#container .container-box .content {
    flex-grow: 1;
    width: 100%;
}

#container.flex-spacebetween:not(.filter-open) .content {
    padding-left: 30px;
}

#container.flex-spacebetween .filter-other,
#container .container-box .filter-other {
    flex-shrink: 0;
    width: 230px;
}

#container.flex-spacebetween .filter-other h2,
#container .container-box .filter-other h2 {
    font-size: 1.8rem;
}

#container.flex-spacebetween .filter-other .inner,
#container .container-box .filter-other .inner {
    overflow: hidden;
    border: 1px solid var(--color-gray-light);
    border-radius: 6px;
}

#container .filter-onoff {
    position: absolute;
    top: 0;
    left: -60px;
    bottom: 0;
    padding-top: 240px;
}

/*
.scrollOn #container .filter-onoff {
    position: fixed;
    left: calc(50% - 710px);
}

#container .filter-onoff:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: linear-gradient(to bottom, rgba(var(--color-basic-rgb),0) 0%,rgba(var(--color-basic-rgb),.2) 70%,rgba(var(--color-basic-rgb),0) 100%);
    content: '';
}

#container.filter-open .filter-onoff:before,
#container .container-box.filter-open .filter-onoff:before {
    display: none;
}
*/

#container .filter-onoff .filter-onoff-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 60px;
    height: 100px;
    line-height: 1.4;
    background-color: var(--color-blue);
    color: var(--color-white);
    border-radius: 10px 0 0 10px;
    transition: .3s;
}

#container .filter-onoff .filter-onoff-btn .ico {
    width: 22px;
    height: 22px;
    line-height: 22px;
    background-color: var(--color-white);
    color: var(--color-blue);
    text-align: center;
    font-size: 1.2rem;
    border-radius: 50%;
    transition: .3s;
}

#container.filter-open .filter-onoff .filter-onoff-btn,
#container .container-box.filter-open .filter-onoff .filter-onoff-btn {
    background-color: var(--color-blue-deep);
}

#container.filter-open .filter-onoff .filter-onoff-btn .ico,
#container .container-box.filter-open .filter-onoff .filter-onoff-btn .ico {
    transform: rotate(180deg);
    color: var(--color-blue-deep);
}


/* 검색 데이터가 없을 때 */
.no-search-data h3 {
    font-size: 2rem;
}

.no-search-data h3 span {
    width: 50px;
    font-size: 3rem;
}

.no-search-data p,
.no-search-data ul {
    padding-left: 50px;
}

.no-search-data p {
    font-weight: var(--font-weight-light);
}


/* 관련 콘텐츠 */

.filter-other .inner_con{padding: 15px;}

.filter-other .fo-con {
/*     position: relative; */
    padding: 15px;
}

.filter-other .fo-con:not(:first-child) {
    border-top: 1px solid var(--color-gray-light);
}

.filter-other .fo-con h3 {
    line-height: 1.2;
    margin-bottom: 15px;
}

.filter-other .fo-con h3 em {
    font-size: 1.5rem;
    font-weight: var(--font-weight-semibold);
}

.filter-other .fo-con h3 em small {
    font-weight: var(--font-weight-light);
    color: var(--color-gray);
}

.filter-other .fo-con h3 .set-btn {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-color: var(--color-violet);
    color: var(--color-white);
    text-align: center;
    border-radius: 50%;
    font-size: 1.3rem;
	
	/* 필터 설정 안보이게 처리 */
	display: none !important;
}
.filter-other .fo-con a{
	    word-break: break-all;
}
.filter-other .fo-con p.comment {
    line-height: 1.4;
    font-size: 1.3rem;
}

.filter-other .fo-con .year-search .basic-input {
    width: 70px;
}

.filter-other .fo-con .more-btn {
    width: 100%;
    height: 35px;
    background-color: rgba(var(--color-basic-rgb),.1);
    color: var(--color-gray);
    font-size: 1.4rem;
}

.filter-other .fo-con .more-btn:hover {
    background-color: rgba(var(--color-basic-rgb),.15);
}

.filter-other .fo-con .more-btn .ico {
    flex-shrink: 0;
    margin-left: 5px;
}

.fo-data-list li {
    font-size: 1.5rem;
    font-weight: var(--font-weight-light);
}

.fo-data-list li a {
    display: block;
    padding: 2px 0;
}

.fo-data-list li.flex-spacebetween,
.fo-data-list li.flex-start {
    gap: 10px;
}

.fo-data-list li.flex-start {
    align-items: flex-start;
    line-height: 1.4;
}

.fo-data-list li.flex-start:not(:first-child) {
    margin-top: 5px;
}

.fo-data-list li .oneline {
    flex-grow: 1;
}

.fo-data-list li .del-btn {
    display: block;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background-color: rgba(var(--color-basic-rgb),.2);
    color: var(--color-white);
    border-radius: 50%;
    font-size: 1.3rem;
    text-align: center;
}

.fo-data-list li.flex-spacebetween .del-btn {
    display: none;
}

.fo-data-list li.flex-spacebetween:hover .del-btn {
    display: block;
}

.fo-data-list li .del-btn:hover {
    background-color: var(--color-red);
}

.fo-data-list li .related-btn {
    flex-shrink: 0;
}

.fo-data-list li .related-btn:hover {
    color: var(--color-blue);
}

.fo-trend .fo-trend-slide {
    position: relative;
    overflow: hidden;
}

.fo-trend .fo-trend-slide li {
    position: relative;
}

.fo-trend .fo-trend-slide .pic {
    display: block;
    overflow: hidden;
    font-size: 0;
    border-radius: 5px;
}

.fo-trend .fo-trend-slide .pic .tit {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 6px 10px;
    background-color: rgba(var(--color-blue-rgb),0.7);
    color: var(--color-white);
    font-size: 1.2rem;
    border-radius: 5px 0;
    z-index: 1000;
}

.fo-trend .fo-trend-slide .txt {
    padding-right: 50px;
    margin-top: 5px;
}

.fo-trend .fo-trend-slide .slide-control {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1000;
}

.fo-trend .fo-trend-slide .slide-control .swiper-pagination {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    width: auto;
    margin-right: 10px;
    color: var(--color-gray);
    font-size: 1.4rem;
}

.fo-trend .fo-trend-slide .slide-control .swiper-pagination .swiper-pagination-current {
    color: vaR(--color-basic);
    font-weight: var(--font-weight-semibold);
}

.fo-trend .fo-trend-slide .slide-control .sc-btn {
    flex-shrink: 0;
    padding: 2px 4px;
    font-size: 1.3rem;
}

.fo-trend .fo-trend-slide .slide-control .sc-btn.play-pause-btn {
    font-size: 1rem;
}

.fo-trend .fo-trend-slide .slide-control .sc-btn:hover {
    color: var(--color-blue);
}

.fo-user-info dl {
    font-size: 1.4rem;
}

.fo-user-info dl:not(:first-of-type) {
    margin-top: 15px;
}

.fo-user-info dl dt {
    margin-bottom: 5px;
    font-weight: var(--font-weight-semibold);
    font-size: 1.2rem;
}

.fo-user-info dl dd {
    color: var(--color-gray);
    font-weight: var(--font-weight-light);
}

.oa-type p {
    font-size: 1.5rem;
    font-weight: var(--font-weight-light);
    color: var(--color-gray-deep);
}

.my-search-filter {
    background-color: var(--color-sky);
}

.my-search-filter h3 em {
    font-size: 1.7rem;
}

.my-search-filter h3 .filter-reset-btn {
    font-size: 1.4rem;
}

.my-search-filter h3 .filter-reset-btn:hover {
    color: var(--color-red);
}

.my-search-filter dl:not(:first-of-type) {
    margin-top: 12px;
}

.my-search-filter dl dt {
    margin-bottom: 4px;
}

#searchServiceForm #container .filter-other.search-filter{position:relative;}

.s-filter-box .chk-list {
    padding: 0 15px 15px;
    margin: 0 -15px -15px;
}

.s-filter-box .chk-list li {
    padding: 5px 0;
    font-size: 1.4rem;
}

.s-filter-box .chk-list.in-count li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.s-filter-box .chk-list.in-count li .filter_full_text{position:absolute; background-color:var(--color-background); padding:4px; display:none; border: 1px solid #ddd; border-radius:5px; z-index:10; box-shadow: 0 0px 3px rgba(var(--color-basic-rgb),0.1); line-height:1.2; width:200px;}
.s-filter-box .chk-list.in-count li:hover .filter_full_text{display:block; }

.s-filter-box .chk-list.in-count li label {
    flex-grow: 1;
    width: 100%;
}

.s-filter-box .chk-list.in-count li .count {
    flex-shrink: 0;
    margin-left: 10px;
    color: var(--color-gray);
    font-size: 1.3rem;
}

.fo-kosen .kosenmark figure {
    max-width: 100px;
    font-size: 0;
}

.fo-kosen .kosenmark .btns {
    flex-shrink: 0;
    margin-left: 10px;
}

.search-filter-submit {
    display: block;
    width: 90%;
    margin: 0 auto;
}


/* 내가 한 검색어 */
.my-search-top-keyword dl.flex-start {
    align-items: flex-start;
    margin-bottom: 10px;
}

.my-search-top-keyword dl.flex-start dt {
    flex-shrink: 0;
    margin-right: 10px;
}

.my-search-top-keyword dl.flex-start dd {
    flex-grow: 1;
}

.keyword-extend-abbreviate .kea-btn .arrow {
    display: inline-block;
    margin-left: 10px;
    font-size: 1.8rem;
}

.keyword-extend-abbreviate .kea-btn.on {
    border-color: var(--color-blue);
    background-color: var(--color-blue);
    color: var(--color-white);
}

.keyword-extend-abbreviate .kea-btn.on .arrow {
    transform: rotate(180deg);
}

.keyword-extend-abbreviate .kea-box {
    border: 1px solid var(--color-gray-light);
    background-color: rgba(var(--color-basic-rgb),0.05);
}

.keyword-extend-abbreviate .kea-box .kea-list {
    padding: 10px;
    border-bottom: 1px solid var(--color-gray-light);
}

.keyword-extend-abbreviate .kea-box .kea-list .scrollbox {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px 15px;
    max-height: 92px;
    padding: 10px;
}

.keyword-extend-abbreviate .kea-box .btn-area {
    gap: 10px;
    padding: 20px;
}


/* Tag List */
.tag-list {
    flex-wrap: wrap;
    gap: 0 10px;
}

.tag-list .tag-btn {
    color: var(--color-blue);
}

.tag-list .tag-btn:hover {
    text-decoration: underline;
}


/* 상세검색 */
.detail-search h2.tit-h2 {
    margin-bottom: 20px;
}

.detail-search .inner {
    align-items: stretch;
    overflow: hidden;
    border: 1px solid var(--color-gray-light);
    border-radius: 10px;
}

.detail-search .inner .detail-search-box {
    flex-grow: 1;
    padding: 30px 34px;
}

.detail-search .inner .detail-search-guide {
    flex-shrink: 0;
    width: 500px;
    padding: 30px 34px;
    background-color: rgba(var(--color-basic-rgb),0.03);
}

.detail-search .inner .detail-search-guide h3 {
    font-size: 2rem;
    font-weight: var(--font-weight-semibold);
}

.ds-article-list .flex-spacebetween {
    gap: 5px;
}

.detail-search .btn-area {
    position: relative;
}

.detail-search .btn-area .back-btn {
    position: absolute;
    top: 0;
    left: 0;
}

.ds-article-list .flex-spacebetween:not(:first-child) {
    margin-top: 8px;
}

.ds-article-list .flex-spacebetween .basic-select,
.ds-article-list .flex-spacebetween .btns {
    flex-shrink: 0;
}

.ds-article-list .flex-spacebetween .basic-input {
    flex-grow: 1;
}


/* 키워드 리포트 */
.keyword-report h2.tit-h2 {
    margin-bottom: 20px;
}

.keyword-report .inner {
    overflow: hidden;
    padding: 20px 30px 50px;
    border: 1px solid var(--color-gray-light);
    border-radius: 10px;
}

.keyword-report .keyword-report-box:not(:first-child) {
    margin-top: 60px;
}

.keyword-report .keyword-report-box .source {
    margin-top: 10px;
    color: var(--color-blue);
    font-weight: var(--font-weight-light);
}


/* KOSEN 지식나눔 */
.knowledge-divide {
    padding: 0 30px;
}

.knowledge-divide .logomark {
    flex-shrink: 0;
    width: 150px;
    margin-right: 20px;
    font-size: 0;
}

.knowledge-divide .txt h3 {
    margin-bottom: 5px;
    gap: 10px;
}

.knowledge-divide .txt h3 strong {
    font-size: 2rem;
}

.knowledge-divide .ask-question {
    flex-shrink: 0;
    margin-left: 20px;
}


/* 검색 상세 */
.search-detail {
    padding-left: 0 !important;
}

.search-detail-top {
    padding: 0 10px 20px; position:relative;
}

.search-detail-top .viewer-list {
    gap: 5px;
    margin-bottom: 15px;
}
.search-detail-top .btns.btn-blue-deep{width:auto !important; margin-left:10px;}
.search-detail-top h2.tit-h2 {
    line-height: 1.4; 
}

.search-detail-top h2.tit-h2 b {
    font-size: 2.6rem;
}

.search-detail-top .info a:hover {
    text-decoration: underline;
}

.search-detail .list-top-info {
    border-top: 2px solid var(--color-blue-deep);
    border-bottom-color: var(--color-gray-light);
}

.search-detail .list-top-info .sns-link {
    gap: 5px;
}

.search-detail .list-top-info .sns-link .sns-link-btn {
    overflow: hidden;
    width: 28px;
    font-size: 0;
    border-radius: 4px;
    transition: .3s;
}

.search-detail .list-top-info .sns-link:hover .sns-link-btn {
    filter: grayscale(100%);
    opacity: 0.5;
}

.search-detail .list-top-info .sns-link .sns-link-btn:hover {
    filter: grayscale(0%);
    opacity: 1;
}

.search-detail-box {
    position: relative;
    padding: 40px 10px;
    border-top: 2px solid var(--color-blue-deep);
}

.search-detail-box.var-guide {
    padding: 40px;
    border: 1px solid var(--color-gray-light);
    background-color: rgba(var(--color-sky-rgb),0.3);
    border-radius: 10px;
    box-shadow: inset 1px 2px 1px rgba(var(--color-sky-rgb),1);
}


.search-detail-box.no-top-line {
    border-top: none;
}

.search-detail-box h4.sd-tit-h4,
.search-detail-box h3.sd-tit-h3 {
    position: relative;
    margin-bottom: 15px;
}

.search-detail-box h4.sd-tit-h4.flex-start,
.search-detail-box h3.sd-tit-h3.flex-start {
    gap: 20px;
}

.search-detail-box h3.sd-tit-h3 > b {
    font-size: 2rem;
}

.search-detail-box h4.sd-tit-h4 > b {
    font-size: 1.8rem;
}

.search-detail-box h3.sd-tit-h3 .btns-box {
    gap: 5px;
}

.search-detail-box h3.sd-tit-h3 .info-view-btn {
    position: relative;
}

.search-detail-box h3.sd-tit-h3 .info-view-btn .guide-txt {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    width: 350px;
    line-height: 1.2;
    padding: 10px;
    background-color: var(--color-background);
    border-radius: 10px;
    font-size: 1.3rem;
    color: var(--color-gray);
    box-shadow: 0px 2px 10px rgba(var(--color-black-rgb),0.12);
    text-align: left;
    z-index: 100;
}

.search-detail-box h3.sd-tit-h3 .info-view-btn:hover .guide-txt {
    display: block;
}

.search-detail-box h3.sd-tit-h3 .slide-control {
    position: absolute;
    top: 10px;
    right: 10px;
    gap: 5px;
    z-index: 1000;
}

.search-detail-box h3.sd-tit-h3 .slide-control .swiper-pagination {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    width: auto;
    margin-right: 10px;
    color: var(--color-gray);
    font-size: 1.4rem;
}

.search-detail-box h3.sd-tit-h3 .slide-control .swiper-pagination .swiper-pagination-current {
    color: vaR(--color-basic);
    font-weight: var(--font-weight-semibold);
}

.search-detail-box h3.sd-tit-h3 .slide-control .sc-btn {
    flex-shrink: 0;
    padding: 2px 4px;
    font-size: 1.3rem;
}

.search-detail-box h3.sd-tit-h3 .slide-control .sc-btn.play-pause-btn {
    font-size: 1rem;
}

.search-detail-box h3.sd-tit-h3 .slide-control .sc-btn:hover {
    color: var(--color-blue);
}

.search-detail-box .list-more-btn {
    width: 200px;
    padding: 5px 0;
    margin: 10px auto 0;
    font-size: 1.4rem;
    color: var(--color-gray);
}

.search-detail-box .list-more-btn .ico {
    margin-left: 10px;
}

.srch-summary-list:not(.understage) {
    padding-bottom: 30px;
    border-bottom: 1px solid var(--color-gray-light);
}

.srch-summary-list.understage {
    padding-top: 30px;
    border-top: 1px solid var(--color-gray-light);
}

.detail-info-tbl th,
.detail-info-tbl td {
    position: relative;
    padding: 10px 0;
    font-size: 1.4rem;
    text-align: left;
    vertical-align: top;
    font-weight: var(--font-weight-light);
}

.detail-info-tbl th {
    padding-left: 10px;
    font-weight: var(--font-weight-semibold);
}

.detail-info-tbl th:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 20px;
}

.detail-info-tbl td ul.jum-ul li {
    font-size: 1.4rem;
}

.detail-info-tbl td ul.jum-ul li:not(:first-child) {
    margin-top: 5px;
}

.detail-info-tbl td .color-blue:hover {
    text-decoration: underline;
}

.ai-summary-box {
    align-items: flex-start;
}

.ai-summary-box .ai-summary-mnu {
    flex-shrink: 0;
    overflow: hidden;
    width: 140px;
    border: 1px solid rgba(var(--color-basic-rgb),.12);
    background-color: var(--color-background);
    border-right: none;
    border-radius: 7px 0 0 7px;
}

.ai-summary-box .ai-summary-mnu li:not(:first-child) {
    border-top: 1px solid rgba(var(--color-basic-rgb),.08);
}

.ai-summary-box .ai-summary-mnu li .mnu-btn {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: var(--font-weight-light);
    text-align: center;
    transition: .2s;
}

.ai-summary-box .ai-summary-mnu li .mnu-btn.active {
    background-color: var(--color-blue);
    color: var(--color-white);
    font-weight: var(--font-weight-semibold);
}

.ai-summary-box .ai-summary-view {
    flex-grow: 1;
    width: 100%;
    min-height: 160px;
    padding: 25px 20px;
    border: 1px solid rgba(var(--color-basic-rgb),.12);
    background-color: var(--color-background);
    border-radius: 0 7px 7px 7px;
}

.ai-summary-box .ai-tab-box .inner {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.ai-summary-box .ai-tab-box .inner:not(:first-child) {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid rgba(var(--color-basic-rgb),.12);
}

.ai-summary-box .ai-tab-box .inner h4 {
    flex-shrink: 0;
    width: 100px;
    font-weight: var(--font-weight-semibold);
    font-size: 1.8rem;
}

.ai-summary-box .ai-tab-box .inner .as-list {
    flex-grow: 1;
    width: 100%;
}

.ai-summary-box .ai-tab-box .inner .as-list li {
    position: relative;
    line-height: 1.4;
    padding-left: 20px;
    font-weight: var(--font-weight-light);
}

.ai-summary-box .ai-tab-box .inner .as-list li:not(:first-child) {
    margin-top: 10px;
}

.ai-summary-box .ai-tab-box .inner .as-list li:before {
    position: absolute;
    top: 9px;
    left: 5px;
    width: 6px;
    height: 6px;
    background-color: rgba(var(--color-basic-rgb),0.2);
    border-radius: 50%;
    content: '';
}

.table-of-contents {
    padding: 20px;
    border: 1px solid var(--color-gray-light);
    background-color: rgba(var(--color-basic-rgb),.02);
    border-radius: 10px;
}

.table-of-contents li {
    padding: 7px 0;
    font-size: 1.4rem;
}

.table-of-contents li:not(:first-child) {
    border-top: 1px dotted rgba(var(--color-basic-rgb),.1);
}

.reference_list {
    list-style: decimal;
    list-style-position: initial;
    padding-left: 30px;
}

.reference_list li {
    padding: 15px 0;
    border-bottom: 1px solid rgba(var(--color-basic-rgb),.08);
}

.reference_list li .txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reference_list li .btn-area {
    flex-shrink: 0;
    gap: 5px;
    margin-left: 20px;
}

.research-timeline {
    overflow: hidden;
    padding: 30px;
    border: 1px solid var(--color-gray-light);
    background-color: rgba(var(--color-basic-rgb),.02);
    border-radius: 10px;
}

.research-timeline dl {
    align-items: flex-start;
}

.research-timeline dl:not(:first-of-type) {
    margin-top: 5px;
}

.research-timeline dl dt {
    flex-shrink: 0;
    width: 130px;
    font-weight: var(--font-weight-semibold);
}

.research-timeline dl dd {
    font-weight: var(--font-weight-light);
}

.timeline-slide {
    position: relative;
}

.timeline-slide:before {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: rgba(var(--color-basic-rgb),.08);
    content: '';
}

.timeline-slide .timeline-box {
    position: relative;
    padding: 13px 0 15px;
}

.timeline-slide .timeline-box h4 {
    position: absolute;
    top: 0;
    left: calc(50% - 33px);
    width: 66px;
    height: 26px;
    background-color: var(--color-gray);
    color: var(--color-white);
    text-align: center;
    border-radius: 13px;
    transition: .3s
}

.timeline-slide .timeline-box .keyword-cloudbox {
    border: 1px solid var(--color-gray-light);
    background-color: var(--color-background);
    box-shadow: 0 0 0 rgba(var(--color-black-rgb),0);
    border-radius: 10px;
    transition: .3s;
    
    display:flex;
    align-items:center;
    justify-content:center;
}

.timeline-slide .swiper-slide-active .timeline-box h4 {
    background-color: var(--color-blue);
    font-weight: var(--font-weight-semibold);
}

.timeline-slide .swiper-slide-active .timeline-box .keyword-cloudbox {
    border-color: var(--color-blue);
    box-shadow: 0 5px 15px rgba(var(--color-black-rgb),0.12);
}

.timeline-slide .swiper-button {
    position: absolute;
    top: calc(50% - 40px);
    width: 40px;
    height: 80px;
    line-height: 80px;
    background-color: var(--color-background);
    box-shadow: 0 3px 10px rgba(var(--color-black-rgb),0.1);
    text-align: center;
    border-radius: 20px;
    font-size: 2rem;
    color: var(--color-gray);
    transition: .3s;
    z-index: 99;
}

.timeline-slide .swiper-button.swiper-prev {
    left: 0px;
}

.timeline-slide .swiper-button.swiper-next {
    right: 0px;
}

.timeline-slide .swiper-button:hover {
    background-color: var(--color-blue);
    color: var(--color-white);
}

.help-us-box {
    gap: 20px;
}

.help-us-box em {
    margin-right: 40px;
    color: var(--color-gray);
}


/* 선택 관심분야 */
.cl-answer-list li {
    position: relative;
    padding: 20px 110px 15px 130px;
    border: 1px solid var(--color-gray-light);
    background-color: var(--color-background);
    border-radius: 10px;
    font-size: 1.5rem;
}

.cl-answer-list.no-del li {
    padding-right: 30px;
}

.cl-answer-list li:not(:first-child) {
    margin-top: 10px;
}

.cl-answer-list li label {
    position: absolute;
    top: 15px;
    left: 20px;
    width: 80px;
    padding: 0;
    text-align: center;
}

.cl-answer-list li dl {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 1.4rem;
}

.cl-answer-list li dl:not(:first-of-type) {
    margin-top: 5px;
}

.cl-answer-list li dl dt {
    flex-shrink: 0;
    margin-right: 5px;
    color: var(--color-gray);
    font-weight: var(--font-weight-semibold);
}

.cl-answer-list li dl dd {
    flex-grow: 1;
    font-weight: var(--font-weight-light);
}

.cl-answer-list li .del-btn {
    position: absolute;
    top: 15px;
    right: 20px;
}


/* AI 논문요약 // 상세검색 */
.pagein-detail-search {
    padding: 30px 34px;
    background-color: rgba(var(--color-basic-rgb),.03);
    border-radius: 10px;
    box-shadow: inset 1px 2px 3px rgba(var(--color-basic-rgb),.1);
}


/* 의견 등록 */
.opinion-write {
    padding: 30px 34px;
    background-color: rgba(var(--color-basic-rgb),.03);
    border-radius: 10px;
}

.opinion-write h3 {
    margin-bottom: 15px;
}

.opinion-write .auto-height-textarea {
    height: 60px;
    padding: 10px 10px;
    border: none;
    border-bottom: 1px solid var(--color-gray-light);
    background-color: var(--color-background);
    box-shadow: inset 1px 1px 1px rgba(var(--color-basic-rgb),.1);
    border-radius: 7px;
    font-size: 1.5rem;
    font-weight: var(--font-weight-light);
}

.opinion-write .auto-height-textarea:focus {
    outline: none;
    border-bottom-color: var(--color-blue-deep);
}

.opinion-write.mini-ver {
    padding: 10px;
    box-shadow: inset 1px 1px 1px rgba(var(--color-basic-rgb),.1);
    border-radius: 7px;
}




.research-timeline{width:100% !important}
.timeline-slide .timeline-box,
.timeline-slide .swiper-slide{min-width:222px !important;}

.btns.con_btn{width: 100%;}
.btns.con_btn2{height: 52px; line-height: 1.2;}
.btns.mr-0{margin-right: 0 !important}

/* -------------------------------- */
@media screen and (max-width:1440px) {		
	/* 공통 */
	#container{max-width:1300px; padding: 30px 50px 100px 50px;}			
	.search-filter,
	#container .filter-onoff{display:none;}	
	#container .container-box{gap:30px 0;}
	
	#container.flex-spacebetween:not(.filter-open) .content {padding-left: 0;}
}

@media(max-width:  1340px) {
	/* 공통 */
	#container{max-width:1170px; padding: 30px 50px 0 50px;}
	#searchServiceForm #container{flex-direction: column;}
	#searchServiceForm #container .other-content{width:100% !important;}
	#searchServiceForm #container .other-content .inner{border-radius:0; border:0;display: flex; flex-direction: column; gap: 10px;}
	#searchServiceForm #container .other-content h2{display:none;}
	#searchServiceForm #container .other-content .fo-con{border:1px solid var(--color-gray-light) !important; border-radius:6px;}
	#searchServiceForm #container .other-content .fo-trend{display:none !important;}
	#searchServiceForm #container .other-content .word-cloud-box{    display: flex;align-items: center; justify-content: center;}
	#searchServiceForm #container .other-content .word-cloud-box svg{}
	#searchServiceForm #container .other-content .fo-data-box .fo-data-list{max-height:55px !important;}
	
	.filter-other .inner_con{padding: 0}
}

@media(max-width:  1200px) {
	/* 공통 */
	#container{max-width:970px;}
	
	.select-infra-con .knowledge-search-box{padding: 12px 20px;}
	.select-infra-con .knowledge-search-box dl dt{width:80px !important;}
	
	ul.checkradio-list.size-fixed li{width:210px; font-size:1.3rem}
	
	.powerful-con .tag-list{display:block !important;}
	.powerful-con .tag-list em{ width:15% !important;}
	.powerful-con .tag-list .kwrdList{width:85% !important;width:auto; display:inline-block !important;}
	.powerful-con .tag-list .kwrdList button{display:inline-block; padding:0 10px;}
	
	/* 키워드 보고서 */
	.keyword-report h2.tit-h2{gap:15px; align-items:start; flex-direction: column;}
	
	/* 지식인프라 상세 */
	.report_fnct_Sch_wr{flex-direction: column;}
	.report_fnct_Sch_wr .filter-other{display:none;}
	
	/* 상세검색 */
	.pagein-detail-search{padding:25px;}
	.pagein-detail-search .basic-write-tbl col,
	.pagein-detail-search .basic-write-tbl th,
	.pagein-detail-search .basic-write-tbl td{width:100%; display:block;}
	.pagein-detail-search .basic-write-tbl th{text-align:left !important;}
	.pagein-detail-search .basic-write-tbl th br{display:none;}
	
}

@media(max-width:  1024px) {
}

@media(max-width:  980px) {
	/* 공통 */
	#container{max-width:750px; }
	
	h1.tit-h1{text-align:left; align-items: normal; margin-bottom:40px;}
	h1.tit-h1 em{font-size: 3rem;}
	.total-search-bar{border-bottom: 1px solid var(--color-gray-light);}
	
	/* .powerful-con{display:block !important;}
	.powerful-con .numbox{float:left;} */
	
	.select-infra-con .knowledge-search-box dl{display:block !important;}
	.select-infra-con .knowledge-search-box dl dt{text-align: left !important;}
	
	.powerful-con .tag-list{padding-top:0px !important;}
	.powerful-con .tag-list.mgt5px{margin-top:0 !important;}
	.powerful-con .tag-list em{display:none;}
	.powerful-con .tag-list .kwrdList{border:0; width:100%; padding:0px 0;}
	.powerful-con .tag-list .kwrdList button{padding: 0 0px}

	.powerful-con .inner{width:100% !important;}
	.powerful-con .inner .btns.size-small.side-round{height: auto; margin-top:5px; padding:5px 0; display:block; width:100%;}
	
	/* 검색 탭 */	
	.search-detail .basic-tabbox.ver-allround{border:0; border-radius:0;  gap: 8px;  width: 100% !important;flex-wrap: wrap; justify-content: start;}
	.search-detail .basic-tabbox.ver-allround li{border:0; width:auto;  display: inline-block;  flex-grow: 0;}
	.search-detail .basic-tabbox.ver-big .btns{height:auto;width:auto;  padding: 8px 20px; border-radius: 50px; border: 1px solid #ddd; background: var(--color-background); display: block; white-space: nowrap;}
	.search-detail .basic-tabbox .tab-btn.active{border-color:var(--color-red); color:var(--color-red); background: var(--color-background);}
	.basic-tabbox .tab-btn.side-round{border-radius:50px;}
	#myonDataArea .basic-tabbox.ver-allround{border:0; border-radius:0; gap: 8px;  width: 100% !important;flex-wrap: wrap; justify-content: start;}
	#myonDataArea .basic-tabbox.ver-allround li{border:0; width:auto;  display: inline-block;  flex-grow: 0;}
	#myonDataArea .basic-tabbox.ver-big .btns{height:auto;width:auto;  padding: 8px 20px; border-radius: 50px; border: 1px solid #ddd; background: var(--color-background); display: block; white-space: nowrap;}
	#myonDataArea .basic-tabbox .tab-btn.active{border-color:var(--color-red); color:var(--color-red);}
	
	#searchServiceForm #container .other-content .fo-word-cloud .basic-tabbox.ver-allround{border:0; border-radius:0;  gap: 8px;  width: 100%;flex-wrap: wrap; justify-content: start;}
	#searchServiceForm #container .other-content .fo-word-cloud .basic-tabbox.ver-allround li{border:0; width:auto;  display: inline-block;  flex-grow: 0;}
	#searchServiceForm #container .other-content .fo-word-cloud .basic-tabbox.ver-mini .btns{border-radius:50px; background-color:var(--color-background); padding: 8px 20px; border: 1px solid #ddd;line-height:1.0;}
	#searchServiceForm #container .other-content .fo-word-cloud .basic-tabbox.ver-mini .btns.active{border-color:var(--color-red); color:var(--color-red);}
	
	#container.flex-spacebetween.filter-open .powerful-con {--substr: 100%;}
	#searchServiceForm #container.flex-spacebetween.filter-open .powerful-con{display: block !important}
	#container .powerful-con { --substr: 100%; --substr-inview: 100%;}
	/* .powerful-con .numbox{display:none;} */
	
	.powerful-con .abstract-box{width:100%;}
	.gallery-list.flex-start .galley-con{width:49%;}
	.gallery-list.flex-start{gap:30px 2%;}
	
	/* 연구과제 타임라인 / 성과물 */
	.search-detail-box #section_lvl2_2 .sd-tit-h4{flex-direction: column; align-items:start; gap:10px;}
	.search-detail-box .research-timeline{padding:20px;}
	.search-detail-box .research-timeline dl{flex-direction: column; align-items: start;}	
	.search-detail-box .timeline-slide .swiper-button{top: calc(50% - 17px); width:35px; height:35px; line-height:35px; font-size:1.3rem;}
	
	/* 원문열기 */
	.original-document-box .pdf-url{flex-direction: column;}
	.original-document-box .pdf-url .odb-dl{width:100%;     word-break: break-all;}
	.original-document-box .pdf-url .odb-dl:not(:first-child) dd{border-left:0;}
	.original-document-box .pdf-url .odb-dl dd ul li:before{top:16px;}
	
	
	/* Ai논문 */
	.ai-summary-box{flex-direction: column; gap: 10px;}
	.ai-summary-box .ai-summary-mnu{width: 100%; border-radius: 7px; border: 1px solid rgba(var(--color-basic-rgb),.12);}
	.ai-summary-box .ai-summary-view{border-radius: 7px;}
	.ai-summary-box .ai-summary-mnu li .mnu-btn{    height: 40px; line-height: 40px;}
	
	/* 검색 상세  */
	.report_Sch_wr{flex-direction: column;}
	.report_Sch_wr .filter-other{width:100% !important;}
	.report_Sch_wr .filter-other h2{display:none;}
	.report_Sch_wr .filter-other .fo-data-box_on{display:block;}
	.report_Sch_wr .filter-other .inner{border:0 !important; border-radius:0 !important; margin:0 !important; display:flex; flex-direction: column; gap:15px;}
	.report_Sch_wr .filter-other .fo-con{border: 1px solid var(--color-gray-light); border-radius: 6px;}
	.table-of-contents{max-height:210px; overflow-y:auto;}
	.search-detail-box{padding:25px 15px;}
	.search-detail-box .mgt40px{margin-top:30px !important}
	
	/* 상세검색 */	
	.pagein-detail-search .basic-write-tbl #search_detail_condition > div{flex-direction: column; padding: 10px 0; border-bottom: 1px solid rgba(var(--color-basic-rgb),0.1);}
	.pagein-detail-search .basic-write-tbl #search_detail_condition > div:first-child{padding-top:0;}
	.pagein-detail-search .basic-write-tbl #search_detail_condition > div:last-child{border-bottom:0; padding-bottom:0;}
	.pagein-detail-search .basic-write-tbl #search_detail_condition input,
	.pagein-detail-search .basic-write-tbl #search_detail_condition select,
	.pagein-detail-search .basic-write-tbl #search_detail_condition .btns{width:100% !important; display:block;}	   
	
	.pagein-detail-search ul.checkradio-list{flex-wrap:initial; gap:0 8px; width:100%; overflow-x:auto; -ms-overflow-style: none; scrollbar-width: none;}
	.pagein-detail-search ul.checkradio-list::-webkit-scrollbar {display: none;}
	.pagein-detail-search ul.checkradio-list li{width:auto;}
	.pagein-detail-search ul.checkradio-list input+label,
	.pagein-detail-search ul.checkradio-list input+label{padding:8px 20px; border-radius:50px; border: 1px solid #ddd; background:var(--color-background); display:block;white-space: nowrap;}
	.pagein-detail-search ul.checkradio-list input+label span,
	.pagein-detail-search ul.checkradio-list input+label span{display:none;}
	.pagein-detail-search ul.checkradio-list input:checked+label,
	.pagein-detail-search ul.checkradio-list input:checked+label{border-color:var(--color-red); color:var(--color-red); font-weight:bold;}
	
	.pagein-detail-search .btn-area .btns.size-big{width:100%; display:block;}
	
	/* 검색 시 상단 탭 및 내용 */
	#searchServiceForm #container .content{position:relative;}
	#searchServiceForm #container .content .tab_mobile_top{position:relative; padding-top:50px;}	
	#searchServiceForm #container .content .tab_mobile_top:before{content:""; position:absolute; left: calc(50% - 50vw); top: 24px; width:100vw; height:1px; background:var(--color-gray-light)}
	
	#searchServiceForm .content .basic-tabbox.ver-allround{position:absolute; top:-20px; border:0;  border-radius:0; overflow-x:auto;  gap: 0;  width: 100%; flex-wrap: nowrap; justify-content: start; -ms-overflow-style: none; scrollbar-width: none;}
	#searchServiceForm .content .basic-tabbox.ver-allround::-webkit-scrollbar {display: none;}
	#searchServiceForm .content .basic-tabbox.ver-allround:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:var(--color-gray-light)}
	#searchServiceForm .content .basic-tabbox.twoline .btns small{display:inline-block;}
	#searchServiceForm .content .basic-tabbox.ver-allround li{border:0; width:auto;  display: inline-block;  flex-grow: 0;}
	#searchServiceForm .content .basic-tabbox.ver-allround .btns{position:relative; height:auto;width:auto;  padding: 0 20px; height:45px; line-height:45px; border-radius: 0; border: 0; background: var(--color-background); display: block; white-space: nowrap;}
	#searchServiceForm .content .basic-tabbox.ver-allround .tab-btn.active{color:var(--color-red);}
	#searchServiceForm .content .basic-tabbox.ver-allround .btns:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:var(--color-gray-light)}
	#searchServiceForm .content .basic-tabbox.ver-allround .tab-btn.active:before{background:var(--color-red)}
	
	
}

@media(max-width:  768px) {
	/* 공통 */
	#container{padding:20px 30px;}
	    
	#header .gnb .gnb-1a{padding:0 10px;}
	h1.tit-h1 em{font-size: 2.5rem;}
	h1.tit-h1 small{font-size:1.4rem;}
	.about-wrap .content-box{padding:0 !important;}
	
	/* .total-search-bar{padding-top:20px;}
	.total-search-bar .tsb-box,
	.total-search-bar .tsb-box .tsb-btn{height:46px;}
	.total-search-bar .tsb-box .tsb-detail-btn{top: 55px;}
	.total-search-bar .tsb-box .tsb-input{font-size:1.2rem; padding: 0 0px;}
	.total-search-bar .tsb-keyword-slide{margin-top:80px;}
	.total-search-bar .tsb-keyword-slide dl dd a{padding:0 3px;} */
	
	.select-infra-con .search-calc{display:block !important;}
	.select-infra-con .search-calc button{width:100%; margin-top:5px;}
	
	.faq-list .faq-con .faq-q{padding: 25px 60px 15px 20px;}
	.faq-list .faq-con .faq-mark{font-size:1.6rem; width:20px;}
	.faq-list .faq-con .subject{ margin-top:10px;}
	.faq-list .faq-con .cate{position:absolute; left:55px; top:10px; padding: 0 5px; text-align:left; border:0; color: var(--color-blue); background:none;}
	
	#container .powerful-con{flex-direction: column; gap:5px; align-items:start;}
	.powerful-con .pic,
	.powerful-con .numbox{margin-right:0;}
	
	/* 원문열기 */
	.original-document-box .pdf-url .odb-dl dd ul li{flex-direction: column; gap:8px;    align-items: start;}
	.original-document-box .pdf-url .odb-dl dd ul li .btns{display:block; width:100%;}
	
	/* AI 논문 */
	.powerful-con .pic.paper{margin-right:0;}
	.totalnum-box.in-detail-search .detail-search-btn{position:initial; top:auto; right:auto;}
	.totalnum-box.in-detail-search{padding-right:0 !important;}
	.powerful-con .ai-match-box{width:100%; margin-left:0;}
	
	/* 검색 상세  */
	.search-detail-box .detail-info-tbl col,
	.search-detail-box .detail-info-tbl tr{width:100% !important; display: block;}
	.search-detail-box .detail-info-tbl th,	
	.search-detail-box .detail-info-tbl td{width:100%; display:block; padding:4px;padding-left:10px;} 
	.detail-info-tbl th:before{top:15px;}
	.search-detail .list-top-info{flex-direction: column; gap:5px 0; height:auto;padding:15px; align-items:start;}
	.search-detail-top{font-size:1.5rem;}
	.search-detail-top h2.tit-h2 b{font-size:2rem;}
	.search-detail-box h3.sd-tit-h3 > b{font-size:1.8rem;}
	.search-detail-box h4.sd-tit-h4, .search-detail-box h3.sd-tit-h3{margin-bottom:10px;}
	.search-detail .list-top-info .sns-link{width:100%; juatify-content:end;}
	
	.report_Sch_wr .help-us-box{flex-wrap: wrap; gap:10px; justify-content: end;}
	.report_Sch_wr .help-us-box em{width:100%; margin:0;}
	.report_Sch_wr .help-us-box .btns{width:100%; display:block;}
	
	.report_Sch_wr .sd-tit-h3{flex-wrap: wrap; gap:5px 20px !important;}
	
	/* 지식인프라 상세 */
	.report_fnct_Sch_wr .search-detail-top h2.tit-h2 .btns{display:block; width:100%; margin-top:10px;}
	.report_fnct_Sch_wr .basic-tbl{width:100%;}
	.report_fnct_Sch_wr .basic-tbl col, 
	.report_fnct_Sch_wr .basic-tbl th,
	.report_fnct_Sch_wr .basic-tbl td{display:block; width:100% !important;}
	.report_fnct_Sch_wr .basic-tbl td,
	.report_fnct_Sch_wr .basic-tbl th{border-bottom:0;}
	.report_fnct_Sch_wr .basic-tbl tr:last-child td{border-bottom:1px solid var(--color-gray-light);}
	.report_fnct_Sch_wr .basic-tbl td .btns.size-small{width:100%; display:block; margin:8px 0 0 0; height:32px; line-height:30px;}
	
	/* 상세검색 */		
	.pagein-detail-search h2.tit-h2 > b{font-size:1.7rem;}
	.pagein-detail-search .basic-write-tbl th{font-size:1.5rem;}
	
	/* 모바일 NONE 버튼 */
	.mobile_none_btn{display:none !important}
	
	/* 검색 시 상단 탭 및 내용 */
	#searchServiceForm #container .content .tab_mobile_top{padding-top:55px;}	
	#searchServiceForm #container .content .tab_mobile_top:before{top:29px}	
	#searchServiceForm .content .basic-tabbox.ver-allround{top:-15px;}
	
	.keyword-extend-abbreviate .kea-box .kea-list .scrollbox{gap:5px 10px; max-height: 82px;}
	.keyword-extend-abbreviate .kea-box .kea-list .scrollbox .btns{height: 32px; line-height: 30px;}
	
	
	/* 논문 부분 */
	.reference_list li .txt{flex-direction: column; align-items: start;}
	.reference_list li .btn-area{margin-left:0;}
	
	
    .search-detail-top .btns.btn-blue-deep{margin-left:0; margin-top:10px; width:100% !important; display:block;}
}	

@media screen and (max-width:594px) {
	/* 공통 */
	#container{padding:15px 20px;}
	
	/* AI 논문 */
	.powerful-con .ai-match-box{padding-right:50px;}
	.powerful-con .plus-minus-btn{width:35px; height:35px; line-height:33px;}
	.ai-summary-box .ai-summary-view{padding:15px;}
	.ai-summary-box .ai-tab-box .inner{flex-direction: column; gap: 0 5px;}
	
	/* 검색결과 no */
	.all-powerful-list .no-search-data{padding:20px;}
	.all-powerful-list .no-search-data h3{flex-direction: column; text-align:center;  line-height: 1.2;}
	.no-search-data p, .no-search-data ul{padding-left:0; line-height:1.2; margin-top:10px;}
	
	/* 검색어 확장 및 줄임 */
	.keyword-extend-abbreviate #utils .btns{padding: 0 3px;}
	.keyword-extend-abbreviate .kea-box .kea-list .scrollbox{ flex-wrap: nowrap; overflow-y:initial; max-height:auto; height:auto; overflow-x:auto;gap:8px; -ms-overflow-style: none; scrollbar-width: none; padding:0;}
	.keyword-extend-abbreviate .kea-box .kea-list .scrollbox::-webkit-scrollbar {display: none;}
	.keyword-extend-abbreviate .kea-box .kea-list .scrollbox .btns{    white-space: nowrap; }
	.keyword-extend-abbreviate .kea-box .btn-area{flex-direction: column;gap: 5px; padding:10px;}
	.keyword-extend-abbreviate .kea-box .btn-area .btns{width:100%; display:block;}
	
	
	.reference_list li .txt{flex-direction: column; align-items: start;}
	.reference_list li .btn-area{margin-left:0; margin-top:10px;}
	
	.search-detail-box .basic-tbl.ver-soft thead{display:none;}
    .search-detail-box .basic-tbl.ver-soft tr,
    .search-detail-box .basic-tbl.ver-soft td,
    .search-detail-box .basic-tbl.ver-soft th, 
    .search-detail-box .basic-tbl.ver-soft col{display:block; width:100% !important;}
    .search-detail-box .basic-tbl.ver-soft td{border-bottom:0;}
    .search-detail-box .basic-tbl.ver-soft tr:last-child td:last-child{border-bottom:1px solid var(--color-gray-light)}
 
 	.flex-basic{flex-direction: column;  align-items: start;}
 	.flex-basic ul:nth-child(2).mgt20px{margin-top: 0 !important;   width: 100%;}
 	.flex-basic ul:nth-child(2).mgt20px a{width: 100% !important;}
}