@charset "utf-8";

body {
    --top-banner-height: 0px;
    --header-height: 80px;
    --total-search-bar-height: 150px;
	background-color:var(--color-background-rgb);
	top:0 !important;
}

body.in-top-banner {
    --top-banner-height: 80px;
}

#wrapper {
    position: relative;
    padding-top: calc(var(--top-banner-height) + var(--header-height) + var(--total-search-bar-height));
}

.respon {
    width: 1300px;
    margin: 0 auto;
}


/* 상단 헤더 */
#header {
    position: fixed;
    top: calc(0px + var(--top-banner-height));
    left: 0;
    width: 100%;
    min-width: 1300px;
    height: var(--header-height);
    padding: 0 50px;
    border-bottom: 1px solid rgba(var(--color-basic-rgb),0.1);
    background-color: var(--color-background);
    transition: .3s ease-in-out;
    z-index: 2000;
}

#header:hover {
    border-bottom-color: rgba(var(--color-basic-rgb),0.15);
}

#header h1 {
    flex-shrink: 0;
    width: 207px;
}

#header .gnb {
    position: absolute;
    top: 0;
    left: calc(50% - 400px);
    width: 650px;
}

#header .gnb > ul {
    height: var(--header-height);
    transition: .3s;
}

#header .gnb .gnb-1a {
    position: relative;
    height: var(--header-height);
    line-height: var(--header-height);
    /* padding: 0 30px; */
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    transition: .3s;
    
    /* 추가 */
    display:flex;
    align-items:center;
    text-align:center;
    padding:0 10px;
    min-width:140px;
    max-width:100%;
    justify-content:center;
}
#header .gnb .gnb-1a font{font-size:1.6rem; word-break: keep-all; line-height:1.2;}

#header .gnb .gnb-1a:hover {
    font-weight: var(--font-weight-semibold);
}

#header .gnb .active .gnb-1a {
    color: var(--color-blue);
    font-weight: var(--font-weight-semibold);
}

#header .gnb .gnb-1a:after {
    position: absolute;
    bottom: 0;
    left: 49.5%;
    right: 49.5%;
    height: 2px;
    background-color: rgba(var(--color-blue-rgb),0);
    transition: .3s ease-in-out;
    content: '';
}

#header .gnb > ul > li:hover .gnb-1a::after {
    left: 20px;
    right: 20px;
    background-color: rgba(var(--color-blue-rgb),1);
}

#header .gnb .sub-gnbbox {
    display: none;
    position: absolute;
    top: var(--header-height);
    left: calc(50% - 1900px);
    width: 4000px;
    background-color: var(--color-background);
    box-shadow: 0 10px 10px rgba(var(--color-basic-rgb),0.1);
}

#header .gnb .sub-gnbbox .inner {
    align-items: stretch;
}

#header .gnb .sub-gnbbox .inner .gnb-1a-txt {
    flex-grow: 1;
    padding-right: 80px;
}

#header .gnb .sub-gnbbox .inner .gnb-1a-txt .ico {
    flex-shrink: 0;
    width: 160px;
    padding-left: 20px;
    opacity: 5%;
    font-size: 9rem;
}

#header .gnb .sub-gnbbox .inner .gnb-1a-txt .txt-box {
    flex-grow: 1;
}

#header .gnb .sub-gnbbox .inner .gnb-1a-txt .txt-box dt {
    margin-bottom: 10px;
    font-size: 3rem;
    font-weight: var(--font-weight-bold);
}

#header .gnb .sub-gnbbox .inner .gnb-1a-txt .txt-box dd {
    font-size: 1.5rem;
    font-weight: var(--font-weight-light);
}

#header .gnb .sub-gnbbox .inner ul.gnb-2a-mnu {
    flex-shrink: 0;
    position: relative;
    width: 703px;
    border-left: 1px solid rgba(var(--color-basic-rgb),0.1);
}

#header .gnb .sub-gnbbox .inner ul.gnb-2a-mnu li {
    width: 300px;
    border-right: 1px solid rgba(var(--color-basic-rgb),0.1);
}

#header .gnb .sub-gnbbox .inner ul.gnb-2a-mnu li:not(:first-child) {
    border-top: 1px solid rgba(var(--color-basic-rgb),0.1);
}

#header .gnb .sub-gnbbox .inner ul.gnb-2a-mnu li .gnb-2a {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0 30px 0 40px;
    transition: .3s;
}

#header .gnb .sub-gnbbox .inner ul.gnb-2a-mnu li .gnb-2a .ico {
    flex-shrink: 0;
    font-size: 2rem;
}

#header .gnb .sub-gnbbox .inner ul.gnb-2a-mnu li .gnb-2a:hover {
    padding-right: 20px;
    color: var(--color-basic);
    font-weight: var(--font-weight-medium);
}

#header .gnb .sub-gnbbox .inner ul.gnb-2a-mnu li .gnb-2a:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    background-color: rgba(var(--color-red-rgb),0);
    content: '';
    transition: .3s ease-in-out;
}

#header .gnb .sub-gnbbox .inner ul.gnb-2a-mnu li.on .gnb-2a:after {
    width: 100%;
    background-color: rgba(var(--color-red-rgb),0.1);
}

#header .gnb .sub-gnbbox .inner ul.gnb-2a-mnu li .comment-box {
    position: absolute;
    top: 0;
    left: 300px;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 40px 0 50px;
    opacity: 0;
    transition: .3s;
}

#header .gnb .sub-gnbbox .inner ul.gnb-2a-mnu li .comment-box dt {
    margin-bottom: 10px;
    font-size: 1.8rem;
    font-weight: var(--font-weight-semibold);
}

#header .gnb .sub-gnbbox .inner ul.gnb-2a-mnu li .comment-box dd {
    font-size: 1.5rem;
    font-weight: var(--font-weight-light);
}

#header .gnb .sub-gnbbox .inner ul.gnb-2a-mnu li.on .comment-box {
    opacity: 1;
}

#header .gnb > ul > li:hover .sub-gnbbox {
    display: block;
}

#header .user-mnu {
    flex-shrink: 0;
    gap: 14px;
}

#header .user-mnu a:not(.all-mnu-btn) {
    display: inline-block;
    padding: 5px;
}

#header .user-mnu a em {
    font-size: 1.4rem;
}
#header .user-mnu a em font{
	max-width:120px; display:inline-block; line-height:1.0;
}
#header .user-mnu .my-onoff-btn,
#header .user-mnu .other-link-btn {
    height: 38px;
}

#header .user-mnu .my-onoff-btn em,
#header .user-mnu .other-link-btn em {
    font-size: 1.4rem;
}

#header .user-mnu dl {
    position: relative;
}

#header .user-mnu dl:hover dt button {
    color: var(--color-blue);
}

#header .user-mnu dl dd {
    display: none;
    position: absolute;
    top: 36px;
    padding: 7px 0;
    background-color: var(--color-background);
    box-shadow: 0 2px 10px rgba(var(--color-black-rgb),0.15);
    border-radius: 10px;
    z-index: 2100;
}

#header .user-mnu dl:hover dd {
    display: block;
}

#header .user-mnu dl dd ul li a {
    padding: 7px 15px !important;
    font-size: 1.3rem !important;
    color: var(--color-gray);
}

#header .user-mnu dl dd ul li a:hover {
    background-color: rgba(var(--color-basic-rgb),0.02);
    color: var(--color-blue);
}

#header .user-mnu dl.my-etc dd {
    left: calc(50% - 60px);
    width: 120px;
}

#header .user-mnu dl.my-etc dd ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#header .user-mnu dl.my-etc dd ul li a .ico {
    flex-shrink: 0;
    margin-right: 7px;
}

#header .user-mnu dl.other-link dd {
    left: calc(50% - 80px);
    width: 160px;
}

#header .user-mnu dl.other-link dd ul li a {
    display: block;
    font-size: 1.4rem;
}

#header .user-mnu .all-mnu-btn {
    flex-shrink: 0;
    width: 115px;
    height: 36px;
    line-height: 34px;
    padding: 0 20px;
    margin-left: 10px;
    border-radius: 18px;
}

#header .user-mnu .all-mnu-btn.view {
    border-color: var(--color-red);
    background-color: var(--color-red);
}

#header .sitemap-box {
    position: absolute;
    top: var(--header-height);
    left: 0;
    width: 100%;
    background-color: var(--color-background);
    box-shadow: 0px 10px 15px rgba(var(--color-black-rgb),0.15);
}

#header .sitemap-box .flex-center {
    align-items: stretch;
    border-left: 1px solid rgba(var(--color-basic-rgb),0.1);
    border-right: 1px solid rgba(var(--color-basic-rgb),0.1);
}

#header .sitemap-box .sitemap-con {
    flex-grow: 1;
    width: 25%;
    padding: 24px;
    transition: .3s;
}

#header .sitemap-box:hover .sitemap-con:not(:hover) {
    opacity: 0.6;
}

#header .sitemap-box .sitemap-con:not(:first-child) {
    border-left: 1px solid rgba(var(--color-basic-rgb),0.1);
}

#header .sitemap-box .sitemap-con dt {
    margin-bottom: 10px;
    font-size: 2rem;
    font-weight: var(--font-weight-semibold);
}

#header .sitemap-box .sitemap-con dd ul li:not(:first-child) {
    margin-top: 3px;
}

#header .sitemap-box .sitemap-con dd ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 38px;
    color: var(--color-gray);
    border-radius: 4px;
    transition: .2s;
}

#header .sitemap-box .sitemap-con dd ul li a em {
    flex-grow: 1;
    font-weight: var(--font-weight-light);
}

#header .sitemap-box .sitemap-con dd ul li a span {
    flex-shrink: 0;
    width: 40px;
    opacity: 0;
    transition: .2s;
}

#header .sitemap-box .sitemap-con dd ul li a:hover {
    padding: 0 0 0 15px;
    background-color: rgba(var(--color-red-rgb),0.1);
    color: var(--color-basic);
}

#header .sitemap-box .sitemap-con dd ul li:hover a em {
    font-weight: var(--font-weight-medium);
}

#header .sitemap-box .sitemap-con dd ul li a:hover span {
    width: 20px;
    opacity: 1;
}

@media screen and (min-width:1639px) {
    #header .gnb {
        width: 800px;
    }

    #header .gnb .gnb-1a {
        padding: 0 20px;
    }

    #header .gnb .gnb-1a:hover::after {
        left: 35px;
        right: 35px;
    }

    #header .gnb .sub-gnbbox {
        left: calc(50% - 2000px);
        width: 4000px;
        background-color: var(--color-background);
        box-shadow: 0 10px 10px rgba(var(--color-basic-rgb),0.1);
    }
}


/* 통합 검색 바 */
.total-search-bar {
    position: fixed;
    top: calc(var(--header-height) + var(--top-banner-height));
    left: 0;
    width: 100%;
    height: var(--total-search-bar-height);
    padding-top: 25px;
    background-color: rgba(var(--color-background-rgb),0.9);
    backdrop-filter: blur(10px);
    transition: .3s ease-in-out;
    z-index: 1900;
}

.total-search-bar.border-line {
    border-bottom: 1px solid var(--color-gray-light);
}

.total-search-bar .tsb-box {
    position: relative;
    height: 70px;
    border: 1px solid rgba(var(--color-basic-rgb),0.12);
    background-color: rgba(var(--color-basic-rgb),0.02);
    border-radius: 10px;
}

.total-search-bar .tsb-box:before {
    position: absolute;
    top: 10px;
    left: 175px;
    bottom: 10px;
    width: 1px;
    background-color: rgba(var(--color-basic-rgb),0.3);
    content: '';
}

.total-search-bar .tsb-box .tsb-select,
.total-search-bar .tsb-box .tsb-btn,
.total-search-bar .tsb-box .tsb-detail-btn {
    flex-shrink: 0;
}

.total-search-bar .tsb-box .tsb-select,
.total-search-bar .tsb-box .tsb-input {
    outline: none !important;
}

.total-search-bar .tsb-box .tsb-select {
    position: relative;
    width: 176px;
    height: 68px;
    border: none;
    padding: 0 20px 0 40px;
    background: transparent url("../img/common/ico_select_red.png") no-repeat center right/auto 8px;
    font-size: 1.8rem;
}

.total-search-bar .tsb-box .tsb-input {
    position: relative;
    flex-grow: 1;
    height: 48px;
    line-height: 48px;
    padding: 0 40px;
    border: none;
    background-color: transparent;
    font-size: 1.8rem;
    font-weight: var(--font-weight-light);
}

.total-search-bar .tsb-box .tsb-input:focus {
    background-color: var(--color-gray-light);
}

.total-search-bar .tsb-box .tsb-btn {
    position: relative;
    width: 167px;
    height: 68px;
    margin-left: 10px;
    background-color: var(--color-red);
    color: var(--color-white);
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    transition: .3s;
}

.total-search-bar .tsb-box .tsb-btn .ico {
    margin-right: 7px;
    font-size: 2.4rem;
}

.total-search-bar .tsb-box .tsb-btn:after,
.total-search-bar .tsb-box .tsb-btn:before {
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--color-red);
    content: '';
}

.total-search-bar .tsb-box .tsb-btn:before {
    top: auto;
    bottom: -1px;
}

.total-search-bar .tsb-box .tsb-btn:hover {
    filter: brightness(0.95);
}

.total-search-bar .tsb-box .tsb-detail-btn {
    width: 142px;
    line-height: 68px;
    text-align: center;
    font-size: 1.8rem;
}

.total-search-bar .tsb-box .auto-search-keyword {
    position: absolute;
    top: 80px;
    left: 176px;
    display: none;
    justify-content: space-between;
    align-items: flex-start;
    gap: 5%;
    width: 810px;
    padding: 34px 50px;
    background-color: var(--color-background);
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(var(--color-basic-rgb),0.15);
    z-index: 1000;
}

.total-search-bar .tsb-box .auto-search-keyword dl {
    flex-grow: 1;
    width: 47.5%;
}

.total-search-bar .tsb-box .auto-search-keyword dl dt {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--color-blue-deep);
    font-weight: var(--font-weight-semibold);
}

.total-search-bar .tsb-box .auto-search-keyword dl dd ul li {
    overflow: hidden;
    padding: 3px 5px;
    border-radius: 3px;
    transition: .3s;
}

.total-search-bar .tsb-box .auto-search-keyword dl dd ul li:hover {
    padding-left: 15px;
    background-color: rgba(var(--color-sky-rgb),0.5);
}

.total-search-bar .tsb-box .auto-search-keyword dl dd .key-btn {
    text-align: left;
    color: var(--color-gray);
    font-weight: var(--font-weight-light);
}

.total-search-bar .tsb-box .auto-search-keyword dl dd .key-btn:hover {
    color: var(--color-basic);
    text-decoration: underline;
}

.total-search-bar .tsb-box .auto-search-keyword dl dd .key-btn span {
    font-weight: var(--font-weight-medium);
}

.total-search-bar .tsb-box .auto-search-keyword dl dd ul li.flex-spacebetween {
    gap: 20px;
}

.total-search-bar .tsb-box .auto-search-keyword dl dd ul li.flex-spacebetween .key-btn {
    flex-grow: 1;
}

.total-search-bar .tsb-box .auto-search-keyword dl dd ul li.flex-spacebetween .search-btn,
.total-search-bar .tsb-box .auto-search-keyword dl dd ul li.flex-spacebetween .del-btn {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: var(--color-gray-light);
    color: var(--color-white);
    text-align: center;
    font-size: 1.3rem;
    border-radius: 50%;
    transform: translateX(50px);
    transition: .2s;
    opacity: 0;
}

.total-search-bar .tsb-box .auto-search-keyword dl dd ul li.flex-spacebetween .search-btn {
    background-color: transparent;
    color: var(--color-gray);
}

.total-search-bar .tsb-box .auto-search-keyword dl dd ul li.flex-spacebetween:hover .search-btn,
.total-search-bar .tsb-box .auto-search-keyword dl dd ul li.flex-spacebetween:hover .del-btn {
    transform: translateX(0px);
    opacity: 1;
}

.total-search-bar .tsb-box .auto-search-keyword dl dd ul li.flex-spacebetween .search-btn:hover,
.total-search-bar .tsb-box .auto-search-keyword dl dd ul li.flex-spacebetween .del-btn:hover {
    background-color: rgba(var(--color-basic-rgb),0.3);
    color: var(--color-white);
}

.total-search-bar .tsb-box .auto-search-keyword dl dd ul li.flex-spacebetween .del-btn:hover {
    background-color: var(--color-red);
}

/*
.total-search-bar .tsb-box .tsb-input:focus + .auto-search-keyword {
    display: flex;
}
*/

.total-search-bar .tsb-keyword-slide {
    position: relative;
    overflow: hidden;
    height: 50px;
    padding: 0 420px 0 216px;
}

.total-search-bar .tsb-keyword-slide dl {
    height: 50px;
}

.total-search-bar .tsb-keyword-slide dl dt {
    flex-shrink: 0;
    margin-right: 15px;
    font-weight: var(--font-weight-semibold);
}

.total-search-bar .tsb-keyword-slide dl dd {
    flex-grow: 1;
    width: 100%;
    padding-right: 90px;
}

.total-search-bar .tsb-keyword-slide dl dd a {
    max-width: 20%;
    padding: 0 10px;
    font-weight: var(--font-weight-light);
    font-size: 1.5rem;
}

.total-search-bar .tsb-keyword-slide .slide-control {
    position: absolute;
    top: 5px;
    right: 310px;
    width: 80px;
    z-index: 100;
}

.total-search-bar .tsb-keyword-slide .slide-control .sc-btn {
    width: 33.3333%;
    height: 40px;
    font-size: 1.2rem;
}

.total-search-bar .tsb-keyword-slide .slide-control .sc-btn:hover {
    color: var(--color-blue);
}

.total-search-bar .tsb-onoff-btn {
    display: none !important;
    position: absolute;
    bottom: -40px;
    left: calc(50% - 100px);
    width: 200px;
    height: 40px;
    background-color: var(--color-blue-deep);
    color: var(--color-white);
    border-radius: 0 0 40px 40px;
}

.total-search-bar .tsb-onoff-btn .ico {
    margin-right: 10px;
    font-size: 2rem;
}

.scrollOn .total-search-bar {
    margin-top: calc(var(--total-search-bar-height) - var(--total-search-bar-height) - var(--total-search-bar-height));
}

.scrollOn .total-search-bar.on {
    box-shadow: 0 5px 15px rgba(var(--color-basic-rgb),0.15);
    margin-top: 0;
}

.scrollOn .total-search-bar .tsb-onoff-btn {
    display: flex !important;
}


/* 서브 상단 */
.sub-top-area {
    position: relative;
    background-color: var(--color-blue-deep);
}

.total-search-nav ul li {
    flex-grow: 1;
}

.total-search-nav ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 5px;
    height: 55px;
    line-height: 1.4;
    background: linear-gradient(90deg,  rgba(var(--color-blue-rgb),0) 0%,rgba(var(--color-blue-rgb),0) 100%);
    text-align: center;
    color: var(--color-basic-reverse);
    transition: .3s;
}

.total-search-nav ul li a small {
    font-size: 1.3rem;
    font-weight: var(--font-weight-light);
}

.total-search-nav ul.twoline li a {
    flex-direction: column;
}

.total-search-nav ul li.on {
    background-color: var(--color-red);
}

.total-search-nav ul:hover li:not(.on) a {
    opacity: 0.7;
}

.total-search-nav ul li:not(.on) a:hover {
    background: linear-gradient(180deg,  rgba(var(--color-blue-rgb),0) 0%,rgba(var(--color-blue-rgb),0.4) 100%);
    opacity: 1;
}

.total-search-nav ul li.on a em,
.total-search-nav ul li:not(.on) a:hover em {
    font-weight: var(--font-weight-semibold);
}

.sub-top-area {
    --sub-top-height: 53px;
    align-items: flex-start;
}

.sub-top-area .st-loca .home-btn {
    display: block;
    width: 60px;
    height: var(--sub-top-height);
    line-height: var(--sub-top-height);
    text-align: center;
    color: var(--color-white);
    background-color: var(--color-blue);
    font-size: 1.8rem;
    transition: .3s;
}

.sub-top-area .st-loca .loca-mnu {
    position: relative;
}

.sub-top-area .st-loca .loca-mnu dt {
    border-right: 1px solid rgba(var(--color-white-rgb),0.15);
}

.sub-top-area .st-loca .loca-mnu dt .sub-open-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 200px;
    height: var(--sub-top-height);
    padding: 0 20px;
    color: var(--color-white);
    font-weight: var(--font-weight-light);
}

.sub-top-area .st-loca .loca-mnu dt .sub-open-btn .arrow {
    flex-shrink: 0;
    margin-left: 60px;
    opacity: 0.5;
}

.sub-top-area .st-loca .loca-mnu.on dt .sub-open-btn .arrow {
    transform: rotate(180deg);
}

.sub-top-area .st-loca .loca-mnu dd {
    display: none;
    position: absolute;
    top: var(--sub-top-height);
    min-width: 100%;
    background-color: var(--color-blue-deep);
    z-index: 500;
}

.sub-top-area .st-loca .loca-mnu dd ul li {
    border-top: 1px solid rgba(var(--color-white-rgb),0.15);
}

.sub-top-area .st-loca .loca-mnu dd ul li a {
    display: block;
    padding: 10px 20px;
    background-color: rgba(var(--color-white-rgb),0);
    color: var(--color-white);
    font-size: 1.4rem;
    opacity: 0.7;
    transition: .3s;
}

.sub-top-area .st-loca .loca-mnu dd ul li a:hover {
    background-color: rgba(var(--color-white-rgb),0.05);
    opacity: 1;
}

.sub-top-area .st-option li {
    border-left: 1px solid rgba(var(--color-white-rgb),0.15);
}

.sub-top-area .st-option li:last-child {
    border-right: 1px solid rgba(var(--color-white-rgb),0.15);
}

.sub-top-area .st-option li .st-option-btn {
    display: block;
    width: 60px;
    height: var(--sub-top-height);
    line-height: var(--sub-top-height);
    text-align: center;
    color: var(--color-white);
    background-color: rgba(var(--color-black-rgb),0.0);
    opacity: 0.6;
    transition: .3s;
}

.sub-top-area .st-option li .st-option-btn:hover {
    background-color: rgba(var(--color-black-rgb),0.2);
    opacity: 1;
}


/* 서브 공통 */
h1.tit-h1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 16px;
    margin-bottom: 57px;
    text-align: center;
}

h1.tit-h1 em {
    font-size: 4rem;
    font-weight: var(--font-weight-semibold);
}

h1.tit-h1 em sup {
    font-size: 1.6rem;
    font-weight: var(--font-weight-light);
}

h1.tit-h1 small {
    font-weight: var(--font-weight-light);
}

h2.tit-h2 {
    position: relative;
}

h2.tit-h2 > em,
h2.tit-h2 > b {
    font-size: 2rem;
}

h2.tit-h2 > b small,
h2.tit-h2 > em small {
    font-size: 1.8rem;
    font-weight: var(--font-weight-light);
}

h2.tit-h2 .more-btn {
    padding: 5px;
}

h2.tit-h2 .more-btn .arrow {
    margin-left: 10px;
}

h2.tit-h2.flex-start > em,
h2.tit-h2.flex-start > b.semi {
    flex-shrink: 0;
    margin-right: 30px;
}

h2.tit-h2.flex-start .basic-tabbox {
    flex-grow: 1;
}

em.keyword {
    background-color: var(--color-blue);
    color: var(--color-white);
}

ul.checkradio-list {
    flex-wrap: wrap;
    gap: 5px 30px;
}

ul.checkradio-list.size-fixed li {
    width: var(--fixed-width);
}

ul.checkradio-list.size-fixed li input+label {
    font-weight: var(--font-weight-light);
}

ul.jum-ul li {
    position: relative;
    padding-left: 15px;
    font-size: 1.5rem;
    color: var(--color-gray);
}

ul.jum-ul li:not(:first-child) {
    margin-top: 10px;
}

ul.jum-ul li:before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: var(--color-gray-light);
    border-radius: 50%;
    content: '';
}

ul.jum-ul.ver-mini li {
    padding-left: 10px;
    font-size: 1.3rem;
}

ul.jum-ul.ver-mini li:not(:first-child) {
    margin-top: 5px;
}

ul.jum-ul.ver-mini li:before {
    top: 8px;
    width: 4px;
    height: 4px;
}

ul.jum-ul.updown-line {
    padding: 20px 0;
    border-top: 2px solid var(--color-blue-deep);
}

ul.jum-ul.updown-line li {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-gray-light);
}

ul.jum-ul li.flex-spacebetween {
    gap: 20px;
}

ul.jum-ul li.flex-spacebetween em {
    flex-grow: 1;
}

ul.jum-ul li.flex-spacebetween .btns {
    flex-shrink: 0;
}

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

.word-cloud-box text {
    font-family: var(--font-word-cloud);
}

.basic-graph-box {
    overflow: hidden;
    padding: 20px;
    border: 1px solid var(--color-gray-light);
    border-radius: 10px; 
}

.search-calc {
    gap: 20px;
}

.search-calc dl {
    flex-grow: 1;
    align-items: flex-start;
    font-size: 14px;
}

.search-calc dl dt {
    flex-shrink: 0;
    margin-right: 5px;
    font-weight: var(--font-weight-semibold);
}

.search-calc dl dd {
    flex-grow: 1;
    font-weight: var(--font-weight-light);
}

.search-calc .btns {
    flex-shrink: 0;
}

.btn-area.flex-center {
    gap: 4px;
}


/* 서브 공통 // 파일 업로드 */
.file-upload .fu-box {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.file-upload .fu-box .basic-input,
.file-upload .fu-box .file-name {
    flex-grow: 1;
}

.file-upload .fu-box .file-name small {
    font-size: 1.4rem;
    color: var(--color-gray);
}

.file-upload .btns {
    flex-shrink: 0;
    margin-left: 4px;
}

.file-upload .fu-box .hiddenfile {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}


/* 서브 공통 // 한글 영문 INPUT */
.kor-eng-input {
    gap: 20px;
}

.kor-eng-input .kei-con {
    flex-shrink: 0;
    width: var(--kei-con-width);
}

.kor-eng-input .kei-con label {
    flex-shrink: 0;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    background-color: var(--color-blue);
    border-radius: 3px 0 0 3px;
    text-align: center;
    color: var(--color-white);
    font-weight: var(--font-weight-semibold);
}

.kor-eng-input .kei-con .ke-input {
    flex-grow: 1;
    border-left: none;
    border-radius: 0 3px 3px 0;
}


/* 서브 공통 // 요약본 롤오버시 풀텍스트 뷰 */
.txt-it-down {
    font-size: 0;
}

.txt-it-down .fluorescence {
    font-size: 1.6rem;
}

.txt-it-down .modal-open-close {
    display: none;
}

.txt-it-down:hover {
    font-size: 1.6rem;
    color: var(--color-gray);
}

.txt-it-down:hover .fluorescence {
    background-color: var(--color-yellow);
    font-weight: var(--font-weight-medium);
    color: var(--color-basic);
}

.txt-it-down:hover .modal-open-close {
    display: inline-block;
}


/* 서브 공통 // 상단 콘텐츠 설명 영역 */
.tit-imgbox {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 38px 65px;
    margin-bottom: 40px;
    background-color: var(--color-blue-deep);
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
    color: var(--color-white);
    border-radius: 10px;
}

.tit-imgbox h2 {
    line-height: 1.4;
    font-size: 2.4rem;
}

.tit-imgbox p {
    margin-top: 10px;
    font-weight: var(--font-weight-light);
}

.tit-imgbox.myon {
    background-image: url("../img/titbg_myon.jpg");
}

.tit-imgbox.ai {
    background-image: url("../img/titbg_aisummary.jpg");
}

.tit-imgbox.opinion {
    background-image: url("../img/titbg_opinion.jpg");
}

.tit-imgbox.timeline {
    background-image: url("../img/titbg_timeline.jpg");
}


/* 서브 공통 // 탭 버튼 */
.basic-tabbox {
    flex-wrap: wrap;
    gap: 4px;
}

.basic-tabbox .tab-btn.side-round {
    border-radius: 16px;
}

.basic-tabbox .tab-btn.size-semibig.side-round {
    border-radius: 20px;
}

.basic-tabbox .tab-btn.active {
    border-color: var(--color-red);
    background-color: var(--color-red);
    color: var(--color-white);
    font-weight: var(--font-weight-semibold);
}

.basic-tabbox .tab-btn.active small {
    font-weight: var(--font-weight-light);
}

.basic-tabbox.ver-blue .tab-btn.active {
    border-color: var(--color-blue);
    background-color: var(--color-blue);
}

.basic-tabbox.ver-blue-deep .tab-btn.active {
    border-color: var(--color-blue-deep);
    background-color: var(--color-blue-deep);
}

.basic-tabbox .tab-btn .newico {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 7px;
    background-color: var(--color-red);
    color: var(--color-white);
    font-size: 1.2rem;
    border-radius: 8px;
}

.basic-tabbox .tab-btn.active .newico {
    background-color: var(--color-white);
    color: var(--color-red);
}

.basic-tabbox.ver-allround {
    flex-wrap: nowrap;
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(var(--color-basic-rgb),.15);
    border-radius: 5px;
}

.basic-tabbox.ver-allround li {
    flex-grow: 1;
}

.basic-tabbox.ver-allround li:not(:first-child) {
    border-left: 1px solid rgba(var(--color-basic-rgb),.15);
}

.basic-tabbox.ver-allround .btns {
    width: 100%;
    border: none;
    border-radius: 0;
}

.basic-tabbox.ver-big .btns {
    height: 50px;
    padding: 0;
    line-height: 1.2;
}

.basic-tabbox.ver-big .btns.side-round {
    border-radius: 25px;
}

.basic-tabbox.ver-mini .btns {
    height: 32px;
    line-height: 32px;
    padding: 0;
    font-size: 1.3rem;
}

.basic-tabbox.ver-mini .btns.side-round {
    border-radius: 16px;
}

.basic-tabbox.long-txt .btns {
    max-width: 120px;
}

.basic-tabbox.twoline .btns small {
    display: block;
}


/* 서브 공통 // 툴팁 */
.tooltip-btn {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 2rem;
}

.tooltip-btn span.txt {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    width: 350px;
    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;
}

.tooltip-btn.tooltip-right span.txt {
    left: auto;
    right: 0;
}

.tooltip-btn:hover span.txt {
    display: block;
}


/* 서브 공통 // 슬라이드 좌,우 버튼 */
.basic-arrow-box {
    gap: 10px;
}

.basic-arrow-box .arrow-button {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(var(--color-basic-rgb),0.1);
    border-radius: 50%;
}

.basic-arrow-box .arrow-button.swiper-button-disabled {
    opacity: 0.5;
    cursor: default;
}


/* 서브 공통 // 별점 */
.starbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.starbox .point-num {
    font-size: 1.8rem;
}

.star-guage {
    position: relative;
    width: 102px;
    height: 18px;
    background: url("../img/star_off.png") no-repeat center left/auto 100%;
}

.star-guage.size-big {
    width: 170px;
    height: 30px;
}

.star-guage span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: var(--guage-width);
    background: url("../img/star_on.png") no-repeat center left/auto 100%;
}

.star-guage.point span {
    width: calc(20% * var(--point-num));
}


/* 서브 공통 // 테이블 // 기본  */
.basic-tbl th,
.basic-tbl td {
    line-height: 1.4;
    padding: 10px;
    border: 1px solid var(--color-gray-light);
    background-color: var(--color-background);
    text-align: center;
    word-break: break-all;
}

.basic-tbl.fsize15 th,
.basic-tbl.fsize15 td,
.basic-tbl.fsize15 button {
    font-size: 1.5rem;
}

.basic-tbl.fsize14 th,
.basic-tbl.fsize14 td {
    font-size: 1.4rem;
}

.basic-tbl.no-sideline th,
.basic-tbl.no-sideline td {
    border-left: none;
    border-right: none;
}

.basic-tbl thead th {
    background: var(--table-header-bg);
    color: var(--table-header-color);
}

.basic-tbl.ver-soft thead th {
    background: rgba(var(--color-basic-rgb),0.05);
    color: var(--color-basic);
    text-shadow: none;
}

.basic-tbl tbody td {
    color: var(--table-body-color);
}

.basic-tbl.color-th tbody th {
    background: rgba(var(--color-basic-rgb),0.03);
    font-weight: var(--font-weight-semibold);
}

.basic-tbl.tbody-th-left tbody th {
    text-align: left;
}

.basic-tbl.tbody-td-left tbody td {
    text-align: left;
}

.basic-tbl tr.bg-sky th,
.basic-tbl tr.bg-sky td,
.basic-tbl tr td.bg-sky {
    background-color: var(--color-sky);
    color: var(--color-basic);
}

.basic-tbl tr.bg-blue th,
.basic-tbl tr.bg-blue td,
.basic-tbl tr.bg-blue a,
.basic-tbl tr.bg-blue button,
.basic-tbl tr td.bg-blue {
    background-color: var(--color-blue);
    color: var(--color-white);
}

.basic-tbl.over-tr tbody tr:not(.bg-blue):hover th,
.basic-tbl.over-tr tbody tr:not(.bg-blue):hover td {
    background: rgba(var(--color-basic-rgb),0.03);
}

.about-content .acontent-con .basic-tbl tbody td a{color: var(--table-body-color);}
.about-content .acontent-con .basic-tbl tbody td a:hover {color: var(--color-blue); border-color:var(--color-blue)}

/* 서브 공통 // 테이블 // 글쓰기  */
.basic-write-tbl {
    border-top: 2px solid var(--color-blue-deep);
}

.basic-write-tbl th,
.basic-write-tbl td {
    padding: 15px;
    border-bottom: 1px solid rgba(var(--color-basic-rgb),0.1);
}

.basic-write-tbl th {
    font-weight: var(--font-weight-semibold);
}

.basic-write-tbl.tbody-left tbody th,
.basic-write-tbl.tbody-left tbody td {
    text-align: left;
}

.basic-write-tbl tr.bg-sky td,
.basic-write-tbl tr td.bg-sky {
    background-color: var(--color-sky);
    color: var(--color-basic);
}


/* 통합 검색 리스트 */
.totalnum-box {
    position: relative;
}

.totalnum-box .total-num {
    font-size: 1.8rem;
}

.totalnum-box .usage-guidebtn {
    padding: 3px 0;
    font-size: 1.4rem;
}

.totalnum-box .in-searchbox {
    position: relative;
    overflow: hidden;
    margin-right: 10px;
    border: 1px solid rgba(var(--color-basic-rgb),.15);
    border-radius: 3px;
}

.totalnum-box .in-searchbox label {
    padding: 0 15px;
    border-right: 1px solid rgba(var(--color-basic-rgb),.15);
    font-size: 1.4rem;
    color: var(--color-gray);
}

.totalnum-box .in-searchbox .in-search-select {
    border-width: 0 1px 0 0;
    border-radius: 0;
}

.totalnum-box .in-searchbox .in-search-input {
    border: none;
}

.totalnum-box.in-detail-search {
    padding-right: var(--right-padding);
}

.totalnum-box.in-detail-search .detail-search-btn {
    position: absolute;
    top: 1px;
    right: 0;
}

.all-powerful-list {
    position: relative;
    border-top: 2px solid var(--color-blue-deep);
    border-bottom: 1px solid var(--color-blue-deep);
}

.all-powerful-list .no-search-data {
    position: relative;
    padding: 30px 40px;
}

.list-top-info {
    height: 50px;
    padding: 0 10px;
    border-bottom: 1px solid var(--color-blue-deep);
    font-size: 1.4rem;
}

.list-top-info button,
.list-top-info a {
    font-size: 1.4rem;
    color: var(--color-gray);
    vertical-align: baseline;
}

.list-top-info .left-con {
    gap: 15px;
}

.list-top-info .left-con input.basic-check + label {
    color: var(--color-gray);
}

.list-top-info .right-con .list-top-select {
    border: 1px solid var(--color-background);
    padding-right: 25px;
    margin-right: 1px;
    color: var(--color-gray);
    font-weight: var(--font-weight-light);
}

.list-top-info .right-con .btns {
    flex-shrink: 0;
    margin-left: 10px;
}

.powerful-con {
    position: relative;
    padding: 25px 12px;
    transition: .3s;
}

.powerful-con.no-padding {
    padding: 0;
}

.powerful-con:not(.no-padding):hover {
    background-color: rgba(var(--color-basic-rgb),0.02);
}

.powerful-list .powerful-con:not(:first-of-type),
.all-powerful-list .powerful-con:not(:first-of-type) {
    border-top: 1px solid var(--color-gray-light);
}

.powerful-list .powerful-con {
    padding: 20px;
}

.powerful-con.in-num {
    align-items: flex-start;
}

.powerful-con .docutype {
    flex-shrink: 0;
    width: 90px;
    padding: 0;
    margin-right: 30px;
}

.powerful-con .numbox {
    flex-shrink: 0;
    margin-right: 30px;
}

.powerful-con .pic {
    flex-shrink: 0;
    overflow: hidden;
    width: 150px;
    margin-right: 20px;
    font-size: 0;
    border-radius: 4px;
}

.powerful-con .pic.in-border {
    border: 1px solid rgba(var(--color-basic-rgb),.1);
    background-color: var(--color-background);
}

.powerful-con .pic.paper {
    width: 100px;
    border: 1px solid var(--color-gray-light);
    border-radius: 10px;
    box-shadow: 0 0 0 rgba(var(--color-basic-rgb),0);
    transition: .3s;
}

.powerful-con .pic.paper:hover {
    border-color: var(--color-white);;
    transform: translateY(-10px);
    box-shadow: 0 3px 15px rgba(var(--color-basic-rgb),0.15);
}

.powerful-con .pic.size-big {
    width: 310px;
    margin-right: 30px;
    border-radius: 10px;
}

.powerful-con .pic.size-big img {
    transition: .3s;
}

.powerful-con:hover .pic.size-big img {
    transform: scale(1.1);
}

.powerful-con .inner {
    flex-grow: 1;
}

.powerful-con .inner .show-hide-con {
    margin-left: -170px;
}

.powerful-con .subject {
    line-height: 1.4;
    font-size: 1.8rem;
    font-weight: var(--font-weight-semibold);
}

.powerful-con .subject .cate {
    font-weight: var(--font-weight-medium);
}

.powerful-con .info {
    color: var(--color-gray);
    font-weight: var(--font-weight-light);
    font-size: 1.5rem;
}

.powerful-con .info a:hover {
    text-decoration: underline;
}

.powerful-con .info small {
    font-size: 1.4rem;
}

.powerful-con .info b {
    color: var(--color-basic);
}

.powerful-con .info.upline {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid var(--color-gray-light);
}

.powerful-con .tag-list {
    font-size: 1.5rem;
    font-weight: var(--font-weight-light);
}

.powerful-con .pie-chartbox {
    flex-shrink: 0;
    width: 170px;
    margin-left: 20px;
}

.powerful-con .pie-chartbox .pie-chart {
    position: relative;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: conic-gradient(var(--color-blue) 0% var(--pie-percent), rgba(var(--color-basic-rgb),0.05) var(--pie-percent) 100%);
    transition: .3s;
}

.powerful-con .pie-chartbox .pie-chart .countbox {
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 140px;
    line-height: 1.4;
    background-color: var(--color-background);
    border-radius: 50%;
}

.powerful-con .pie-chartbox .pie-chart .countbox span {
    font-weight: var(--font-weight-light);
    opacity: 0.5;
}

.powerful-con .pie-chartbox .pie-chart .countbox b {
    font-weight: var(--font-weight-bold);
    font-size: 2.6rem;
}

.info-dl {
    align-items: flex-start;
    font-size: 1.4rem;
}

.info-dl dt {
    flex-shrink: 0;
    margin-right: 20px;
    font-weight: var(--font-weight-light);
    color: var(--color-gray);
}

.info-dl dd {
    flex-grow: 1;
}

.info-dl dd a:not(.btns):hover,
.info-dl dd button:not(.btns):hover {
    text-decoration: underline;
}

.powerful-con .ai-match-box {
    position: relative;
    padding-top: 15px;
    padding-right: 70px;
    margin-top: 15px;
    margin-left: -120px;
    border-top: 1px dashed var(--color-gray-light);
}

.powerful-con .ai-match-box .ai-match-txt {
    font-weight: var(--font-weight-light);
}

.flag-group {
    gap: 15px;
    font-size: 1.4rem;
}

.flag-group .flag-list {
    padding: 3px 10px;
    border: 1px solid var(--color-gray-light);
    border-left-width: 5px;
    background-color: var(--color-background);
}

.flag-group .flag-list .flag-con {
    color: var(--color-gray);
}

.flag-group .flag-list .flag-con:not(:last-child)::after {
    content: ', ';
}

.flag-group em {
    opacity: 0;
}

.flag-group .flag-list:hover + em {
    opacity: 1;
}

.item-btn-box {
    gap: 0px 20px;
}

.item-btn-box.flex-start {
    flex-wrap: wrap;
}

.item-btn-box .btn-versatile {
    padding: 5px 0;
    font-size: 1.5rem;
    color: var(--color-gray);
}

.item-btn-box .btn-versatile.ai-helper {
    padding: 5px 10px;
    border: 1px solid var(--color-gray-light);
    background-color: var(--color-background);
    border-radius: 4px;
    transition: .2s;
}

.item-btn-box .btn-versatile:hover {
    color: var(--color-blue);
}

.item-btn-box .btn-versatile.ai-helper:hover {
    border-color: var(--color-blue);
}

.item-btn-box .btn-versatile:hover .ico {
    color: var(--color-gray);
}

.item-btn-box .btn-versatile.on {
    font-weight: var(--font-weight-semibold);
    color: var(--color-blue);
}

.item-btn-box .btn-versatile.on .arrow {
    display: inline-block;
    transform: rotate(180deg);
}

.item-btn-box .btn-versatile.flex-start {
    gap: 5px;
}

.item-btn-box .btn-versatile.flex-start .icoimg {
    flex-shrink: 0;
    width: 20px;
    font-size: 0;
}

.grade-label {
    display: inline-block;
    padding: 5px 20px;
    color: var(--color-white);
    border-radius: 20px;
    font-weight: var(--font-weight-semibold);
    font-size: 1.3rem;
    text-shadow: 0 1px 1px rgba(var(--color-basic-rgb),.1);
}

.grade-label.grade-gold {border-color:#dab712;background-color:#dab712;}
.grade-label.grade-green {border-color:#44a448;background-color:#44a448;}
.grade-label.grade-bronze {border-color:#996600;background-color:#996600;}
.grade-label.grade-free {border-color:#990099;background-color:#990099;}

.original-document-box {
    display: none;
}

.original-document-box .pdf-url {
    align-items: stretch;
    border-bottom: 1px solid var(--color-gray-light);
    border-top: 1px solid var(--color-blue-deep);
    background-color: var(--color-background);
}

.original-document-box .pdf-url .odb-dl {
    width: 50%;
}

.original-document-box .pdf-url .odb-dl dt {
    position: relative;
    padding: 10px 20px;
    color: var(--color-white);
    background-color: var(--color-gray);
    font-weight: var(--font-weight-semibold);
}

.original-document-box .pdf-url .odb-dl dt .tooltip-btn {
    position: absolute;
    top: calc(50% - 15px);
    right: 20px;
    color: var(--color-white);
}

.original-document-box .pdf-url .odb-dl.down-pdf dt {
    background-color: var(--color-blue);
}

.original-document-box .pdf-url .odb-dl.url-link dt {
    background-color: var(--color-green);
}

.original-document-box .pdf-url .odb-dl dd {
    padding: 20px;
}

.original-document-box .pdf-url .odb-dl dd ul li {
    position: relative;
    padding: 7px 0 7px 20px;
    font-size: 1.5rem;
}

.original-document-box .pdf-url .odb-dl dd ul li:before {
    position: absolute;
    top: calc(50% - 3px);
    left: 5px;
    width: 6px;
    height: 6px;
    background-color: rgba(var(--color-basic-rgb),0.2);
    border-radius: 50%;
    content: '';
}

.original-document-box .pdf-url .odb-dl dd ul li:not(:first-child) {
    border-top: 1px dotted var(--color-gray-light);
}

.original-document-box .pdf-url .odb-dl:not(:first-child) dd {
    border-left: 1px solid var(--color-gray-light);
}

.original-document-box .guide-txt {
    text-align: center;
}

#container .powerful-con {
    --substr: 1230px;
    --substr-inview : calc(var(--substr) - 130px);
}

#container.flex-spacebetween .powerful-con {
    --substr: 870px;
}

#container.flex-spacebetween.filter-open .powerful-con {
    --substr: 630px;
}

.powerful-con .abstract-box {
    display: none;
    width: auto;
    padding: 15px;
    border: 1px solid var(--color-gray-light);
    background-color: rgba(var(--color-basic-rgb),0.05);
    color: var(--color-gray);
    font-size: 1.4rem;
    border-radius: 5px;
}

.powerful-con .slide-box-substr {
    width: var(--substr);
}

.powerful-con.in-view .slide-box-substr {
    width: var(--substr-inview);
}

.powerful-con .my-view {
    flex-shrink: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    height: 100%;
    padding: 10px 20px;
    margin-left: 20px;
    font-weight: var(--font-weight-light);
    font-size: 1.4rem;
    color: var(--color-gray);
    text-align: center;
    z-index: 100;
}

.powerful-con .my-view:after {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0;
    width: 1px;
    background: linear-gradient(to bottom, rgba(var(--color-basic-rgb),0) 0%,rgba(var(--color-basic-rgb),.2) 50%,rgba(var(--color-basic-rgb),0) 100%);
    content: '';
}

.powerful-con .my-view .date {
    font-size: 1.3rem;
}

.powerful-con .my-view .del-btn {
    font-size: 1.8rem;
    transition: .3s;
}

.powerful-con .my-view .del-btn:hover {
    color: var(--color-red);
    transform: scale(1.1);
}

.powerful-con .plus-minus-btn {
    flex-shrink: 0;
    width: 50px;
    height: 40px;
    line-height: 38px;
    margin-left: 20px;
    border: 1px solid var(--color-gray-light);
    background-color: var(--color-background);
    text-align: center;
    font-size: 1.8rem;
    border-radius: 10px;
    box-shadow: 0px 0px 0px rgba(var(--color-black-rgb),0.0);
    transition: .3s;
}

.powerful-con .ai-match-box .plus-minus-btn {
    position: absolute;
    top: 50px;
    right: 0;
    margin-left: 0;
}

.powerful-con .plus-minus-btn:hover {
    border: 1px solid var(--color-blue);
    box-shadow: 0px 2px 10px rgba(var(--color-black-rgb),0.12);
}


/* 일반 게시판 리스트 */
.board-list-tbl th,
.board-list-tbl td {
    padding: 40px 20px;
    border-bottom: 1px solid var(--color-gray-light);
    text-align: center;
}

.board-list-tbl tr:last-child th,
.board-list-tbl tr:last-child td {
    border-bottom: none;
}

.board-list-tbl .num .notice-ico {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    background-color: var(--color-red);
    color: var(--color-white);
    border-radius: 4px;
}

.board-list-tbl .subject {
    text-align: left;
}

.board-list-tbl .subject a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.board-list-tbl .subject a em {
    font-size: 1.8rem;
    font-weight: var(--font-weight-semibold);
}

.board-list-tbl .subject a em .new {
    display: inline-block;
    padding: 3px 8px;
    background-color: var(--color-blue);
    color: var(--color-white);
    font-size: 1rem;
    font-weight: var(--font-weight-bold);
    border-radius: 5px;
    transform: translateY(-3px);
}

.board-list-tbl .subject a span {
    font-size: 1.5rem;
    color: var(--color-gray);
    font-weight: var(--font-weight-light);
}

.board-list-tbl .subject a span.cate {
    height: 26px;
    line-height: 24px;
    padding: 0 13px;
    margin-bottom: 5px;
    border: 1px solid var(--color-gray-light);
    border-radius: 13px;
    font-size: 1.4rem;
}

.board-list-tbl .subject a span.line-cut {
    margin-top: 10px;
}

.board-list-tbl .writer,
.board-list-tbl .date,
.board-list-tbl .hit {
    font-size: 1.5rem;
    color: var(--color-gray);
    font-weight: var(--font-weight-light);
}

.board-list-tbl .filedown {
    font-size: 2rem;
    opacity: .1;
}

.board-list-tbl .filedown.in {
    opacity: 1;
}


/* 일반 게시판 뷰 */
.board-view {
    position: relative;
    padding-bottom: 40px;
    border-top: 2px solid var(--color-blue-deep);
    border-bottom: 1px solid var(--color-blue-deep);
}

.board-view .board-view-top {
    padding: 30px 20px;
    border-bottom: 1px solid var(--color-gray-light);
}

.board-view .board-view-top h2.flex-start {
    align-items: flex-start;
    gap: 10px;
}

.board-view .board-view-top h2 .notice-ico {
    flex-shrink: 0;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    margin-top: 3px;
    background-color: var(--color-red);
    color: var(--color-white);
    border-radius: 4px;
}

.board-view .board-view-top h2 em {
    line-height: 1.4;
    font-size: 2.4rem;
}

.board-view .board-view-top .name-date-hit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    margin-top: 10px;
    font-size: 1.5rem;
    color: var(--color-gray);
    font-weight: var(--font-weight-light);
}

.board-view .board-view-content {
    padding: 40px 20px 0;
    font-weight: var(--font-weight-light);
}

.board-view .other-view {
    padding: 20px 20px 0;
    margin-top: 40px;
    border-top: 1px solid var(--color-gray-light);
}

.board-view .other-view dl {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.board-view .other-view dl:not(:first-child) {
    margin-top: 10px;
}

.board-view .other-view dl dt {
    flex-shrink: 0;
    width: var(--dt-width);
}

.board-view .other-view dl dd {
    color: var(--color-gray);
    font-weight: var(--font-weight-light);
}

.board-view .filebox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    margin-top: 40px;
    border: 1px solid var(--color-gray-light);
    font-weight: var(--font-weight-light);
    border-radius: 10px;
}

.board-view .filebox .ico {
    flex-shrink: 0;
    width: 70px;
    font-size: 3rem;
    color: var(--color-gray);
    text-align: center;
}

.board-view .filebox ul li small {
    font-size: 1.4rem;
}

.board-view.board-reply {
    padding: 0 20px 40px;
    border-top: none;
    background-color: rgba(var(--color-basic-rgb),0.03);
}

.board-reply h2 {
    margin-bottom: 10px;
    font-weight: var(--font-weight-semibold);
    font-size: 1.8rem;
}

.board-reply .write-box {
    overflow: hidden;
    border: 1px solid var(--color-gray-light);
    background-color: rgba(var(--color-basic-rgb),0.02);
    border-radius: 5px;
}

.board-reply .write-box .basic-textarea {
    border: none;
    background-color: transparent;
}

.board-reply .write-box .btn-area {
    gap: 5px;
    padding: 5px 10px;
    margin: 0 10px;
    border-top: 1px dotted var(--color-gray-light);
}

.board-reply .board-reply-write {
    padding: 20px;
    border-bottom: 1px solid var(--color-gray-light);
}

.board-reply .board-reply-list {
    border-bottom: 1px solid var(--color-blue-deep);
}

.board-reply .board-reply-list .brl-con {
    padding: 20px;
}

.board-reply .board-reply-list .brl-con .btl-info .writer {
    gap: 10px;
}

.board-reply .board-reply-list .brl-con .btl-info .writer em {
    font-weight: var(--font-weight-semibold);
}

.board-reply .board-reply-list .brl-con .btl-info .writer .date {
    font-size: 1.4rem;
    color: var(--color-gray);
    font-weight: var(--font-weight-light);
}

.board-reply .board-reply-list .brl-con .btl-info .btn-box {
    gap: 5px;
}

.board-reply .board-reply-list .brl-con p {
    color: var(--color-gray);
    font-weight: var(--font-weight-light);
}



/* 표.그림 리스트 */
.gallery-list {
    position: relative;
    border-top: 2px solid var(--color-blue-deep);
    border-bottom: 1px solid var(--color-blue-deep);
}

.gallery-list.flex-start {
    flex-wrap: wrap;
    align-items: stretch;
    gap: 30px 1.25%;
    padding: 30px 12px;
}

.gallery-list.flex-start .galley-con {
    width: 24%;
}

.gallery-list.no-border {
    border: none;
}

.gallery-list.gallery-slide {
    overflow: hidden;
    width: 100%;
    border: none;
}

.gallery-list .galley-con .pic {
    overflow: hidden;
    margin: 0 auto;
    border: 1px solid rgba(var(--color-basic-rgb),0.12);
    border-radius: 10px;
    font-size: 0;
}

.gallery-list .galley-con .pic img {
    width: 100%;
}

.gallery-list .galley-con .txt {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.gallery-list .galley-con .txt .date-cate {
    margin-bottom: 5px;
    font-size: 1.5rem;
    color: var(--color-gray);
    font-weight: var(--font-weight-light);
}

.gallery-list .galley-con .txt .subject {
    line-height: 1.4;
    font-weight: var(--font-weight-semibold);
    font-size: 1.8rem;
}

.gallery-list .galley-con:hover .txt {
    color: var(--color-blue);
}

.gallery-list .galley-con .my-view {
    padding-top: 10px;
    margin: 0 10px;
    border-top: 1px solid var(--color-gray-light);
    color: var(--color-gray);
    font-size: 1.3rem;
}

.gallery-list .galley-con .my-view .del-btn {
    transition: .3s;
}

.gallery-list .galley-con .my-view .del-btn:hover {
    color: var(--color-red);
    transform: scale(1.1);
}

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

.gallery-list .more-btn:hover {
    background-color: rgba(var(--color-basic-rgb),.15);
}

.gallery-list .more-btn .ico {
    flex-shrink: 0;
    margin-left: 5px;
}


/* FAQ */
.faq-list .faq-con:not(:first-child) {
    border-top: 1px solid var(--color-gray-light);
}

.faq-list .faq-con .faq-q {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0 20px;
    width: 100%;
    padding: 25px 20px;
    transition: .3s;
}

.faq-list .faq-con .faq-q {
    padding-right: 80px;
}

.faq-list .faq-con .faq-q.on {
    background-color: rgba(var(--color-sky-rgb),0.4);
}

.faq-list .faq-con .faq-mark,
.faq-list .faq-con .cate {
    flex-shrink: 0;
}

.faq-list .faq-con .subject,
.faq-list .faq-con .faq-a-content {
    flex-grow: 1;
}

.faq-list .faq-con .faq-mark {
    font-weight: var(--font-weight-bold);
    font-size: 2.4rem;
}

.faq-list .faq-con .on .faq-mark {
    color: var(--color-blue);
}

.faq-list .faq-con .cate {
    min-width: 134px;
    height: 26px;
    line-height: 24px;
    padding: 0 10px;
    margin-top: 6px;
    border: 1px solid var(--color-gray-light);
    background-color: var(--color-background);
    border-radius: 13px;
    font-size: 1.4rem;
}

.faq-list .faq-con .subject {
    font-size: 1.8rem;
    margin-top: 5px;
    text-align: left;
    transition: .3s;
}

.faq-list .faq-con .on .subject {
    color: var(--color-blue-deep);
    font-weight: var(--font-weight-bold);
}

.faq-list .faq-con .arrow {
    position: absolute;
    top: calc(50% - 20px);
    right: 20px;
    width: 40px;
    height: 40px;
}

.faq-list .faq-con .arrow:before,
.faq-list .faq-con .arrow:after {
    position: absolute;
    width: 16px;
    height: 2px;
    background-color: var(--color-gray);
    border-radius: 2px;
    transition: .3s ease-in-out;
    content: '';
}

.faq-list .faq-con .arrow:after {
    top: 20px;
    left: 7px;
    transform: rotate(45deg);
}

.faq-list .faq-con .arrow:before {
    top: 20px;
    right: 7px;
    transform: rotate(-45deg);
}

.faq-list .faq-con .on .arrow:after {
    transform: rotate(-45deg);
}

.faq-list .faq-con .on .arrow:before {
    transform: rotate(45deg);
}

.faq-list .faq-con .faq-a {
    position: relative;
    padding: 30px 20px 25px 70px;
}

.faq-list .faq-con .faq-a .faq-mark {
    position: absolute;
    top: 25px;
    left: 20px;
    color: var(--color-red);
}

.faq-list .faq-con:not(.on) .faq-a {
    display: none;
}


/* 하단 푸터 */
#footer {
    position: relative;
    border-top: 1px solid rgba(var(--color-basic-rgb),0.12);
    background-color: var(--color-background);
    font-size: 1.5rem;
}

#footer:after {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(var(--color-basic-rgb),0.12);
    content: '';
}

#footer .footer-top {
    position: relative;
}

#footer .footer-top .foot-mnu {
    flex-shrink: 0;
    
    display:flex; align-items:center;
}

#footer .footer-top .foot-mnu li {
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
}

#footer .footer-top .foot-mnu li:before {
    position: absolute;
    top: calc(50% - 2px);
    left: -1px;
    width: 4px;
    height: 4px;
    background-color: var(--color-gray-light);
    border-radius: 50%;
    content: '';
}

#footer .footer-top .foot-mnu li:first-child {
    margin-left: 0;
    padding-left: 0;
}

#footer .footer-top .foot-mnu li:first-child::before {
    display: none;
}

#footer .footer-top .foot-mnu li a {
    display: block;
    padding: 5px;
    
    max-width:200px;
}
#footer .footer-top .foot-mnu li a font{font-size:1.35rem; line-height:1.0; display:block;}
#footer .footer-top .foot-mnu li:first-child a {
    padding-left: 0;
}

#footer .footer-top .site-link-box {
    position: relative;
    flex-shrink: 0;
    height: 60px;
    gap: 12px;
}

#footer .footer-top .site-link-box .sns-link-btn {
    overflow: hidden;
    width: 26px;
    font-size: 0;
    border-radius: 3px;
    transition: .3s;
    filter: grayscale(100%);
    opacity: 0.5;
}

#footer .footer-top .site-link-box .sns-link-btn:hover {
    filter: grayscale(0%);
    transform: translateY(-2px);
    opacity: 1;
}

#footer .footer-top .site-link-box .basic-select {
    border-color: var(--color-sky);
    font-size: 1.5rem;
    
    max-width:170px;
}

#footer .footer-top .site-link-box .basic-select:first-of-type {
    margin-left: 10px;
}

#footer .footer-con {
    position: relative;
    padding: 35px 0;
}

#footer .footer-con .foot-info {
    flex-grow: 1;
    position: relative;
    padding-left: 140px;
}

#footer .footer-con .foot-info:before {
    position: absolute;
    top: calc(50% - 30px);
    left: 0;
    width: 110px;
    height: 60px;
    background: url("../img/common/logo_kisti_b.png") no-repeat center left/auto 100%;
    opacity: 0.2;
    content: '';
}

#footer .footer-con .foot-info ul {
    flex-wrap: wrap;
    gap: 5px 20px;
}

#footer .footer-con .foot-info .copyright {
    margin-top: 10px;
    opacity: 0.5;
}

#footer .footer-con .foot-certify {
    flex-shrink: 0;
    gap: 15px;
}

#footer .footer-con .foot-certify .certify-btn {
    flex-shrink: 0;
    display: block;
    text-align: center;
}

#footer .footer-con .foot-certify .certify-btn .markimg {
    display: block;
    width: 50px;
    margin: 0 auto;
    font-size: 0;
}

#footer .footer-con .foot-certify .certify-btn em {
    display: block;
    margin-top: 10px;
    font-size: 1.3rem;
}


/* 퀵 메뉴 */
.quickmenu {
    position: fixed;
    top: calc(var(--top-banner-height) + var(--header-height) + var(--total-search-bar-height) + 90px);
    right: -90px;
    width: 90px;
    z-index: 1800;
    transition: .2s ease-in-out;
}

.quickmenu.on {
    right: 5px;
}

.quickmenu .quick-list {
    overflow: hidden;
    background-color: var(--color-blue-deep);
    border-radius: 10px;
}

.quickmenu .quick-list li:not(:first-child) {
    border-top: 1px solid rgba(var(--color-white-rgb),0.12);
}

.quickmenu .quick-list li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 13px 0;
    text-align: center;
    background: rgba(var(--color-blue-rgb),0);
    color: var(--color-white);
    transition: .2s;
}

.quickmenu .quick-list li a .ico {
    font-size: 2rem;
}

.quickmenu .quick-list li a em {
    font-size: 1.3rem;
}

.quickmenu .quick-list:hover a {
    opacity: 0.6;
}

.quickmenu .quick-list:hover a:hover {
    background: linear-gradient(135deg,  rgba(var(--color-blue-rgb),0) 0%,rgba(var(--color-blue-rgb),0.4) 100%);
    opacity: 1;
}

.quickmenu .quick-list:hover a:hover em {
    font-weight: var(--font-weight-semibold);
}

.quickmenu .other-menu {
    position: relative;
    margin-top: 5px;
}

.quickmenu .other-menu .other-mnu-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 0;
    background-color: var(--color-red);
    color: var(--color-white);
    border-radius: 10px;
}

.quickmenu .other-menu .other-mnu-btn .ico {
    font-size: 2rem;
}

.quickmenu .other-menu .other-mnu-btn em {
    font-size: 1.3rem;
}

.quickmenu .other-menu .other-mnu-btn .arrow {
    position: absolute;
    top: calc(50% - 13px);
    left: -13px;
    width: 26px;
    height: 26px;
    line-height: 24px;
    border: 1px solid var(--color-red);
    background-color: var(--color-white);
    color: var(--color-red);
    text-align: center;
    border-radius: 50%;
}

.quickmenu .top-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 50px;
    height: 50px;
    line-height: 1;
    margin: 10px auto 0;
    background-color: var(--color-blue-deep);
    color: var(--color-white);
    font-size: 1.3rem;
    border-radius: 10px;
}

.quickmenu .top-btn .ico {
    font-size: 2rem;
}

.quickmenu .quick-onoff-btn {
    position: absolute;
    top: calc(50% - 20px);
    left: -114px;
    width: 190px;
    height: 40px;
    line-height: 40px;
    background-color: var(--color-blue-deep);
    color: var(--color-white);
    font-size: 1.3rem;
    border-radius: 0 0 30px 30px;
    text-align: center;
    rotate: 90deg;
}

.quickmenu .quick-list .quick-list-pc{display: initial;}
.quickmenu .quick-list .quick-list-mo{display:none;}

@media (max-height: 830px) {
    .quickmenu {
        top: calc(var(--top-banner-height) + var(--header-height) + var(--total-search-bar-height) + 10px);
    }
}

@media screen and (min-width:1439px) {
    .quickmenu.on,
    .quickmenu {
        right: auto;
        left: calc(50% + 700px);
    }
    
    .quickmenu .quick-onoff-btn {
        display: none;
    }
}


/* fullpage nav anchors */
#anchors {
    position: fixed;
    top: 0;
    left: -200px;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: var(--top-banner-height);
    transition: .3s ease-in-out;
    opacity: 0;
}

#anchors.ver-docu {
    padding-top: 50px;
}

.scrollOn #anchors.ver-docu {
    padding-top: 0;
}

#anchors h3 {
    padding-left: 60px;
    margin-bottom: 20px;
    font-weight: var(--font-weight-semibold);
    font-size: 1.8rem;
}

#anchors ul li {
    position: relative;
    padding-left: 30px;
}

#anchors ul li:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 1px;
    background-color: var(--color-sky);
    content: '';
    transition: .3s;
}

#anchors:not(.ver-docu) ul li:last-child {
    display: none !important;
}

#anchors ul li a {
    position: relative;
    display: block;
    line-height: 1;
    padding: 12px 10px 12px 25px;
    color: var(--color-gray);
    font-size: 1.4rem;
}

#anchors.ver-docu ul li a {
    padding: 10px 10px 10px 25px;
}

#anchors ul li a span {
    line-height: 1;
}

#anchors ul li a:after {
    position: absolute;
    top: calc(50% - 4px);
    left: 0;
    width: 8px;
    height: 8px;
    border: 1px solid var(--color-sky);
    background-color: var(--color-background);
    border-radius: 50%;
    content: '';
    transition: .3s;
}

#anchors ul li.active:before {
    background-color: var(--color-red);
}

#anchors ul li.active a {
    color: var(--color-red);
    font-weight: var(--font-weight-bold);
}

#anchors ul li.active a:after {
    top: calc(50% - 7px);
    width: 14px;
    height: 14px;
    background-color: var(--color-red);
    border-color: var(--color-red);
}

@media screen and (min-width:1640px) {
	#anchors {
        left: 0;
        opacity: 1;
    }
}


.all-mnu-shadow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: rgba(var(--color-black-rgb),0.8);
    opacity: 0;
    transition: .3s ease-in-out;
    cursor: pointer;
    z-index: 1950;
}

.all-mnu-shadow.view {
    height: 100%;
    opacity: 1;
}


/* 에러 페이지 */
.error-box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: rgba(var(--color-basic-rgb),0.03);
}

.error-page {
    position: relative;
    width: 80%;
    max-width: 600px;
    padding: 50px 40px;
    margin: 40px auto;
    background-color: var(--color-background);
    box-shadow: 0 5px 20px rgba(var(--color-basic-rgb),.15);
    border-radius: 20px;
    text-align: center;
}

.error-page h1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.error-page h1 .logomark {
    width: 70%;
    max-width: 180px;
    margin-bottom: 20px;
    font-size: 0;
}

.error-page h1 em {
    font-weight: var(--font-weight-semibold);
    font-size: 3rem;
}

.error-page h1 small {
    font-weight: var(--font-weight-light);
    color: var(--color-gray);
}

.error-page .exclamation {
    font-size: 10rem;
}



/* 페이지 로딩 */
.loading {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: rgba(var(--color-background-rgb),0.9);
    z-index: 9000;
}

.loading span {
    font-size: 6rem;
}

.loading span i {
    --fa-primary-color: var(--color-red);
    --fa-secondary-color: var(--color-blue);
    --fa-secondary-opacity: 1.0;
}

.loading em {
    color: var(--color-gray);
}

/* 사이언스온 홍보자료 24.01.31 */
.brochure_list_wr{width:100%; margin-top:40px;}
.brochure_list_wr:after{content:""; display:block; clear:both;}
.brochure_list_wr .brochure_list{width: calc((100% - 90px) / 2);  margin-top:80px; margin-right:90px; float:left; display:flex;  position:relative; height:410px;}
.brochure_list_wr .brochure_list:nth-child(1),
.brochure_list_wr .brochure_list:nth-child(2){margin-top:0;}
.brochure_list_wr .brochure_list:nth-child(2n){margin-right:0;}
.brochure_list .text_wrap{width: calc(100% - 310px); padding-right:60px; height:100%;}
.brochure_list .text_wrap .info{color:var(--color-red); display:block;}
.brochure_list .text_wrap .brochure_tit{padding:20px 0 40px 0; display:block; }
.brochure_list .text_wrap .brochure_tit em{font-size:2.2rem; font-weight:var(--font-weight-bold)}
.brochure_list .brochure_dw_btn{width:calc(100% - 310px - 60px); position:absolute; left:0; bottom:0; height:50px; line-height:50px; font-size:1.6rem; border-radius:10px;  transition: .3s;  font-weight: var(--font-weight-medium);}
.brochure_list .brochure_dw_btn:hover{filter: brightness(0.95); transition: .3s;}
.brochure_list .brochure_dw_btn span{margin-right:10px;}
.brochure_list .img_wrap{padding-right:10px; padding-bottom:10px; position:relative; transition:all .5s;}
.brochure_list .img_wrap:before{content:""; width:300px; height:400px; background:var(--color-sky); border-radius:10px; position:absolute; right:0; bottom:0; }
.brochure_list .img_wrap .img_wrap_inner{width:300px; height:400px; border: 1px solid var(--color-gray-light); border-radius:10px; overflow:hidden; position:relative; background:var(--color-background);}
.brochure_list:hover .img_wrap{padding:10px 0 0 10px; transition:all .5s;}

.brochure_list_no{width:100%; margin-top:30px;}
.brochure_list_no li{border: 1px solid var(--color-blue-deep); border-width:1px 0; padding:50px 0; text-align:center;}

/* 보도자료 24.02.07 */
.report_list_wr{width:100%; margin-top:30px;}
.report_list_wr .report_list{width:100%; border-bottom: 1px solid var(--color-gray-light); display:flex; padding:20px; align-items:center;}
.report_list_wr .report_list:first-child{border-top: 1px solid var(--color-blue-deep);}
.report_list_wr .report_list .date{width: 110px; font-size:1.5rem; text-align:center; padding-right:20px;}
.report_list_wr .report_list .date span{font-weight:bold; font-size:3.8rem; display:block;line-height: 1.0;}
.report_list_wr .report_list .img_wrap{width:200px; border-radius:10px; border: 1px solid var(--color-gray-light); display:flex; align-items:center; justify-content:center; overflow:hidden; height:130px; background:#f9f9f9;}
.report_list_wr .report_list .img_wrap img{max-height:100%;}
.report_list_wr .report_list .text_wrap{width:calc(100% - 110px - 200px); padding-left: 20px;}
.report_list_wr .report_list .text_wrap .info{color:var(--color-red); display:block;}
.report_list_wr .report_list .text_wrap .report_tit{padding:4px 0 10px 0; display:block;}
.report_list_wr .report_list .text_wrap .report_tit em{font-size:2.2rem; font-weight:var(--font-weight-bold); display:block; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; line-height: 1.0;}
.report_list_wr .report_list .text_wrap .report_txt{width: 100%; overflow: hidden; height: 45px; display: block;}

.brochure_list_tab_wr{display: flex; align-items:center; justify-content:center; margin:0 auto; width:100%; max-width:650px; overflow: hidden; border: 1px solid rgba(var(--color-basic-rgb),.15);  border-radius: 5px;}
.brochure_list_tab_wr:after{content:""; display:block; clear:both;}
.brochure_list_tab_wr li{width:50%; display:block;}
.brochure_list_tab_wr .btns {height: 50px; padding: 0; line-height: 1.2; width: 100%; border: none;  border-radius: 0;}
.brochure_list_tab_wr .tab-btn.active {border-color: var(--color-red); background-color: var(--color-red);  color: var(--color-white); font-weight: var(--font-weight-semibold);}

.main-top-banner .mtb-slide .swiper-wrapper{flex-direction: column;}

.report_list_wr .report_list .mobile_date{display:none;}

/* 구글 언어선택 */
.goog-te-gadget{ color:var(--color-basic) !important;}
.goog-te-gadget-simple{border-radius:3px; font-size: 1.5rem; border:1px solid  var(--color-sky) !important; background:var(--color-background) !important; padding:0 !important;}
.goog-te-gadget-simple .goog-te-gadget-icon{display:none;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed{padding:0 10px !important; margin: 0 !important; height: 32px; line-height: 32px;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span{color:var(--color-basic) !important; line-height: 34px; display:inline-block; border:0 !important; font-weight: 500;}
.VIpgJd-ZVi9od-vH1Gmf{border:1px solid rgba(var(--color-basic-rgb),0.12) !important; background:rgba(var(--color-basic-rgb),0.02) !important;}
.VIpgJd-ZVi9od-xl07Ob-OEVmcd{box-shadow:none !important;}
.VIpgJd-ZVi9od-ORHb-OEVmcd.skiptranslate{display:none !important;}

/* 구글 언어선택 수정 */
#footer .translation{max-width:170px;height: 32px; padding: 0 40px 0 10px; border: 1px solid  var(--color-sky); font-size: 1.5rem !important; background: var(--color-background) url(../img/common/ico_select.png) no-repeat center right;  font-size: 1.5rem; border-radius: 3px;}

/* 지식인프라 버튼 추가 */
.select-infra-btn-wr{display:flex; justify-content:end; margin-bottom:15px;}
.select-infra-btn-wr .select-infra-btn i{margin-left:5px;}

.respon .board-wrap .basic-tbl .basic-input.w300px{margin-top: 5px; width: 100% !important;}
.respon .board-wrap .basic-write-tbl .pdb0px{padding: 15px 0}


/* -------------------------------- */
@media screen and (min-width: 639px) {
}

@media screen and (min-width: 767px) {
}

@media screen and (min-width: 979px) {
}

@media screen and (min-width:1239px) {
}

@media screen and (min-width:1339px) {
}

@media screen and (min-width:1439px) {
}

@media screen and (min-width:1639px) {
}

@media screen and (min-width:1839px) {
}

.main-top-banner .mtb-slide .swiper-wrapper {
    flex-direction: column;
}

/* 상단 모바일 메뉴 */
#header .header_tit .top-head-left,
.mobile_fotter,
.basic-tabbox-move_wr{display:none;}
.user-mnu-mobile{display:none !important;}

#header .subM-gnbbox {display:none;}

/* 상단 배너 */
.banner-ch-wrap { color: var(--color-blue-deep); display:flex; align-items: center; justify-content: end; padding-right:60px; background:var(--color-sky); position:relative; z-index:1000; height:30px;}
html.theme-dark .banner-ch-wrap{color:var(--color-basic);}
.banner-ch-wrap #no-show { margin-bottom: 5px; margin-right: 5px;}
.banner-ch-wrap label {font-size: 1.5rem; line-height: 49px;}

/* 이용목적별 */
.purpose-infra-con #mobileSearchBox{display:none;}


.research-timeline .timeline-slide{width: calc(1040px - 60px) !important;}

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

/* PDF 아이콘 레드컬러 */
i.fas.fa-file-pdf{color:var(--color-red);}

/* ---------------------------------- 반응형 ---------------------------------- */
@media screen and (max-width:1440px) {
	/* 헤더-popup */
	.banner-ch-wrap{padding-right:50px;}
	.main-top-banner .close-btn{right:40px;}
	.main-top-banner .slide-control{right:90px;}
	
	/* 브로슈어 */
	.brochure_list_wr .brochure_list{width:calc((100% - 50px) / 2); margin-right:50px; height:330px;    margin-top: 60px;}
	.brochure_list .text_wrap{width:calc(100% - 250px); padding-right:30px;}
	.brochure_list .text_wrap .brochure_tit{padding:10px 0 30px 0;    line-height: 1.3;}
	.brochure_list .img_wrap .img_wrap_inner,
	.brochure_list .img_wrap:before{width:250px; height:320px;}
	.brochure_list .brochure_dw_btn{width:calc(100% - 260px - 30px)}
	
	/* 금주의 과학기술 뉴스 */
	.board-wrap .basic-write-tbl .note-editor.note-frame{width: 100% !important}
	
	/* Q&A */
	#qnaInfoForm .board-wrap .basic-write-tbl col:nth-child(2),
	#qnaInfoForm .board-wrap .basic-write-tbl col:nth-child(4){width:425px !important;}
	
	/* 논문 표/그림 슬라이드 */
	.research-timeline .timeline-slide{width:calc(940px - 60px) !important;}
	.gallery-list.gallery-slide{width:calc(940px - 20px) !important;}
}
@media screen and (max-width:1340px) {	
	/* 헤더-popup */
	.banner-ch-wrap{padding-right:30px;}
	.main-top-banner .close-btn{right:20px;}
	.main-top-banner .slide-control{right:70px;}
	
	/* 공통 */
	body{--header-height: 70px;}
	
	/* 헤더 */
	#header{max-width:1170px; min-width:100%; width:100%; padding: 0 30px;}
	#header h1{width:180px;}
	#header .gnb .gnb-1a{font-size:1.8rem;}
	#header .gnb .sub-gnbbox .inner .gnb-1a-txt{padding-right:50px;}
	#header .gnb .sub-gnbbox .inner .gnb-1a-txt .ico{width:130px; font-size:6rem}
	#header .gnb .sub-gnbbox .inner .gnb-1a-txt .txt-box dt{font-size:2.2rem;}
	#header .gnb .sub-gnbbox .inner ul.gnb-2a-mnu li .gnb-2a{font-size:1.5rem;}
		
	#header .user-mnu dl.other-link dd{right:0; left:auto;}
	
	#header .respon{max-width:1170px; width:100%;}	
	
	.total-search-bar .tsb-keyword-slide{padding: 0 170px 0 80px;}
	.total-search-bar .tsb-keyword-slide .slide-control{right:80px;}
	
	/* 풋터 */
	#footer .footer-con{padding:35px 50px;}
	
	/* 검색어 자동완성 */
	.total-search-bar .tsb-box .auto-search-keyword{width:580px;}
	
	/* Q&A */
	#qnaInfoForm .board-wrap .basic-write-tbl col:nth-child(2),
	#qnaInfoForm .board-wrap .basic-write-tbl col:nth-child(4){width:360px !important;}
	
	
	/* 논문 표/그림 슬라이드 */
	.research-timeline .timeline-slide{width:calc(810px - 60px) !important;}
	.gallery-list.gallery-slide{width:calc(810px - 20px) !important;}
	
}

@media screen and (max-width:1200px) {	
	/* 공통 */
	body{--total-search-bar-height: 180px;}
	
	/* 헤더 */	
	#header h1 {width: 160px;}
	#header .user-mnu .all-mnu-btn{display:none;}
	#header .gnb .gnb-1a{padding:0 15px; min-width:100px;}
		
	/* 상단 모바일 메뉴 */
	#header .header_tit{display:flex; align-items: center; justify-content: center;}
	#header .header_tit .top-head-left{display:block; margin-right:20px;}
	#header .header_tit .top-head-left .mnu-on-btn{font-size:2.2rem; width:20px;}
	
	#header .respon{max-width:700px;}	
	#header .gnb{left:50%; transform:translateX(-55%); width:auto;}
	#header .gnb .sub-gnbbox{background-color:transparent; box-shadow:none; left:50%; transform:translateX(-50%);}
	#header .gnb .sub-gnbbox .inner .gnb-1a-txt,
	#header .gnb .sub-gnbbox .inner ul.gnb-2a-mnu li .comment-box,
	#header .gnb .sub-gnbbox .inner ul.gnb-2a-mnu li.on .comment-box{display:none !important;}
	#header .gnb .sub-gnbbox .inner ul.gnb-2a-mnu{width:100%; background-color:var(--color-background); box-shadow:0 10px 10px rgba(var(--color-basic-rgb),0.1)}
	#header .gnb .sub-gnbbox .inner ul.gnb-2a-mnu li,
	#header .gnb .sub-gnbbox .inner ul.gnb-2a-mnu li .gnb-2a{width:100%;}
	
	/* 검색 */
	#searchForm{position:relative;}
	.total-search-bar{position:absolute;}
	.scrollOn .total-search-bar .tsb-onoff-btn{display:none !important;}
	.total-search-bar{padding-top:40px;}
	.total-search-bar .tsb-box{border-radius:50px; height:70px; border-color:var(--color-red); border-width:2px; background-color:var(--color-background);}
	.total-search-bar .tsb-box .tsb-btn{width:70px; border-radius: 0;    margin-right: 70px;}
	.total-search-bar .tsb-box .tsb-btn:before,
	.total-search-bar .tsb-box .tsb-btn:after{display:none;}
	.total-search-bar .tsb-box .tsb-btn em{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}

	.total-search-bar .tsb-box .tsb-detail-btn{position:absolute; top:0; right:0; width:100%; max-width:70px; border-radius:0 50px 50px 0; background-color::var(--color-background);  height:70px; line-height:68px; font-size: 0; color:var(--color-red);}
	.total-search-bar .tsb-box .tsb-detail-btn:before{font-size: 2.5rem; text-align: center; content: "\f067"; font-family: "Font Awesome 5 Pro"; font-weight: 100; padding-right:5px;}
/* 	.total-search-bar .tsb-keyword-slide{margin-top:70px;} */
	
	/* 풋터 */
	#footer .footer-con{padding:35px 50px; display:block !important;}
	#footer .footer-con .foot-certify{justify-content: center; margin-top: 20px;}
	
	#footer:after{top:120px;}
	#footer .footer-top{flex-direction: column;}
	#footer .footer-top .foot-mnu{padding: 10px 0;}
	#footer .footer-top .site-link-box{height:45px; width:100%;}
	#footer .footer-top .site-link-box .basic-select:first-of-type{margin-left:0;}
	#footer .footer-top .site-link-box .basic-select,
	#footer .footer-top .translation{width:100%; max-width:100%;}
	
	/* 모바일 메뉴 */
	#header .header_tit .top-head-left{} 
	/* #header .sitemap-box{height: calc(100vh - var(--header-height));} */
	#header .sitemap-box{padding:30px 0;}
	#header .sitemap-box .flex-center{border:0; max-width:100% !important; flex-wrap: wrap;}
	#header .sitemap-box .sitemap-con{width:50%; border-left:0 !important; border-bottom:1px solid rgba(var(--color-basic-rgb),0.1)}
	#header .sitemap-box .sitemap-con:nth-child(3),
	#header .sitemap-box .sitemap-con:last-child{border-bottom:0;}
	#header .sitemap-box .sitemap-con dt{font-size:1.8rem}
	#header .sitemap-box .sitemap-con ul{display:flex;flex-wrap: wrap; }
	#header .sitemap-box .sitemap-con ul li{width:50%; margin-top:0 !important;}
	#header .sitemap-box .sitemap-con dd ul li a{height:30px;}
	#header .sitemap-box .sitemap-con dd ul li a span{display:none;}
	
	/* 브로슈어 */
	.brochure_list_wr .brochure_list{width:calc((100% - 40px) / 2); margin-right:40px; height:280px;  margin-top: 60px;}
	.brochure_list .text_wrap{width:calc(100% - 200px); padding-right:25px;}
	.brochure_list .img_wrap .img_wrap_inner,
	.brochure_list .img_wrap:before{width:200px; height:270px;}
	.brochure_list .brochure_dw_btn{width:calc(100% - 210px - 25px)}
	
	/* 검색어 자동완성 */
	.total-search-bar .tsb-box .auto-search-keyword{width:620px;}
	
	
	/* 금주의 과학기술 뉴스 */
	.respon .board-wrap .basic-tbl select.basic-select,
	.respon. board-wrap .basic-tbl .basic-input.w300px{width: 100% !important;}
	
	
	/* Q&A */
	#qnaInfoForm .board-wrap .basic-write-tbl col:nth-child(2),
	#qnaInfoForm .board-wrap .basic-write-tbl col:nth-child(4){width:260px !important;}
	
	/* 논문 표/그림 슬라이드 */
	.research-timeline .timeline-slide{width:calc(610px - 60px)  !important;}
	.gallery-list.gallery-slide{width:calc(610px - 20px)  !important;}
			
}


@media screen and (max-width:980px) {	
	/* 공통 */
	body{--header-height: 60px; --total-search-bar-height: 180px;}
	.respon{max-width:750px; width:100%;}
	
	body.in-top-banner {--top-banner-height: 70px;}
	
	/* 서브공통 */
	.sub-top-area{}
	.sub-top-area .sub-top-area{display:none !important;}
	.total-search-nav ul li a small{display:none;}
	
	#wrapper{padding-top:calc(var(--top-banner-height) + var(--header-height) + var(--total-search-bar-height) + 80px);}
	#wrapper.none_submenu,
	#wrapper.main-page{padding-top:calc(var(--top-banner-height) + var(--header-height) + var(--total-search-bar-height) + 40px);}
	
	/* 헤더-popup */
	.main-top-banner{position:absolute;}
	
	/* 헤더 */
	#header{position:absolute;}
	#header .gnb{top:60px; background-color:var(--color-sky); width: 100%; transform: translateX(-50%);}	
	#header .gnb > ul{height:40px; padding: 0 50px; width:100%;}
	#header .gnb .gnb-1a{height:40px; line-height:40px; font-size:1.5rem; padding:0 20px; min-width:auto;}
	#header .gnb .sub-gnbbox{top:40px;}
	
	.scrollOn .total-search-bar{margin-top:0;}
	#header .gnb .sub-gnbbox .inner ul.gnb-2a-mnu li.on .comment-box{opacity:0;}
	
	#header .gnb .sub-gnbbox{display:none !important;}
	
	/* 모바일 메뉴 */
	#header .sitemap-box{max-height:calc(100vh - var(--top-banner-height) - var(--header-height)); overflow-y:auto; padding:20px 0;}
	#header .sitemap-box .sitemap-con ul li{width:100%; margin-top:0 !important;}
	
	#header .subM-gnbbox {position:absolute; top: 40px; width: 100%; left: 50%; transform: translateX(-50%); background:var(--color-background)}
	#header .subM-gnbbox > div{width:100%; border-bottom: 1px solid var(--color-gray-light);overflow-x:auto;  -ms-overflow-style: none; scrollbar-width: none;}
	#header .subM-gnbbox > div::-webkit-scrollbar {display: none;}
	#header .subM-gnbbox > div > ul{ padding: 0 50px; height:40px; gap:10px; }	
	#header .subM-gnbbox > div > ul > li > a{height:40px; white-space: nowrap; line-height: 40px; padding:0 10px; display:block;  font-size: 1.5rem;    font-weight: var(--font-weight-medium); position: relative;}
	#header .subM-gnbbox > div > ul > li > a.active:before{content:""; width:100%; height: 1px; position:absolute; left:0; bottom:0; background:var(--color-blue);}
	
	/* 검색 */	
	.total-search-bar{top:calc(var(--header-height) + var(--top-banner-height) + 80px);}
	#wrapper.none_submenu .total-search-bar,
	.main-page .total-search-bar{top:calc(var(--header-height) + var(--top-banner-height) + 40px);}
	.total-search-bar .tsb-keyword-slide{padding:0 80px 0 0;}
	.total-search-bar .tsb-keyword-slide .slide-control{right:0;}
	.total-search-bar .tsb-box .tsb-detail-btn{display:none;}	
	.total-search-bar .tsb-keyword-slide{margin-top:20px;}
	.total-search-bar .tsb-box .tsb-btn{margin-right: 0; border-radius: 0 50px 50px 0}
		
	/* 퀵메뉴 */
	.quickmenu{ transform:translateX(-50%); width:400px;top:auto; right:auto; left:50%; bottom:-68px;}
	.quickmenu.on{bottom:30px;}
	.quickmenu .quick-onoff-btn i{rotate: 180deg;}
/* 	.quickmenu.on .quick-onoff-btn i{rotate: 180deg;} */
	.quickmenu .quick-onoff-btn{height:30px; line-height:30px; font-size: 1.2rem; rotate: 0deg;transform:translateX(-50%); left:50%; top:-30px; border-radius: 30px 30px 0 0; color:var(--color-basic); background:var(--color-background); box-shadow:0 0 5px rgba(var(--color-basic-rgb),0.5);}
	.quickmenu .quick-list{position:relative; z-index:1; border-radius:50px;display:flex; align-items:center; justify-content:center;  background-color:var(--color-background); box-shadow:0 0 5px rgba(var(--color-basic-rgb),0.5);}
	.quickmenu .top-btn{display:none;}
	.quickmenu .quick-list li{width:calc(100% / 4);}
	.quickmenu .quick-list li a{ color:var(--color-basic);    padding: 8px 0;}
	.quickmenu .quick-list:hover a:hover {background: linear-gradient(135deg,  rgba(var(--color-gray-light),0) 0%,rgba(var(--color-gray-light),0.4) 100%);  opacity: 1;}
	.quickmenu .quick-list li:not(:first-child) {border-top: 0;}
	.quickmenu .quick-list li a em{font-size: 1.2rem;}	
	.quickmenu .quick-list .quick-list-pc{display:none;}
	.quickmenu .quick-list .quick-list-mo{display: initial;}
	
	.total-search-bar .tsb-box .tsb-input{padding: 0 15px}
	
	/* 풋터 */
	.pc_footer{display:none !important;}
	.mobile_fotter{display:block;}
	#footer {position: relative; background-color: var(--color-background-light-blue);}
	#footer .size-and-top {height: 62px; padding: 0 50px; max-width:750px; width:100%; margin:0 auto;}
	#footer .size-and-top .font-plus-minus {font-size: 0;}
	#footer .size-and-top .font-plus-minus .plusminus-btn {background-color:var(--color-background); min-width: 36px; height: 36px; padding: 0 10px; border: 1px solid var(--color-gray-light); border-right: none; font-size: 14px;color: var(--color-light);}
	#footer .size-and-top .font-plus-minus .plusminus-btn:first-child {border-radius: 10px 0 0 10px;}
	#footer .size-and-top .font-plus-minus .plusminus-btn:last-child {border-right: 1px solid var(--color-gray-light); border-radius: 0 10px 10px 0;}
	html.zoom0 #footer .size-and-top .font-plus-minus .plusminus-btn.minus,
	html.zoom4 #footer .size-and-top .font-plus-minus .plusminus-btn.plus {background-color: var(--color-gray-light); color: var(--color-light-deep); }
	#footer .size-and-top .font-plus-minus .plusminus-btn span.ico { display: inline-block;margin-left: 5px;}
	#footer .size-and-top .dark-light-set {overflow: hidden; margin-right: 5px;border: 1px solid var(--color-gray-light); border-radius: 10px; background-color:var(--color-background);}
	#footer .size-and-top .dark-light-set li a {display: block;  height: 36px; line-height: 36px; padding: 0 10px; font-size: 1.2rem; color: var(--color-light);}
	#footer .size-and-top .dark-light-set li:not(:first-child) a {border-left: 1px solid var(--color-gray-light);}
	#footer .size-and-top .dark-light-set li a:hover,
	#footer .size-and-top .dark-light-set li a.on {background-color: var(--color-red); color: var(--color-white);}
	#footer .foot-con {position: relative; max-width:750px; width:100%; margin:0 auto;padding: 30px 50px; margin-top: 1px; text-align: center;}
	.theme-dark #footer .foot-con {background-color: transparent;}
	#footer .foot-con .foot-mnu button {display: inline-block;    line-height: 14px; padding: 0 10px; border-left: 1px solid rgba(var(--black-white-rgb),0.1); font-size: 12px;}
	#footer .foot-con .foot-mnu button:first-child {border-left: none;}
	#footer .foot-con .foot-mnu a span.ico {font-size: 14px;}
	#footer .foot-con .copyright {margin-top: 15px; opacity: 0.6; font-size: 12px;}
	#footer .foot-con .ft_text{margin-top: 10px;}
	#footer .foot-con .ft_text span{padding:0 5px; font-size: 13px; display:inline-block;}
	#footer .foot-con .footer_logo{opacity: 0.2; max-width: 140px; text-align: center; margin: 20px auto 0 auto;}
	html.theme-dark #footer .foot-con .footer_logo{opacity:1;}
	
	#footer:after{top:60px;}
	
	#footer .translation{margin-bottom:10px;}
	
	.goto-top-btn:hover{background-color: var(--color-red); color: var(--color-white);}
	.goto-top-btn {background-color:var(--color-background); display: block; width: 45px; height: 45px; line-height: 45px; border: 1px solid var(--color-gray-light); border-radius: 50%; text-align: center; font-size: 16px;color: var(--color-light); position:fixed; bottom:30px; right:30px;}
	
	
	/* 게시판 상단 옵션 */
	.all-powerful-list .list-top-info{flex-direction: column; align-items: start; height:auto; padding: 15px 10px; gap:5px;}
	.all-powerful-list .list-top-info .left-con{padding:0;}
	.all-powerful-list .list-top-info .right-con{padding-left:12px; padding-bottom:0;}
	
	
	/* 브로슈어 */
	.brochure_list_wr .brochure_list{width:100%; margin-right:0px; height:280px; margin-top: 50px;}
	.brochure_list_wr .brochure_list:nth-child(2n){ margin-top: 50px;}
	.brochure_list .text_wrap{width:calc(100% - 200px); padding-right:30px;}
	.brochure_list .brochure_dw_btn{width:calc(100% - 210px - 30px); max-width:300px;}
	
	/* 보도자료 */
	.report_list_wr .report_list{align-items: start; flex-direction: column; gap:8px;}
	.report_list_wr .report_list .date{display:none;}
	.report_list_wr .report_list .img_wrap{width:100%;height: auto; min-height:100px;}
	.report_list_wr .report_list .img_wrap img{width:auto; max-height:250px;}
	.report_list_wr .report_list .text_wrap{width:100%; padding:0;}
	.report_list_wr .report_list .mobile_date{display:block; margin-bottom:10px;}
	
	/* 테이블 스크롤 */
	.basic-table-scroll-wr{width:100%; overflow-x:auto;}
	.basic-table-scroll-wr table{min-width:540px;}
	.basic-table-scroll-wr table col,
	.basic-table-scroll-wr table th,
	.basic-table-scroll-wr table td{width:auto !important; font-size:1.3rem !important;}
	
	.basic-table-scroll-wr2 table{min-width:450px;}
	
	/* 이용목적별 */
	.purpose-infra-con #searchBox{display:none;}
	.purpose-infra-con #mobileSearchBox{display:flex;}
	
	/* 검색어 자동완성 */
	.total-search-bar .tsb-box .auto-search-keyword{width:100%; left:auto;}
	
	/* 사이언스온 트랜드 */
	.powerful-con .subject{align-items: start; flex-direction: column; gap:4px;}
	.powerful-con .pic.size-big{width:100%; max-width:200px;}
	.powerful-con .pic.size-big img{height:auto !important; width:100%;}
		
	/* 금주의 과학기술 뉴스 */
	.board-wrap .basic-write-tbl col,
	.board-wrap .basic-write-tbl th,
	.board-wrap .basic-write-tbl td{display: block;}
	.board-wrap .basic-write-tbl th{border: none; text-align: left; padding: 15px 15px 0}
	.board-wrap .basic-tbl col,
	.board-wrap .basic-tbl th,
	.board-wrap .basic-tbl td{display: block; border-bottom: none;}
	.board-wrap .basic-tbl tr:last-child td{border-bottom:1px solid var(--color-gray-light);}
	
	.respon .board-list-tbl .subject a{flex-wrap:wrap}
	.respon .board-list-tbl tbody tr{flex-direction: column;}
	.respon .board-list-tbl tbody tr td{font-size: 1.5rem;}
	.respon .board-wrap .basic-write-tbl .basic-select,
	.respon .board-wrap .basic-write-tbl .basic-input{width: 100% !important;}
	.respon .board-wrap .basic-write-tbl .basic-input{margin-top: 5px}
	.respon .board-wrap .basic-tbl .basic-select{width: 100%}
	
	
	
	/* 논문 표/그림 슬라이드 */
	.research-timeline .timeline-slide{width:calc(650px - 40px)  !important;}
	.gallery-list.gallery-slide{width:calc(650px - 30px) !important;}
	
	
	/* 게시판 */	
	#qnaForm .board-list-tbl tbody tr,
	#noticeForm .board-list-tbl tbody tr,
	.respon_none .board-list-tbl tbody tr{display: inline-block !important}	
	#qnaForm .board-list-tbl tbody tr td,
	#noticeForm .board-list-tbl tbody tr td,
	.respon_none .board-list-tbl tbody tr td{display: block !important}
	#qnaForm .board-list-tbl td.num,
	#noticeForm .board-list-tbl td.date,
	.respon_none .board-list-tbl td.date{width: auto !important; display: inline-block !important; padding-right: 15px !important; margin-bottom:10px;}	
	#qnaForm .board-list-tbl td.filedown,
	#noticeForm .board-list-tbl td.hit,
	.respon_none .board-list-tbl td.hit{width: auto !important; display: inline-block !important; margin-bottom:10px;}
	#noticeForm .board-list-tbl td:last-child.hit{width:100% !important; display:block !important; margin-bottom:0;}
	
	#qnaForm .board-list-tbl tbody tr td.answer{padding:10px 0 !important;}
	#qnaForm .board-list-tbl tbody tr td.answer .btns{line-height:30px;}
}

@media screen and (max-width:767px) {	
	/* 공통 */
	body{--total-search-bar-height:200px;}
	.respon{padding:0 30px;}
	
	.main-top-banner .slide-control {right: 65px;}
	
	#header .gnb .gnb-1a{padding:0 10px;}
	
	/* 풋터 */
	#footer .size-and-top {padding:0 30px;}
	#footer .foot-con{padding:30px;}
	
	.goto-top-btn{right:20px; bottom:20px;}
	
	/* 헤더 */
	#header .gnb{ display:flex; justify-content:center;}	
	#header .gnb > ul{padding: 0 30px; width:100%; justify-content:start;}	
	
	#header .gnb > ul{width:100%; justify-content:start;padding: 0 30px;  overflow-x:auto; -ms-overflow-style: none; scrollbar-width: none; }
	#header .gnb > ul::-webkit-scrollbar {display: none;}
	#header .gnb .gnb-1a{display:block;white-space: nowrap;}
	
	/* 모바일 메뉴 */
	#header .subM-gnbbox > div{display:flex; justify-content:center;}
	#header .subM-gnbbox > div > ul{padding: 0 30px; width:100%; justify-content:start;}	
	
	
	/* 검색 */
	.total-search-bar .tsb-box{height:60px;}
	.total-search-bar .tsb-box .tsb-btn{height:60px; width:60px;}
	.total-search-bar .tsb-keyword-slide{height:60px; padding:0; margin-top:30px;}
	.total-search-bar .tsb-keyword-slide dl{display:block !important; }
	.total-search-bar .tsb-keyword-slide dl dd{padding:0; margin-top: 5px;}
	.total-search-bar .tsb-keyword-slide .slide-control{top:0; width: 70px;}
	.total-search-bar .tsb-keyword-slide .slide-control .sc-btn{height:25px;}
		/* 
	.all-powerful-list .list-top-info{height: auto; display:block !important;}
	.all-powerful-list .flex-start{padding-top:10px;}
	.all-powerful-list .flex-end{justify-content:flex-start; padding-left:10px; padding-bottom:10px;}
	.all-powerful-list .kwrdList{margin-top:-10px;} */
	
	.item-btn-box .btn-versatile{padding:5px 0;}
	
	/* 공지사항 */
	.totalnum-box{ flex-direction: column; gap: 5px; justify-content: initial; align-items: initial;}
	.totalnum-box .in-searchbox{margin-right:0; margin-top:5px; flex-direction: column; gap: 5px; border:0; border-radius:0;}
	.totalnum-box .in-searchbox .in-search-select,
	.totalnum-box .in-searchbox .in-search-input{border:1px solid rgba(var(--color-basic-rgb),.15); width:100% !important; border-radius: 3px;}
	.totalnum-box .in-searchbox .btns{display:block; width:100%;}
	.totalnum-box .in-searchbox label{display:none;}
	.board-view .board-view-top h2 em{font-size:2rem;}
	.board-view .board-view-top .name-date-hit{flex-wrap:wrap; gap:2px 10px;}
	.board-view .filebox{padding:15px; flex-direction: column; gap: 10px;}	
	.board-view .filebox .ico{display:none;}
	.board-wrap .btn-area{flex-direction: column;}
	.board-wrap .btn-area .btns.size-big{width:100%;}
	
	.respon_none h1.tit-h1{margin-bottom: 20px;}
	.respon_none h1.tit-h1 small{display: none !important;}
	.respon_none .totalnum-box{display: none !important;}
	.respon_none .list-top-info{display: none !important;}
	
	.all-powerful-list .powerful-con .pic.paper{display:none;}
	
	
	#qnaForm .board-list-tbl tbody tr td.answer .btns{line-height:36px;}
	
	/* 텝 */
	.basic-tabbox-move_wr{display:block;}
	.basic-tabbox-wr{position:relative; left:-30px; width:calc(100% + 30px + 30px); margin-bottom:50px; background-color:var(--color-blue-deep); padding:0 10px;}
	.basic-tabbox-wr .basic-tabbox-move{position:absolute; color:var(--color-white); top:7px; text-align:center; line-height:35px;}
	.basic-tabbox-wr .basic-tabbox-prev{left:10px;}
	.basic-tabbox-wr .basic-tabbox-next{right:10px;}
	.basic-tabbox-wr .brochure_list_tab_wr{    justify-content: start;}
	.basic-tabbox-wr .brochure_list_tab_wr,
	.basic-tabbox-wr .basic-tabbox.ver-allround{width:100%; margin:0px !important; overflow-x:auto; border-radius:0; border:0;  -ms-overflow-style: none; scrollbar-width: none;}	
	.basic-tabbox-wr .brochure_list_tab_wr::-webkit-scrollbar ,
	.basic-tabbox-wr .basic-tabbox.ver-allround::-webkit-scrollbar {display: none;}
	.brochure_list_tab_wr li,
	.basic-tabbox-wr .basic-tabbox.ver-allround li{border:0 !important;}
	.brochure_list_tab_wr li{width:auto;}
	.brochure_list_tab_wr .btns,
	.basic-tabbox-wr .basic-tabbox.ver-big .btns,	
	.basic-tabbox-wr .btns{font-size: 1.4rem; padding:0 25px;white-space: nowrap; color:var(--color-white); border: 0; background-color:var(--color-blue-deep); border-bottom:5px solid transparent;}	
	.brochure_list_tab_wr .tab-btn.active,
	.basic-tabbox-wr .basic-tabbox .tab-btn.active{background-color:var(--color-blue-deep); border-bottom:5px solid var(--color-red);}	
	
	
	/* 상단 탭 */	
	.sub-top-area .total-search-nav{width:100%; padding:0; max-width:100%;}
	.total-search-nav ul.twoline{width:100%; overflow-x:auto;-ms-overflow-style: none; scrollbar-width: none; padding:0 10px;}
	.total-search-nav ul.twoline::-webkit-scrollbar {display: none;}
	.total-search-nav ul.twoline li{background:transparent;  border-bottom:5px solid transparent;}
	.total-search-nav ul.twoline li.on{border-bottom:5px solid var(--color-red);}
	.total-search-nav ul.twoline li a{padding:0 25px;white-space: nowrap; height:50px;     font-size: 1.4rem;}
	
	.total-search-nav .basic-tabbox-move{position:absolute; color:var(--color-white); top:7px; text-align:center; line-height:35px;}
	.total-search-nav .basic-tabbox-prev{left:10px;}
	.total-search-nav .basic-tabbox-next{right:10px;}
	
	/* 내가본 자료 */
	.powerful-con .my-view{width: 100%; text-align: left; display: flex;  flex-wrap: wrap; margin:0;     padding: 5px 10px;}
	.powerful-con .my-view:before{content:""; display:block; clear:both;}
	.powerful-con .my-view:after{top:0; bottom:auto; width:100%; height:1px;}
	.powerful-con .my-view p{width:calc(100% - 20px); float:left;padding-top: 5px;}
	.powerful-con .my-view p br{display:none;}
	.powerful-con .my-view .date{display:inline-block; padding-left:10px;}
	.powerful-con .my-view .del-btn{width:20px; float:right;}
	
	/* 상세 및 상단 버튼(옵션) */
	.list-top-info .left-con{flex-wrap:wrap; gap: 5px 15px;}
	
	/* 사이언스온 트랜드 */
	.powerful-con .pic.size-big{margin-right:0; text-align:center;display:block; margin: 0 auto;max-width:300px !important;}
	
	/* 금주의 과학기술 뉴스 */
	.respon .board-wrap h2.tit-h2{flex-wrap: wrap;}
	.respon .board-wrap h2.tit-h2 .flex-end{width: 100%; margin-top: 10px}
	.respon .board-wrap h2.tit-h2 .flex-end .btns{width: 100%}
	.respon .basic-write-tbl .file-upload{flex-direction: column;}
	.respon .basic-write-tbl .file-upload .fu-box{flex-direction: column; width: 100% !important;}
	.respon .basic-write-tbl .file-upload .fu-box .basic-input{width: 100%}
	.respon .basic-write-tbl .file-upload .btns{width: 100%; margin-left: 0; margin-top: 5px;}
	.respon .basic-write-tbl .file-upload .other{width: 100%;}
	.respon .basic-write-tbl .file-upload .other .btns{width: 100%; margin-left: 0; margin-top: 5px;}
	
	.kor-eng-input .kei-con label{ height: 38px; line-height: 38px;}
	
	/* 에러페이지 */
	.error-box{padding:20px; height:100%; min-height:100vh;}
	
	.total-search-bar .tsb-box .tsb-select{width: 130px; padding: 0px 20px 0 25px;}
	.total-search-bar .tsb-box:before {left: 120px}
	.total-search-bar .tsb-box .tsb-input{padding: 0 5px;    font-size: 1.6rem;}
	
	/* 논문 표/그림 슬라이드 */
	.research-timeline .timeline-slide,
	.gallery-list.gallery-slide{width:100% !important;}
	
}


@media screen and (max-width:594px) {	
	/* 공통 */
	#header,
	.respon{padding:0 20px;}
	#header .user-mnu{gap:10px}
	
	#header .user-mnu em{border: 0;  clip: rect(0,0,0,0); height: 1px;  margin: -1px; overflow: hidden;  padding: 0;  position: absolute; width: 1px;}
	#header .user-mnu dl em{width:auto; height: auto; overflow: initial; margin: 0; position: initial;}
			
	#header h1{width:140px}
	#header .header_tit .top-head-left .mnu-on-btn{font-size:1.8rem; width:15px;}
	#header .header_tit .top-head-left{margin-right:15px;}
	
	/* 모바일 메뉴 */	
	#header .gnb > ul,
	#header .subM-gnbbox > div > ul{padding:0 20px;}	
	
	/* 검색 */
	body {--total-search-bar-height: 190px;}
	.total-search-bar{padding-top:35px;}
	.total-search-bar .tsb-box{height:50px;}
	.total-search-bar .tsb-box .tsb-btn{height:50px; width:50px;}
	.total-search-bar .tsb-box .tsb-input{height:40px; margin-left:15px; padding:0 10px; font-size: 1.5rem;}
	.total-search-bar .tsb-box .tsb-select,
	.total-search-bar .tsb-box:before{display:none;}
	
	/* 자동완성 */
	.total-search-bar .tsb-box .auto-search-keyword{flex-direction:column; gap:15px;    padding: 25px; top: 60px;}
	.total-search-bar .tsb-box .auto-search-keyword dl{width:100%;}
	
	/* 퀵메뉴 */
	.quickmenu{width:100%; bottom:-63px;}
	.quickmenu.on{bottom:0;}
	.quickmenu .quick-list{border-radius: 20px 20px 0 0; height:60px;}
	.quickmenu .quick-list li a{padding:0 10px;}
	
	/* 풋터 */
	#footer .size-and-top {padding:0 20px;}
	#footer .foot-con{padding:30px 20px;}
	
	.goto-top-btn{right:15px; bottom:15px;}
	
	/* 모바일 메뉴 */
	#header .sitemap-box{padding:15px 0; height:calc(100vh - var(--top-banner-height) - var(--header-height));}
	#header .sitemap-box .sitemap-con{width:100%; padding:15px;}
	#header .sitemap-box .sitemap-con:nth-child(3){border-bottom: 1px solid rgba(var(--color-basic-rgb),0.1);}
	#header .sitemap-box .sitemap-con ul{gap:0 30px;}
	#header .sitemap-box .sitemap-con dd ul li{width:auto;}
	#header .sitemap-box .sitemap-con dd ul li a{font-size:95%; height:28px;}
	
	/* 텝 */
	.basic-tabbox-wr{left:-20px; width:calc(100% + 20px + 20px);}
	
	/* 전체 검색 */
	.my-search-top-keyword dl.flex-start dd#searchKwd{display: flex; justify-content: space-between; align-items: center;}
	
	/* 게시판 상단 옵션 */
	.totalnum-box .btns{width:100%;}
	.all-powerful-list .list-top-info .left-con{padding-bottom:10px;}
	.all-powerful-list .list-top-info .right-con{width:100%; padding:0; flex-direction: column; align-items: start;  gap:5px;}
	.all-powerful-list .list-top-info .right-con .list-top-select{border: 1px solid rgba(var(--color-basic-rgb),.15); width: 100% !important; border-radius: 3px;}
	.all-powerful-list .list-top-info .right-con .btns{margin:0; width:100%; display:block;}
	
	
	/* 브로슈어 */
	.brochure_list_wr{display: flex; flex-direction: column;}
	.brochure_list_wr .brochure_list{flex-direction: column-reverse; height:auto; padding-bottom:50px; margin-top: 30px}
	.brochure_list_wr .brochure_list:nth-child(2n){margin-top: 30px}
	.brochure_list .img_wrap,
	.brochure_list .img_wrap .img_wrap_inner{width:100%; height:auto; min-height:100px;}
	.brochure_list .img_wrap{padding:0;}
	.brochure_list .img_wrap .img_wrap_inner img{width:100%;}
	.brochure_list .img_wrap:before{display:none;}
	.brochure_list .text_wrap{width:100%; padding-right:0; padding-top:15px;}
	.brochure_list .text_wrap .brochure_tit{ padding:5px 0 10px 0;}
	.brochure_list .text_wrap .brochure_tit em,
	.report_list_wr .report_list .text_wrap .report_tit em{font-size:1.8rem;}
	.brochure_list .brochure_dw_btn{width:100%; max-width:100%; height:40px; line-height:40px;}
	
	.brochure_list .text_wrap .date,
	.report_list_wr .report_list .mobile_date{font-size: 1.5rem;}
	
	/* 테이블 스크롤 */
	.basic-table-scroll-wr table th,
	.basic-table-scroll-wr table td{font-size:1.4rem !important;}

	/* 인기검색어 */
	.total-search-bar .tsb-keyword-slide dl dd{}
	.total-search-bar .tsb-keyword-slide dl dd a{max-width:100%;}
	.total-search-bar .tsb-keyword-slide dl dd a:last-child{display:none;}
	
	/* 검색시 검색어 부분 */
	.my-search-top-keyword dl.flex-start{flex-wrap:wrap;}
	.my-search-top-keyword dl.flex-start dd#searchKwd{}
	
	.keyword-extend-abbreviate{margin-top:10px !important;}
	.keyword-extend-abbreviate #utils{width:100%; display:flex; align-items:center; gap:0 10px; margin-bottom:10px !important;}
	.keyword-extend-abbreviate #utils .btns{margin:0 !important; width:100%; display:block;}
	
	/* 검색의 more버튼 */
	h2.tit-h2{flex-direction: column; align-items:start; width:100%;}
	h2.tit-h2 .more-btn{width:100%;border: 1px solid var(--color-gray-light); padding:10px; margin-top:10px; border-radius:6px; justify-content: space-between;}
	
	#container .powerful-con .info-dl{flex-direction: column; align-items:start; width:100%;}
	#container .powerful-con .info-dl dd{margin-top:5px;}
	
	
	.board-reply .board-reply-list .btl-info.flex-spacebetween{flex-wrap: wrap}
	
	/* 에러페이지 */
	.error-page{padding:20px; width:100%;}
	.error-page h1 .logomark{max-width:150px;}
	.error-page h1 em{font-size:2.4rem; line-height:1.2;}
	.error-page .exclamation{font-size:7rem; line-height: 1.3;}
	.error-page .btn-area.flex-center{width:100%; flex-direction: column; gap:10px; margin-top:20px !important;}
	.error-page .btn-area.flex-center .btns{width:100%; display:block;}
	
	/* 지식인프라 버튼 */
	.select-infra-btn-wr{width:100%; justify-content:center;}
	.select-infra-btn-wr .select-infra-con-btn{width:100%; display:block;}
	
	/* FAQ */
	.faq-a-content img{width:100% !important; height:auto !important;}
	.faq-a-content p{margin-left: 0 !important;}
	
	/* 논문 표/그림 슬라이드 */ 
	.search-detail-box.table-image .sd-tit-h3{flex-direction: column; align-items:start;}
	.search-detail-box.table-image .sd-tit-h3 .btns-box{width: 100%; flex-wrap: wrap;}
	.search-detail-box.table-image .sd-tit-h3 .btns-box .btns{width:100%;}
	
	/* 게시판 */
	.respon .board-list-tbl .subject a{display:block;}
	.respon .board-list-tbl .subject a > *{display:inline-bolock;}
}

@media screen and (max-width:480px){
	#header .user-mnu .user-mnu-pc-none{display:none !important;}
	#header .sitemap-box .user-mnu-mobile{display:flex !important;}
	#header .user-mnu dl.my-etc dd{left:auto; right:0;}
	
	#header .sitemap-box{padding-top:0;}
	#header .sitemap-box .user-mnu-mobile{padding:0 20px; background:var(--color-sky); gap: 12px;}	
	#header .user-mnu em{width:auto; height: auto; overflow: initial; margin: 0; position: initial;}
	
	/* 금주의 과학기술 뉴스 */
	.respon .board-list-tbl tbody tr .btns{width: 100%; margin-top: 5px;}
	.respon .board-wrap h2.tit-h2 .flex-end{flex-wrap: wrap}
	
	.board-view .other-view dl{display: block}
	
	.respon_none .board-list-tbl td.num{display: none !important}
	.respon_none .board-list-tbl tbody tr td.subject a{display: block}
}
@media screen and (max-width:420px){
	
	#footer .foot-con{padding:20px;}
	#footer .size-and-top{flex-direction: column; height:auto;    align-items: start;}
	#footer .size-and-top > div{padding:10px 0; }
	#footer .size-and-top .rightbox{justify-content:end; width:100%; padding:0 0 10px 0;}
	#footer:after{top:105px;}
	#footer .size-and-top .font-plus-minus{width:100%;}
	#footer .size-and-top .font-plus-minus .plusminus-btn{width:50%;}
	#footer .size-and-top .dark-light-set{width:100%; margin-right:0; display: flex; align-items: center;  justify-content: center;}
	#footer .size-and-top .dark-light-set li,
	#footer .size-and-top .dark-light-set li a{width:100%; text-align:center;}
	#footer .foot-con .foot-mnu{flex-direction: column; }
	#footer .foot-con .foot-mnu button{border-left:0; padding:5px 10px;}
}
@media screen and (max-width:360px) {
	#header .gnb{flex-wrap:initial; gap:0 8px; width:100%;}
	.none_submenu #header .gnb{height:40px;}
	.main-page #header .gnb{height:40px;}
	#header .gnb > ul{padding:0 10px;}
	
	/* 에러페이지 */
	.error-page p br:first-child{display:none;}

}

@media screen and (max-width:350px){	
	.total-search-bar .tsb-keyword-slide dl dd a:nth-child(4){display:none;}
	
	/* 텝 */
	.basic-tabbox-wr{left:-15px; width:calc(100% + 15px + 15px);}
	
	#header,
	.respon,
	#footer .size-and-top{padding:0 15px !important;}
	#container{padding:15px 15px !important;}
	#footer .foot-con{padding:20px 15px !important;}
	#header .gnb .gnb-1a{padding:0 5px;}
	#header .user-mnu .my-onoff-btn .fa-user{display:none;}
	
	/* 모바일 메뉴 */	
	#header .gnb > ul,
	#header .subM-gnbbox > div > ul{padding:0 15px;}	
	
}


/* 터치 시 호버 기능 없애기 */
.txt-it-down:hover { font-size: 0; color: var(--color-basic); }
.txt-it-down:hover .fluorescence {font-size: 1.6rem; background-color: transparent; font-weight: var(--font-weight-light); color: var(--color-basic);}	
.txt-it-down:hover .modal-open-close,	
.txt-it-down:hover .mmngbtn {display: none !important;}

#header .sitemap-box .sitemap-con dd ul li a:hover {padding: 0; background-color: transparent; color: var(--color-gray);}
#header .sitemap-box .sitemap-con dd ul li:hover a em { font-weight: var(--font-weight-light);}
#header .sitemap-box .sitemap-con dd ul li a:hover span {width: 20px; opacity: 1;}

@media (hover: hover) and (pointer: fine) {
	.txt-it-down:hover { font-size: 1.6rem; color: var(--color-gray);}
	.txt-it-down:hover .fluorescence {font-size: 1.6rem; background-color: var(--color-yellow); font-weight: var(--font-weight-medium);  color: var(--color-basic);}
	.txt-it-down:hover .modal-open-close,
	.txt-it-down:hover .mmngbtn{display: inline-block !important;}
	
	#header .sitemap-box .sitemap-con dd ul li a:hover {padding: 0 0 0 15px; background-color: rgba(var(--color-red-rgb),0.1); color: var(--color-basic);}
 	#header .sitemap-box .sitemap-con dd ul li:hover a em { font-weight: var(--font-weight-medium);}
 	#header .sitemap-box .sitemap-con dd ul li a:hover span {width: 20px; opacity: 1;}
}