@charset "utf-8";

#wrapper.main-page {
    padding-top: 0px !important;
}

#wrapper.main-page .total-search-bar {
    background: linear-gradient(to bottom,rgba(var(--color-background-rgb),1) 0%,rgba(var(--color-background-rgb),0) 100%);
}

#mainContainer {
    overflow-x: hidden !important;
}

#mainContainer .section .fp-tableCell {
    padding-top: calc(var(--top-banner-height) + var(--header-height) + var(--total-search-bar-height));
    transition: .3s ease-in-out;
}

#mainContainer .section.sct5 .fp-tableCell {
    padding-top: 0px !important;
}

.sct5 {padding:0}
.sct5.fp-section.fp-table, .sct5 .fp-tableCell {display:block; height:auto !important;}
.sct5 .fp-tableCell {display:block; width:100%; }

/* @media (max-height: 800px) {
    #mainContainer .section:not(.sct1) .fp-tableCell {
        padding-top: 100px;
    }
} */


/* 메인 탑 배너 */
.main-top-banner {
    position: fixed;
    top: -50px;
    left: 0;
    overflow: hidden;
    width: 100%;
    background-color: var(--color-gray);
    z-index: 2000;
    transition: .3s ease-in-out;
}

.in-top-banner .main-top-banner {
    top: 0;
}

.main-top-banner .mtb-slide {
    height: 50px;
}

.main-top-banner .mtb-slide .mtb-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 1300px;
    height: 50px;
    margin: 0 auto;
    color: var(--color-white);
    font-size: 1.8rem;
}

.main-top-banner .mtb-slide .mtb-btn .ico {
    flex-shrink: 0;
    width: 30px;
    font-size: 0;
}

.main-top-banner .slide-control {
    position: absolute;
    top: 5px;
    right: 100px;
    width: 80px;
    z-index: 100;
}

.main-top-banner .slide-control .sc-btn {
    width: 33.3333%;
    height: 40px;
    font-size: 1.2rem;
    color: var(--color-white);
}

.main-top-banner .slide-control .sc-btn:hover {
    color: var(--color-yellow);
}

.main-top-banner .close-btn {
    position: absolute;
    top: 0;
    right: 50px;
    width: 50px;
    height: 50px;
    font-size: 2.2rem;
    color: var(--color-white);
    z-index: 1000;
}


/* 메인 // HOME */
.main-home {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.main-home .trand-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* animation: main-home-bganimate 10s ease-in-out infinite 0s; */
}

.main-home .inner {
    position: relative;
    padding: 30px 22px 30px 60px;
    background-color: rgba(var(--color-black-rgb),0.4);
}

.main-home .m-trend-latest {
    flex-shrink: 0;
    width: 655px;
    color: var(--color-white);
    transition: 1s ease-in-out;
}

.main-home .m-trend-latest a {
    color: var(--color-white);
}

.main-home .m-trend-latest h2 {
    position: relative;
    line-height: 1.2;
}

.main-home .m-trend-latest h2 small {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 14px;
    background-color: var(--color-red);
}

.main-home .m-trend-latest h2 strong {
    display: block;
    font-size: 6rem;
    font-weight: var(--font-weight-bold);
}

.main-home .m-trend-latest .m-tag-list {
    flex-wrap: wrap;
    gap: 2px 14px;
    margin-top: 10px;
}

.main-home .m-trend-latest .m-tag-list a {
    color: var(--color-white);
    transition: .2s;
    text-shadow: 0 0 0 rgba(var(--color-black-rgb),0);
}

.main-home .m-trend-latest .m-tag-list:hover a {
    opacity: 0.6;
}

.main-home .m-trend-latest .m-tag-list a:hover {
    opacity: 1;
    font-weight: var(--font-weight-semibold);
    text-shadow: 0 1px 2px rgba(var(--color-black-rgb),0.3);
}

/* 2023-11-02 ScienceON Trend 구조 변경으로 인한 삭제
.main-home .m-trend-latest .m-trend-link {
    flex-wrap: wrap;
    gap: 13px 10px;
    margin-top: 40px;
}

.main-home .m-trend-latest .m-trend-link .mtl-btn {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 86px;
    line-height: 1.2;
    border: 1px solid rgba(var(--color-white-rgb),0.2);
    background-color: rgba(var(--color-black-rgb),0.2);
    font-size: 1.4rem;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 0 rgba(var(--color-black-rgb),0);
    font-weight: var(--font-weight-light);
    transition: .3s ease-in-out;
}

.main-home .m-trend-latest .m-trend-link .mtl-btn .ico {
    margin-bottom: 6px;
    font-size: 2rem;
}

.main-home .m-trend-latest .m-trend-link .mtl-btn.null {
    cursor: default;
    opacity: 0.3;
}

.main-home .m-trend-latest .m-trend-link:hover .mtl-btn:not(.null) {
    opacity: 0.8;
}

.main-home .m-trend-latest .m-trend-link .mtl-btn:not(.null):hover {
    border: 1px solid rgba(var(--color-white-rgb),0.5);
    background-color: rgba(var(--color-black-rgb),0.4);
    transform: translateY(-10px);
    box-shadow: 0 5px 10px rgba(var(--color-black-rgb),0.5);
    opacity: 1;
}

.main-home .m-trend-latest .m-trend-link .mtl-btn:not(.null):hover em {
    font-weight: var(--font-weight-semibold);
}
*/

.main-home .m-trend-latest .m-trend-link {
    flex-wrap: wrap;
    gap: 12px 10px;
    margin-top: 60px;
}

.main-home .m-trend-latest .m-trend-link .mtl-btn {
    flex-shrink: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    width: 150px;
    height: 65px;
    padding: 0 15px;
    line-height: 1.2;
    border: 1px solid rgba(var(--color-white-rgb),0.2);
    background-color: rgba(var(--color-black-rgb),0.2);
    backdrop-filter: blur(2px);
    text-align: center;
    border-radius: 5px;
    font-size: 1.4rem;
    box-shadow: 0 0 0 rgba(var(--color-black-rgb),0);
    font-weight: var(--font-weight-light);
    transition: .3s ease-in-out;
}

.main-home .m-trend-latest .m-trend-link .mtl-btn .ico {
    width: 30px;
    font-size: 0;
}

.main-home .m-trend-latest .m-trend-link .mtl-btn em {
    transition: .3s;
}

.main-home .m-trend-latest .m-trend-link .mtl-btn.null {
    cursor: default;
    opacity: 0.3;
}

.main-home .m-trend-latest .m-trend-link:hover .mtl-btn:not(.null) {
    opacity: 0.8;
}

.main-home .m-trend-latest .m-trend-link .mtl-btn:not(.null):hover {
    border: 1px solid rgba(var(--color-white-rgb),0.5);
    background-color: rgba(var(--color-black-rgb),0.6);
    transform: translateY(-5px);
    box-shadow: 0 5px 10px rgba(var(--color-black-rgb),0.5);
    opacity: 1;
}

.main-home .m-trend-latest .m-trend-link .mtl-btn:not(.null):hover em {
    font-weight: var(--font-weight-semibold);
}

.main-home .m-science-news-box {
    flex-shrink: 0;
    position: relative;
    width: 480px;
    height: 510px;
    padding: 30px 38px;
    border: 1px solid var(--color-red);
    background-color: rgba(var(--color-background-rgb),0.9);
    backdrop-filter: blur(2px);
    border-radius: 8px;
    transition: .5s;
}

.main-home .m-science-news-box h2 {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-right: 40px;
    margin-bottom: 18px;
}

.main-home .m-science-news-box h2 strong {
    font-size: 1.8rem;
    font-weight: var(--font-weight-bold);
}

.main-home .m-science-news-box h2 span {
    font-size: 1.4rem;
    color: var(--color-gray);
}

.main-home .m-science-news-box h2 .more-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    line-height: 32px;
    border: 1px solid rgba(var(--color-basic-rgb),0.1);
    color: var(--color-gray);
    border-radius: 50%;
    text-align: center;
    transition: .3s;
}

.main-home .m-science-news-box h2 .more-btn:hover {
    border-color: rgba(var(--color-red-rgb),0.3);
    color: var(--color-red);
}

.main-home .m-science-news-box .m-news-list ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 3px 0;
    font-size: 1.4rem;
}
.main-home .m-science-news-box .m-news-list ul li a .country_icon{width: 22px; flex-shrink: 0;  display: flex;  align-items: center; justify-content: center; margin-right: 4px;}
.main-home .m-science-news-box .m-news-list ul li a .cate {
    flex-shrink: 0;
    padding: 3px 12px;
    margin-right: 7px;
    border: 1px solid rgba(var(--color-basic-rgb),0.1);
    font-size: 1.3rem;
    border-radius: 15px;
    transition: .3s;
}

.main-home .m-science-news-box .m-news-list ul li a em {
    flex-grow: 1;
    width: 100%;
    transition: .3s;
}

.main-home .m-science-news-box .m-news-list ul li a:hover {
    color: var(--color-red);
}

.main-home .m-science-news-box .m-news-list ul li a:hover .cate {
    border-color: var(--color-red);
}

.main-home .m-science-news-box .m-news-list ul li a:hover em {
    font-weight: var(--font-weight-semibold);
}

.main-home .m-science-news-box .last-update-date {
    margin-top: 10px;
    font-size: 1.3rem;
    color: var(--color-gray);
}

.main-home .m-science-news-box .popular-latest-box {
    position: relative;
    align-items: stretch;
    padding: 10px 0 10px;
}

.main-home .m-science-news-box .popular-latest-box:before {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 1px;
    background-color: var(--color-gray-light);
    content: '';
}

.main-home .m-science-news-box .popular-latest-box .plb-con {
    flex-shrink: 0;
    width: 48%;
}

.main-home .m-science-news-box .popular-latest-box .plb-con h3 {
    margin-bottom: 20px;
}

.main-home .m-science-news-box .popular-latest-box .plb-con h3 em {
    display: inline-block;
    line-height: 32px;
    font-size: 1.8rem;
}

.main-home .m-science-news-box .popular-latest-box .plb-list li a {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    height: 32px;
    padding-left: 14px;
    font-size: 1.4rem;
}

.main-home .m-science-news-box .popular-latest-box .plb-list li a:before {
    position: absolute;
    top: calc(50% - 2px);
    left: 0;
    width: 4px;
    height: 4px;
    background-color: rgba(var(--color-basic-rgb),0.2);
    border-radius: 50%;
    content: '';
}

.main-home .m-science-news-box .popular-latest-box .plb-list li a .subject {
    flex-grow: 1;
}

.main-home .m-science-news-box .popular-latest-box .plb-list li a .date,
.main-home .m-science-news-box .popular-latest-box .plb-list li a .hit {
    flex-shrink: 0;
    font-size: 1.3rem;
    color: var(--color-gray);
}

.main-home .m-science-news-box .popular-latest-on-btn {
    position: absolute;
    top: 20px;
    left: -32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    width: 32px;
    padding: 15px 5px 20px 15px;
    border-left: 1px solid var(--color-red);
    background-color: var(--color-background);
    border-radius: 32px 0 0 32px;
    text-align: center;
    color: var(--color-gray);
    transition: .3s ease-in-out;
}

.main-home .m-science-news-box .popular-latest-on-btn em {
    line-height: 1.2;
    font-size: 1.4rem;
}

.main-home .m-science-news-box .popular-latest-on-btn:hover {
    padding: 15px 10px 20px 10px;
    background-color: var(--color-red);
    color: var(--color-white);
}

.main-home .m-science-news-box .popular-latest-off-btn {
    position: absolute;
    top: -5px;
    right: 30px;
    width: 50px;
    height: 70px;
    padding-top: 20px;
    background-color: var(--color-blue-deep);
    border-radius: 4px 4px 25px 25px;
    color: var(--color-white);
    font-size: 2.4rem;
    transition: .3s ease-in-out;
}

.main-home .m-science-news-box .popular-latest-off-btn .ico {
    display: inline-block;
    transition: .3s ease-in-out;
}

.main-home .m-science-news-box .popular-latest-off-btn:hover {
    background-color: var(--color-red);
}

.main-home .m-science-news-box .popular-latest-off-btn:hover .ico {
    transform: rotate(180deg);
}

@keyframes main-home-bganimate {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

.main-home .popular-latest-open .m-trend-latest {
    transform: translateX(-750px);
}

.main-home .popular-latest-open .m-science-news-box {
    transform: translateX(-680px);
    width: 1230px;
}

.main-home .popular-latest-open .m-science-news-box .popular-latest-on-btn {
    opacity: 0;
    display: none;
}


/* 메인 // 지식인프라 */
.main-infra .m-infra-link {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    display: block;
    width: 310px;
    height: 400px;
    padding: 60px 38px;
    border-radius: 10px;
    color: var(--color-white);
    box-shadow: 0 0px 0px rgba(var(--color-black-rgb),0);
    transition: .3s;
}

.main-infra .m-infra-link .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: .3s ease-in-out;
}

.main-infra .m-infra-link h2 {
    position: relative;
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    margin-bottom: 20px;
    font-size: 2.6rem;
}

.main-infra .m-infra-link h2 span {
    font-weight: var(--font-weight-light);
}

.main-infra .m-infra-link p {
    position: relative;
    font-weight: var(--font-weight-light);
    font-size: 1.5rem;
}

.main-infra .m-infra-link.direct:hover {
    transform: translateY(-15px);
    box-shadow: 0 5px 20px rgba(var(--color-black-rgb),0.3);
}

.main-infra .m-infra-link:hover .bg {
    transform: scale(1.15) translateY(-20px);
}

.main-infra .m-infra-slide {
    position: relative;
    overflow: hidden;
    width: 310px;
    box-shadow: 1px 1px 0px var(--color-gray-light), -1px -1px 0px var(--color-gray-light), -1px 1px 0px var(--color-gray-light), 1px -1px 0px var(--color-gray-light);;
    border-radius: 10px;
    font-size: 0;
}

.main-infra .m-infra-slide .m-infra-link {
    padding-top: 75px;
    border-radius: 0px;
    color: var(--color-basic);
}

.main-infra .m-infra-slide .m-infra-link h2 {
    margin-bottom: 10px;
    font-size: 2.8rem;
}

.main-infra .m-infra-slide .m-infra-link h2 strong {
    font-size: 5rem;
}

.main-infra .m-infra-slide .slide-control {
    position: absolute;
    top: 10px;
    right: 10px;
    gap: 5px;
    z-index: 1000;
}

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

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

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

.main-infra .m-infra-slide .slide-control .sc-btn.play-pause-btn {
    font-size: 1rem;
}

.main-infra .m-infra-slide .slide-control .sc-btn:hover {
    color: var(--color-blue);
}


/* 메인 // 지능형 분석 */
.main-analysis {
    position: relative;
    align-items: flex-start;
    padding: 45px 60px;
    background-color: var(--color-blue-deep);
    color: var(--color-basic-reverse);
    border-radius: 10px;
}

.main-analysis .m-ai-summary {
    flex-shrink: 0;
    width: 338px;
    margin-right: 22px;
}

.main-analysis .m-ai-summary h2 {
    height: 55px;
    font-size: 2.8rem;
    font-weight: var(--font-weight-heavy);
}

.main-analysis .m-ai-summary .thesis-box {
    position: relative;
    flex-direction: row-reverse;
    height: 410px;
    background-color: var(--color-red);
}

.main-analysis .m-ai-summary .thesis-box h3 {
    flex-grow: 1;
    height: 100%;
    background: url("../img/main_analysis_ai_tit.png") no-repeat center/26px auto;
}

.main-analysis .m-ai-summary .thesis-box .thesis-paper {
    flex-shrink: 0;
    overflow: hidden;
    max-width: 87%;
    background-color: var(--color-white);
}

.main-analysis .m-ai-summary .thesis-box .thesis-paper img {
    transition: .3s;
}

.main-analysis .m-ai-summary .thesis-box .thesis-paper:hover img {
    transform: scale(1.1);
}

.main-analysis .m-ai-summary .thesis-box .thesis-paper-box {
    flex-shrink: 0;
    overflow: hidden;
    max-width: 87%;
    background-color: var(--color-white);
}

.main-analysis .m-ai-summary .thesis-box .thesis-paper-slide {
    overflow: hidden;
    text-align: center;
}

.main-analysis .m-ai-summary .thesis-box .thesis-paper-slide img {
    width: 100%;
}

.main-analysis .inner {
    flex-wrap: wrap;
    flex-grow: 1;
    gap: 20px;
    /* padding-top: 55px; */
    
    width: clac(100% - 340px);
}

.main-analysis .inner .m-analysis-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
/*     width: 400px; */
/*     height: 220px; */
	width:100%;
	height:90px;
    padding: 0 34px 0 140px;
    background-color: var(--color-background);
    color: var(--color-basic);
}

.main-analysis .inner .m-analysis-box:not(.m-scienceon-analytics) {
    background-repeat: no-repeat;
    background-position: center left;
    background-size: auto 200%;
}

.main-analysis .inner .m-analysis-box h2 {
    margin-bottom: 20px;
    line-height: 1.2;
    font-size: 2.6rem;
    letter-spacing: -.5pt;
    transition: .3s;
}

.main-analysis .inner .m-analysis-box h2 small {
    font-weight: var(--font-weight-light);
}

.main-analysis .inner .m-analysis-box h2 span {
    display: inline-block;
    padding-left: 10px;
    font-size: 1.6rem;
    font-weight: var(--font-weight-light);
    letter-spacing: -.25pt;
}

.main-analysis .inner .m-analysis-box:not(.m-scienceon-analytics) h2 {
    display: flex;
    /* flex-direction: column; */
}

.main-analysis .inner .m-analysis-box:not(.m-scienceon-analytics):hover h2 {
    color: var(--color-red);
}

.main-analysis .inner .m-analysis-box p {
    font-weight: var(--font-weight-light);
    font-size: 1.5rem;
}

.main-analysis .inner .m-analysis-box.m-scienceon-analytics {
    width: 100%;
    /* height: 170px; */
    height: 300px;
    padding: 20px 34px;
}

.main-analysis .inner .m-scienceon-analytics .m-analytics-list {
    width: 100%;
}

.main-analysis .inner .m-scienceon-analytics .m-analytics-list a {
    display: flex;
    flex-direction: column;
    text-align: center;
    line-height: 1.2;
    font-weight: var(--font-weight-light);
}

.main-analysis .inner .m-scienceon-analytics .m-analytics-list a .ico {
    margin-bottom: 7px;
    opacity: 0.3;
    font-size: 2rem;
    transition: .3s;
}

.main-analysis .inner .m-scienceon-analytics .m-analytics-list a:hover .ico {
    transform: scale(1.15);
    color: var(--color-basic);
    opacity: 1;
}

.main-analysis .inner .m-scienceon-analytics .m-analytics-list.mal8 a {
    width: 12.5%;
}

.main-analysis .inner .m-scienceon-analytics .m-analytics-slide {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 180px;
/* 	margin-top:20px; */
}

/******* 메인 에널리틱스 수정 240614 *******/

.main-analysis .inner .m-scienceon-analytics .mas-box {
/*     position: relative; */
/*     padding-left: 120px; */
}

.main-analysis .inner .m-scienceon-analytics .mas-box h4 {
/*     position: absolute; */
/*     top: 13px; */
/*     left: 0; */
/*     width: 120px; */
    line-height: 1.4;
    color: var(--color-red);
    font-weight: var(--font-weight-semibold);
    text-align: left;
}

.main-analysis .inner .m-scienceon-analytics .mas-box > a {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 70px;
    line-height: 1.2;
}

.main-analysis .inner .m-scienceon-analytics .mas-box > a span.ico {
    font-size: 2rem;
    opacity: 0.5;
}

.main-analysis .inner .m-scienceon-analytics .mas-box > a em {
    margin-top: 5px;
    font-size: 1.4rem;
    font-weight: var(--font-weight-light);
}

.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con {
    gap: 20px;
    height: 200px;
/*     margin-top:0; */
}

.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .analy-guage-list-wr{width:300px; height:200px;}
.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .analy-guage-list{width:100%;}
.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .analy-guage-list-wr h4{margin-bottom:10px;}
.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .analy-guage-list a {
/*     flex-grow: 1; */
    font-weight: var(--font-weight-semibold);
    display:block !important; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; margin-bottom:5px;
}
.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .analy-guage-chart{
	width:430px;
	height:200px;
}
.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .analy-guage-chart h4{margin-bottom:10px;}
.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .analy-guage-chart .ac-graph{
	width:430px;
	height:160px;
}
.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .guagebox {
    flex-shrink: 0;
    width: 90px;
    text-align: center;
}

.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .guagebox .inner {
    position: relative;
    height: 16px;
    background-color: var(--color-sky);
}

.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .guagebox .inner .guage {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: var(--color-blue);
    width: 1px;
    transition: .5s;
}


.main-analysis .inner .m-scienceon-analytics .swiper-slide-active .mas-box .analy-guage-con .guagebox .inner .guage {
    width: var(--guage-width);
}

.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .guagebox p {
    margin-top: 5px;
    font-size: 1.3rem;
    font-weight: var(--font-weight-light);
}

.main-analysis .inner .m-analysis-box .slide-control {
    position: absolute;
    top: 25px;
    right: 20px;
    width: 80px;
    z-index: 100;
}

.main-analysis .inner .m-analysis-box .slide-control .sc-btn {
    width: 33.3333%;
    height: 40px;
    font-size: 1.2rem;
}

.main-analysis .inner .m-analysis-box .slide-control .sc-btn:hover {
    color: var(--color-blue);
}


/* 메인 // 고객지원 // ai 리스트 추가(24.01.26)*/
.main-customer {
    align-items: stretch;
}

.main-analysis .main-latest-ai h2, .main-customer .main-latest h2 {
    position: relative;
    margin-bottom: 20px;
}
.main-analysis .main-latest-ai h2 em,
.main-customer .main-latest h2 em {
    position: relative;
    display: inline-block;
    padding-right: 10px;
    background-color: var(--color-background);
    font-size: 2rem;
    font-weight: var(--font-weight-bold);
}
.main-analysis .main-latest-ai h2 .more-btn,
.main-customer .main-latest h2 .more-btn {
    width: 34px;
    height: 34px;
    line-height: 32px;
    border: 1px solid rgba(var(--color-basic-rgb),0.1);
    color: var(--color-gray);
    border-radius: 50%;
    text-align: center;
    transition: .3s;
    font-size: 1.5rem;
}
.main-analysis .main-latest-ai h2 .more-btn:hover,
.main-customer .main-latest h2 .more-btn:hover {
    border-color: rgba(var(--color-red-rgb),0.3);
    color: var(--color-red);
}
.main-analysis .main-latest-ai h2.flex-spacebetween:before,
.main-customer .main-latest h2.flex-spacebetween:before {
    position: absolute;
    top: 50%;
    left: 20px;
    right: 45px;
    height: 1px;
    background-color: rgba(var(--color-basic-rgb),0.1);
    content: '';
}

.main-customer .main-latest-notice {
    position: relative;
    width: 595px;
}

.main-customer .main-latest-notice .mln-first a {
    display: flex;
    flex-direction: column;
    padding: 10px 0 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(var(--color-basic-rgb),0.08);
}

.main-customer .main-latest-notice .mln-first a strong {
    margin-bottom: 5px;
    font-size: 2.4rem;
}

.main-customer .main-latest-notice .mln-first a .date {
    margin-top: 15px;
    color: var(--color-gray);
    font-size: 1.5rem;
    width: 100px;
    text-align: left !important;
    margin-left: auto;
}

.main-analysis .main-latest-ai .mln-list a,
.main-customer .main-latest-notice .mln-list a {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0 5px 20px;;
    font-weight: var(--font-weight-light);
}
.main-analysis .main-latest-ai .mln-list a:before,
.main-customer .main-latest-notice .mln-list a: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: '';
}
.main-analysis .main-latest-ai .mln-list a em,
.main-customer .main-latest-notice .mln-list a em {
    flex-grow: 1;
    width: 100%;
}
.main-analysis .main-latest-ai .mln-list a .date,
.main-customer .main-latest-notice .mln-list a .date {
    flex-shrink: 0;
    margin-left: 20px;
    color: var(--color-gray);
    font-size: 1.5rem;
    width: 100px;
}

.main-customer .main-latest-gateway {
    position: relative;
    width: 285px;
    background: url("../img/main_customer_gatewaybg.png") no-repeat center bottom/100% auto;
}

.main-customer .main-latest-gateway .txt-btn {
    display: block;
    padding-top: 10px;
    font-weight: var(--font-weight-light);
}

.main-customer .main-latest-sns {
    width: 294px;
}

.main-customer .main-latest-sns .youtube-link {
    display: block;
    line-height: 1.4;
}

.main-customer .main-latest-sns .youtube-link .pic {
    position: relative;
    overflow: hidden;
    display: block;
    font-size: 0;
    border-radius: 7px;
}

.main-customer .main-latest-sns .youtube-link .pic img {
    transition: .3s ease-in-out;
}

.main-customer .main-latest-sns .youtube-link .pic .ico {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--color-black-rgb),0);
    font-size: 3rem;
    color: var(--color-red);
    transition: .3s;
}

.main-customer .main-latest-sns .youtube-link em {
    margin-top: 10px;
    font-weight: var(--font-weight-light);
}

.main-customer .main-latest-sns .youtube-link:hover .pic img {
    transform: scale(1.1);
}

.main-customer .main-latest-sns .youtube-link:hover .pic .ico {
    background-color: rgba(var(--color-white-rgb),0.3);
    font-size: 4rem;
}

.main-customer .main-latest-sns .blog-link {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.4;
    margin-top: 25px;
    border: 1px solid rgba(var(--color-basic-rgb),0.1);
    border-radius: 7px;
    font-weight: var(--font-weight-light);
    transition: .3s;
}

.main-customer .main-latest-sns .blog-link .pic {
    flex-shrink: 0;
    width: 108px;
    font-size: 0;
}

.main-customer .main-latest-sns .blog-link .pic img {
    width: 100%;
    height: 100px;
    transition: .3s ease-in-out;
}

.main-customer .main-latest-sns .blog-link figure {
    flex-grow: 1;
    width: 100%;
    padding: 0 15px;
}

.main-customer .main-latest-sns .blog-link figure img {
    width: 24px;
    border-radius: 4px;
}

.main-customer .main-latest-sns .blog-link:hover {
    border-color: rgba(var(--color-basic-rgb),0.2);
}

.main-customer .main-latest-sns .blog-link:hover .pic img {
    transform: scale(1.1);
}
/* 메인화면 Analytics 부분 임시 처리*/
.m-analysis-box h2 em {
	font-weight: var(--font-weight-light);
}
.m-analysis-box h2 em .analytics-color{
	background: linear-gradient(90deg, #FF0301, #4345AD);
	color: transparent;
	-webkit-background-clip: text;
}


/* 메인 추가 수정 */
.main-customer .main-latest-sns .sns_more_btn{border: 1px solid var(--color-gray-light); border-radius:7px; width:100%; padding:12px; display:flex; align-items: center; justify-content: space-between; margin-top:10px;}
.main-customer .main-latest-sns .sns_more_btn span{display:flex; align-items: center;}
.main-customer .main-latest-sns .sns_more_btn img{width:30px; margin-right:10px;}

.main-analysis .main-latest-ai,
.trand-bg-mobile,
.more-btn_mo,
.mobile_sns_wr{display:none;}

#mobile-new-list{display:none !important;}
#pc-new-list{display:block !important;}

#mainInfra .main-infra #infra-slide .slider_mobile_text{display:none !important;}
.main-analysis .inner .m-analysis-box.m-analysis-box-mo{display:none !important;}
/* -------------------------------- */
@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) {
}

/* ---------------------------------- 반응형 ---------------------------------- */
@media screen and (max-width:1440px) {	
	/* 헤더-popup */
	.main-top-banner .close-btn{right:40px;}
	.main-top-banner .slide-control{right:90px;}
	
	/* 공통 */
	.respon{max-width:1300px; width:100%; padding: 0 50px;}
	.main-home .m-trend-latest{width:calc(100% - 500px); padding:20px 0;}
	
	.main-top-banner .mtb-slide .mtb-btn{max-width:1200px; width:100%;}
	.main-top-banner .mtb-slide.swiper-initialized .mtb-btn{max-width:1200px; width:100%; padding-right:80px;}
	
	#mainInfra .main-infra .m-infra-link,
	#mainInfra .main-infra .m-infra-slide{width: calc((100% - 60px) / 4);}
	#mainInfra .main-infra .m-infra-link p br{display:none;}
	#mainInfra .main-infra .m-infra-link,
	#mainInfra .main-infra .swiper-wrapper{height:350px;}
	#mainInfra .main-infra .swiper-backface-hidden .swiper-slide a{display:flex; align-items:center; justify-content:center; height:100%; background:#fff;}
	
	.main-analysis .inner{width:calc(100% - 360px);}
	.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .guagebox .inner{width:auto;}
/* 	.main-analysis .inner .m-analysis-box{width:calc((100% - 20px) / 2); height:190px; padding:0 24px 0 150px;} */
	.main-analysis .inner .m-analysis-box.m-scienceon-analytics{width:100%; /* height:200px; */}
	.main-analysis .inner .m-analysis-box h2{font-size:2.2rem;}
	.main-analysis .inner .m-analysis-box h2 span{display:block; padding:10px 0 0 0;}
	.main-analysis .inner .m-analysis-box p br{display:none;}
	
	.main-customer .main-latest-notice{width:calc(((100% - 60px) / 4) * 2)}
	.main-customer .main-latest-gateway,
	.main-customer .main-latest-sns{width:calc((100% - 60px) / 4)}
	
	.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .analy-guage-list-wr{width:250px;}
	.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .analy-guage-chart,
	.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .analy-guage-chart .ac-graph{width:380px}
}

@media screen and (max-width:1340px) {	
	/* 헤더-popup */
	.main-top-banner .close-btn{right:20px;}
	.main-top-banner .slide-control{right:70px;}
	
	/* 공통 */
	#mainContainer #mainHome.section .fp-tableCell{padding-top:calc(var(--top-banner-height) + var(--header-height) + var(--total-search-bar-height));}
	#mainContainer .section .fp-tableCell{padding-top:100px;}
	.fp-section, .fp-tableCell{height: auto !important;}

	#footer{margin-top:100px;}
	
	.respon{max-width:1170px; width:100%;}	
	
	.main-top-banner .mtb-slide .mtb-btn{max-width:1070px; width:100%;}
	
	/* 사이언스온 트렌드 */
	.main-home{margin-top:60px;}
	.main-home .trand-bg{}
	
	/* 인프라 */
	#mainInfra .main-infra .m-infra-link,
	#mainInfra .main-infra .swiper-wrapper{height:325px;}
	#mainInfra .main-infra .m-infra-link{padding: 40px;}
	#mainInfra .main-infra .m-infra-link .bg{bottom:-70px;}
	
	/* 논문&Analytics */
/* 	.main-analysis .inner .m-analysis-box:not(.m-scienceon-analytics){background-position: 430% 100%; background-size: auto 70%;} */
/* 	.main-analysis .inner .m-analysis-box{padding: 0 74px 0 24px;} */
/* 	.main-analysis .inner .m-analysis-box h2 span{display:none;} */
	.main-analysis .inner .m-scienceon-analytics .m-analytics-slide{height:auto;}
	.main-analysis .inner .m-scienceon-analytics .mas-box{height:100%;}
	.main-analysis .inner .m-scienceon-analytics .mas-box h4{width:100%; top:0;}
	.main-analysis .inner .m-scienceon-analytics .mas-box h4 br{display:none;}
	.main-analysis .inner .m-scienceon-analytics .mas-box{padding-left:0; /* padding-top:30px; */}
	
	.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .analy-guage-list-wr{width:220px;}
	.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .analy-guage-chart,
	.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .analy-guage-chart .ac-graph{width:280px;}
	
	
	.main-customer .main-latest-sns .sns_more_btn_first{margin-top:30px;}
}

@media screen and (max-width:1200px) {	
	.respon{max-width:970px; width:100%;}	
	#mainContainer .section .fp-tableCell{padding-top:50px;}
	.total-search-bar{position:absolute;}
	.scrollOn .total-search-bar .tsb-onoff-btn{display:none !important;}
	
	.main-top-banner .mtb-slide .mtb-btn{max-width:870px;}
	
	
	/* 사이언스온 트렌드 */
	.main-home{display:flex; border-radius: 0; overflow: initial;}
	.main-home .inner{background:transparent; border-radius:0; padding:0; width:100%;}
	.main-home .trand-bg,
	.main-home .m-trend-latest,
	.main-home .m-science-news-box{width:calc((100% - 20px) / 2);}
	.main-home .trand-bg{border-radius:10px; overflow:hidden;}
	.main-home .m-trend-latest{background-color: rgba(var(--color-black-rgb),0.4); border-radius:10px; padding:30px; height: 100%;}
	.main-home .m-trend-latest h2 small{font-size:1.2rem; height:25px; line-height:25px;}
	.main-home .m-trend-latest h2 strong{font-size:3.5rem;}
	.main-home .m-trend-latest .m-tag-list{font-size:1.5rem; gap: 0 14px}
	.main-home .m-trend-latest .m-trend-link{gap:8px 10px; margin-top:50px;}
	.main-home .m-trend-latest .m-trend-link .mtl-btn .ico{width:22px;}
	.main-home .m-trend-latest .m-trend-link .mtl-btn{font-size:1.3rem; width:calc((100% - 20px ) / 3); height: 45px; padding: 0 10px;}
	.main-home .m-science-news-box{padding:30px; height:100%;}
	
	/* aos 수정 */
	.main-home [data-aos=fade-left]{transform: translate3d(0,100px,0);}
	.main-home [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay: .4s;}
	
	/* 인프라 */
	#mainInfra .main-infra .m-infra-link{padding:30px;}
	#mainInfra .main-infra .m-infra-link,
	#mainInfra .main-infra .swiper-wrapper{height:255px;}
	#mainInfra .main-infra .m-infra-link h2{font-size:2.2rem; margin-bottom:15px}
	
	/* 논문&Analytics */
	.main-analysis{background-color:transparent; padding:0; display:block !important;}
	.main-analysis .m-ai-summary{margin:0;}
	.main-analysis .m-ai-summary .thesis-box{display: none !important;}
	.main-analysis .main-latest-ai{display:block;}
	.main-analysis .m-ai-summary,
	.main-analysis .inner{width:100%;}
	.main-analysis .inner{margin-top:50px;}
	.main-analysis .inner .m-analysis-box.m-scienceon-analytics,
	.main-analysis .inner .m-analysis-box{border: 1px solid #ddd; border-radius:10px; }
	.main-analysis .inner .m-analysis-box{padding:0 24px 0 120px;}
	.main-analysis .inner .m-analysis-box:not(.m-scienceon-analytics){background-position: center left; background-size: auto 200%;}
		
	.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .analy-guage-list-wr{width:calc(100% - 450px);}
	.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .analy-guage-chart,
	.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .analy-guage-chart .ac-graph{width:450px;}
	
	/* 공지사항 */
	.main-customer{display: block !important;}
	.main-customer:after{content:""; display:block; clear:both;}
	.main-customer .main-latest-notice{width:100%; margin-bottom:50px;}
	.main-customer .main-latest-gateway, .main-customer .main-latest-sns{width:calc((100% - 20px) / 2); float:left; height: 475px;}
	.main-customer .main-latest-gateway{margin-right:20px;}
}


@media screen and (max-width:980px) {		
	.respon{max-width:750px; width:100%;}
	
	.main-top-banner .mtb-slide{height:40px;}
	.main-top-banner .mtb-slide .mtb-btn{max-width:650px; font-size:1.6rem; height:40px; gap:10px;}
	.main-top-banner .close-btn{width:40px; height:40px;}
	.main-top-banner .slide-control {right: 60px;}
	.main-top-banner .slide-control .sc-btn{height:30px;}
	
	/* 헤더-top배너 */
	.main-top-banner{position:absolute;}
	
	#mainContainer #mainHome.section .fp-tableCell{padding-top:calc(var(--top-banner-height) + var(--header-height) + var(--total-search-bar-height) + 40px);}
	
	#mobile-new-list{display:block !important;}
	#pc-new-list{display:none !important;}
	
	.main-home .m-science-news-box{height:auto;}
	
	/* 사이언스온 트렌드 */
	.main-home .m-trend-latest{position:relative;}
	.trand-bg-mobile{display:initial; z-index: -1;}
	.trand-bg-pc{display:none}
	.main-home .trand-bg, .main-home .m-trend-latest, .main-home .m-science-news-box{width:100%;}
	.main-home .inner{display:block !important;}
	.main-home{display:block;}
	.main-home .m-science-news-box{margin-top:50px;}
	
	/* 인프라 */
	#mainInfra .main-infra .m-infra-link.direct:hover {transform: translateY(0) !important;  box-shadow: none !important;}
	#mainInfra .main-infra .m-infra-link:hover .bg {transform: scale(1) translateY(0) !important;}
	
	#mainInfra .main-infra article{flex-wrap:wrap; gap:20px}
	#mainInfra .main-infra .m-infra-link,
	#mainInfra .main-infra .m-infra-slide{width:calc((100% - 20px) / 2);}
	#mainInfra .main-infra .m-infra-link,
	#mainInfra .main-infra .swiper-wrapper{height:400px}
	
	/* Analytics */
	.main-analysis .inner .m-analysis-box h2{font-size:2rem}
	.main-analysis .inner .m-analysis-box p{font-size:1.4rem;}
	.main-analysis .inner .m-analysis-box{padding:20px 24px 20px 120px;}
	
	.main-analysis .inner .m-analysis-box h2 span{display:none;}
	
	.main-analysis .inner .m-analysis-box.m-scienceon-analytics{height:480px}
	.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con{flex-direction: column;}
	
	.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .analy-guage-list-wr,
	.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .analy-guage-chart,
	.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .analy-guage-chart .ac-graph{width:100%;}
	
	/* SNS */
	.main-customer .main-latest-gateway, .main-customer .main-latest-sns{height:415px;}
	
	.main-customer .main-latest-sns .sns_more_btn{padding:10px; margin-top:8px;}
	.main-customer .main-latest-sns .sns_more_btn_first{margin-top:15px;}
}

@media screen and (max-width:768px) {	
	.respon{padding:0 30px;}
	#mainAnalysis .respon{padding:0; max-width:100%;}
	
	.main-top-banner .mtb-slide .mtb-btn{padding: 0 40px 0 20px; justify-content: start;}
	.main-top-banner .mtb-slide.swiper-initialized .mtb-btn{padding:0 150px 0 20px;}
	.main-top-banner .close-btn{right:0;}
	
	/* 모바일 더보기 버튼 */	
	.more-btn_pc{display:none;}
	.more-btn_mo{display:block; border-radius:50px; padding:10px 20px; margin-top:15px; border: 1px solid #ddd; background:var(--color-background);}
	.more-btn_mo span{font-weight:bold; display:inline-block; padding:0 20px 0 8px;}
	
	.main-home .m-trend-latest .m-tag-list{display:none !important;}
	.main-home .m-trend-latest .m-trend-link {margin-top: 30px;}
	/* 금주과학기술 */
	.main-home .m-science-news-box{padding:0; border-radius:0; border:0;height:auto; background:transparent;}
	
	/* 인프라 */
	#mainInfra{margin:0 auto; background:var(--color-background-light-blue);}
	#mainContainer .section .fp-tableCell{padding:50px 0;}
	#mainInfra .main-infra .m-infra-link,
	#mainInfra .main-infra .swiper-wrapper{height:350px;}
	
	/* 게시판 공통 */
	.main-analysis .m-ai-summary h2,
	.main-analysis .main-latest-ai h2, 
	.main-customer .main-latest h2{height:auto;margin-bottom: 15px;}
	.main-analysis .main-latest-ai h2 em, .main-customer .main-latest h2 em{color:var(--color-basic) !important;}
	.main-analysis .main-latest-ai h2.flex-spacebetween:before, .main-customer .main-latest h2.flex-spacebetween:before,
	.main-analysis .main-latest-ai .mln-list a .date, .main-customer .main-latest-notice .mln-list a .date{display:none;}
	
	/* Analytics */
	#mainContainer .section#mainAnalysis .fp-tableCell{padding:50px 0 0 0;}
	.main-analysis .m-ai-summary{padding:0 30px;}
	.main-analysis > .inner{padding:50px 30px;  background:var(--color-background-light-blue);}
	.main-analysis .inner .m-analysis-box{height:auto; padding:20px 24px 20px 90px}
	.main-analysis .inner .m-analysis-box > p{display:none;}
	.main-analysis .inner .m-analysis-box:not(.m-scienceon-analytics){background-size: auto 145%;}
	
	/* 공지사항 */
	.main-customer .main-latest-notice .mln-first a{flex-direction: initial; margin:0; border:0; position: relative;  display: flex; justify-content: space-between;  align-items: center; padding: 5px 0 5px 20px; font-weight: var(--font-weight-light);}
	.main-customer .main-latest-notice .mln-first a: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: '';}
	.main-customer .main-latest-notice .mln-first a strong{font-weight: var(--font-weight-light); font-size:100%; margin:0;}
	.main-customer .main-latest-notice .mln-first a span{display:none !important;}
	
	/* SNS */
	.main-latest-gateway, .main-latest-sns{display:none;}
	.mobile_sns_wr{display:block;}
	.mobile_sns_wr .sns_more_btn{display:block; padding:10px 20px; border-radius:50px;display:flex; align-items:center; justify-content:space-between;}
	.mobile_sns_wr .api_sns_more{background:var(--color-red); color:var(--color-white)}
	.mobile_sns_wr .sns_more_btn_bt{border: 1px solid #ddd; background:var(--color-background);}
	.mobile_sns_wr .mobile_sns{display:flex; flex-wrap:wrap; gap: 0 10px; margin-top:15px;}
	.mobile_sns_wr .sns_more_btn_bt span{display:flex; align-items:center;}
	.mobile_sns_wr .sns_more_btn_bt span img{margin-right:5px;}
	.mobile_sns_wr .sns_more_btn_bt{width:calc((100% - 20px ) / 3);}
	.mobile_sns_wr .sns_more_btn_bt img{width:30px;}
	
	#footer { margin-top: 50px;}
}


@media screen and (max-width:594px) {	
	.respon{padding:0 20px;}
	#mainAnalysis .respon{padding:0;}
	
	.main-home{margin-top:40px }
	.main-home .m-trend-latest h2 strong{font-size:3rem;}
	.main-home .m-trend-latest{padding:20px;}
		
	/* 인프라 */
	#mainContainer .section .fp-tableCell{padding:30px 0;}
	#mainInfra .main-infra .m-infra-link,
	#mainInfra .main-infra .swiper-wrapper{height:290px;}
		
	/* Analytics */
	.main-analysis .inner .m-analysis-box h2{margin:0;}
	.main-analysis .inner .m-scienceon-analytics .m-analytics-slide{margin-top:10px;}
	.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con{width:100%; display:block !important;}
	.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .guagebox{width:100%;}
	.main-analysis .inner .m-scienceon-analytics .mas-box .analy-guage-con .guagebox .inner{margin-top:10px;}
	.main-analysis .inner .m-scienceon-analytics .mas-box h4{text-align:left;}
	.main-analysis .inner .m-analysis-box.m-scienceon-analytics{height:260px;}
	.main-analysis .inner .m-scienceon-analytics .mas-box{flex-wrap:wrap; gap:15px;}
	.main-analysis .inner .m-scienceon-analytics .mas-box > a{min-width:50px;}
	.main-analysis .inner .m-scienceon-analytics .mas-box{display:flex; align-items:center; justify-content:center;}
	#mainContainer .section#mainAnalysis .fp-tableCell{padding:30px 0 0 0;}
	.main-analysis .m-ai-summary{padding:0 20px;}
	.main-analysis > .inner{padding:30px 20px; margin-top:30px;}
	.main-analysis .inner .m-analysis-box.m-scienceon-analytics{padding:20px;}
	.main-analysis .inner .m-analysis-box{height:auto; padding:20px 10px 20px 65px}
	.main-analysis .inner .m-analysis-box:not(.m-scienceon-analytics){background-size: auto 110%; background-position:-16px -90%}
	
	
	.main-analysis > .inner{gap:10px;}
	.main-analysis .inner .m-analysis-box{width:100%;}
	.main-analysis .inner .m-analysis-box:not(.m-scienceon-analytics){background-size: auto 140%; background-position: left;}
	.main-analysis .inner .m-analysis-box:not(.m-scienceon-analytics) h2{flex-direction: initial;}
	.main-analysis .inner .m-analysis-box h2 small{padding-right:5px;}
	
	
	#footer { margin-top: 60px;}
	
	
	/* 에널리틱스 수정 24.03.27 */
	.main-analysis > .inner{margin-top:0; background:var(--color-background);}
	.main-analysis .m-ai-summary,
	.main-analysis .inner .m-analysis-box.m-scienceon-analytics{display:none;}
	.main-analysis .inner .m-analysis-box.m-analysis-box-mo{display:flex !important;}
	
	.main-customer .main-latest-notice{margin-bottom:40px;}
	
	/* SNS */
	.mobile_sns_wr .mobile_sns{gap: 0 5px;}
	.mobile_sns_wr .sns_more_btn_bt span img{width:25px;}
	.mobile_sns_wr .sns_more_btn_bt i{display:none;}
	.mobile_sns_wr .sns_more_btn_bt{width:calc((100% - 10px ) / 3);    justify-content: center;}	
	
	.mobile_sns_wr .sns_more_btn_bt{background:none; border-width: 0 1px 0 0; padding:0 5px; border-radius:0; }
	.mobile_sns_wr .sns_more_btn_bt:last-child{border:0;}
}


@media screen and (max-width:500px) {	
	#mainInfra .main-infra .m-infra-link,
	#mainInfra .main-infra .swiper-wrapper{height:260px;}
	
	.main-home .m-trend-latest .m-trend-link{gap: 6px 4px;}
	.main-home .m-trend-latest .m-trend-link .mtl-btn{width: calc((100% - 8px ) / 3);}
	
	.main-home {margin-top: 20px;}	
	
	
}

@media screen and (max-width:420px) {	
	.total-search-bar .tsb-box .tsb-input{margin-left:15px }
		
	.main-home .m-trend-latest .m-trend-link .mtl-btn{width: calc((100% - 8px ) / 2);}
	
	.main-infra .m-infra-link p{display:none;}
	#mainInfra .main-infra article{gap:10px;}
	#mainInfra .main-infra .m-infra-link, #mainInfra .main-infra .m-infra-slide{width:100%;}
	#mainInfra .main-infra .m-infra-link,
	#mainInfra .main-infra .swiper-wrapper{height:auto;}
	
	#mainInfra .main-infra .swiper-backface-hidden .swiper-slide a{background-color:var(--color-background);}
	#mainInfra .main-infra #infra-slide img{display:none;}
	.main-infra .m-infra-slide .slide-control{top:5px; right:5px;}
	#mainInfra .main-infra #infra-slide .slider_mobile_text{display:initial !important; padding:25px 20px 20px 20px; width:100%;}
	#mainInfra .main-infra #infra-slide .slider_mobile_text .sm_text{font-size:1.4rem;}
	#mainInfra .main-infra #infra-slide .slider_mobile_text .big_text{font-size:1.8rem; font-weight: var(--font-weight-bold);}
	
	#mainInfra .main-infra .m-infra-link{padding:20px; background:var(--color-background);     border: 1px solid #ddd;}
	#mainInfra .main-infra .m-infra-link .bg{display:none;}
	#mainInfra .main-infra .m-infra-link h2{flex-direction: initial; font-size:1.8rem; margin-bottom:0; color:var(--color-basic);}
	#mainInfra .main-infra .m-infra-link h2 span{padding-right:5px; display:inline-block;}
	
	.main-analysis .inner .m-analysis-box{padding:20px; background-image:none !important;}
	.main-analysis .inner .m-analysis-box:not(.m-scienceon-analytics) h2{ font-size:1.8rem;}
	
	.main-analysis > .inner{padding-bottom:0;}
	#mainContainer .section#mainAnalysis .fp-tableCell{padding:0;}
	
	.more-btn_mo{display: flex;  justify-content: space-between; align-items: center;}
	.more-btn_mo span{display:none;}
	
	.main-analysis .inner .m-analysis-box.m-scienceon-analytics{height:auto; max-height:350px;}
	
	.main-home .m-science-news-box h2 span.m_text_none{display:none;}
	
	.main-customer .main-latest-notice{margin-bottom:30px;}
	
	.mobile_sns_wr .mobile_sns{justify-content:center; gap:7px;}
	.mobile_sns_wr .sns_more_btn_bt{border:0; font-size:0; width:auto; padding:0;}
	.mobile_sns_wr .sns_more_btn_bt span img{min-width:40px; margin-right:0;}
	
}
@media screen and (max-width:360px){
	#mainAnalysis .respon{padding:0 !important;}
	#mainInfra .main-infra .m-infra-link h2,
	.main-analysis .inner .m-analysis-box:not(.m-scienceon-analytics) h2{flex-direction: column; }
	#mainInfra .main-infra .m-infra-link,
	.main-analysis .inner .m-analysis-box{padding:15px}
	.main-analysis .inner .m-analysis-box .slide-control{top:45px; right: 5px}
	.main-analysis .inner .m-analysis-box.m-scienceon-analytics{max-height:440px;}
	
	.mobile_sns_wr .sns_more_btn{justify-content:center; padding:10px;}
	.mobile_sns_wr .sns_more_btn i{display:none;}
	.mobile_sns_wr .sns_more_btn_bt{padding:0;}
}


@media screen and (max-width:320px){
	.mobile_sns_wr .sns_more_btn{text-align:center; flex-direction: column; border-radius:10px; }
	.mobile_sns_wr .sns_more_btn span > span{display:block;}
	.mobile_sns_wr .mobile_sns{margin-top:10px;}
}
	
@media screen and (max-width:300px){
	.main-home .m-trend-latest .m-trend-link .mtl-btn{width:100%;}
}