/* 배경 이미지 */
main {
    background-color: transparent;
    background-image: url('../../images/target03/main.webp');
    background-size: 100% auto;
}
/*hr {
    margin: 8px 0;
    color: #cfcfcf;
}*/




.social-figure {
    background: #aad3df;
}

.social-title-section {
    background: white;
}

a {
    text-decoration-line: none;
    color: black;
}
/* 배경 이미지 끝 */
.catch-section {
    height: 28vw;
}

.social-wrap {
    background: #aad3df;
    height: auto;

}



.social-container {
    display: flex;
    min-height: 100vh;
    height: 100vh;
    gap: 30px;
}

.social-flex-wrap {
    display: flex;
    width: 100%;
    flex-direction: row;
}

.map-section{
    flex: 1;
    margin-left: 1.5vw;
}

.map-wrapper {
    width: 35vw;
    height: 700px;
    background: white;
    border-radius: 25px;
    overflow: visible;
    display: flex;
    flex-direction: column;
    box-shadow:2px 2px 2px 2px grey;
}

.map-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 15px;
    width: 100%;
    box-sizing: border-box;
}


.map-title {
    padding: 0;
    display: flex;
    flex-direction: column; /* 아래 텍스트 포함할 수 있게 */
    gap: 4px;
}

.map-subtitle {
    display: flex;
    justify-content: space-between;
    font-weight: normal;
    font-size: 12px;
    color: #2c3e50;
}

.map-guide {
    color: #1a3c80;
    font-weight: bold;
}

.map-date {
    color: #1a3c80;
}


.social-map {
/*    width: 100%;*/
/*    height: 780px;*/
  /*  height: 600px;*/
   /* z-index: 999;*/
   /* left: 1.5vw;*/
 /*   flex: 1 0 31vw;*/
    /*background: #0dcaf0;*/
    /*width: 35vw;*/
    flex: 1;
    width: 100%;
    height: auto; /* 이건 꼭 auto로! */
    background: rgba(220, 247, 255, 0.7);
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}

.sgg-news-count-overlay{
    background: white;
    border: 1px solid #ccc;
    border-radius: 15px;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    width: 35px;
    display: flex;
    justify-content: center;   /* 수평 가운데 */
    align-items: center;       /* 수직 가운데 */
}

.sgg-news-count-overlay.clickable {
    cursor: pointer;
}

.sgg-news-popup {
    background: white;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.4);
    width: 270px;
    max-width: 300px;
    font-size: 13px;
    z-index: 9999999;
    overflow: hidden;
}

.sgg-news-header {
    font-size: 16px;
    padding: 8px 12px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sgg-close-btn {
    cursor: pointer;
}

.sgg-news-content {
    max-height: 200px;
    overflow-y: auto;
    padding: 8px;
}

.sgg-news-item {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
}

.sgg-news-link {
    text-decoration: none;
    color: inherit;
    display: block;
    cursor: pointer;
}

.sgg-news-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sgg-news-text {
    flex-grow: 1;
    min-width: 0; /* flex 항목 안에서 ellipsis 동작하도록 핵심 */

}

.sgg-news-title {
    margin-bottom: 4px;
    white-space: nowrap;         /* 줄바꿈 방지 */
    overflow: hidden;            /* 넘치는 텍스트 감춤 */
    text-overflow: ellipsis;     /* 말줄임표(...) 표시 */
}

.sgg-news-date {
    font-size: 11px;
    color: #888;
}

.sgg-news-arrow {
    font-size: 16px;
    color: #999;
    padding-left: 10px;
}

.social-map img {
    position: absolute;
  /*  z-index: 99999;*/
    width: 300px;
    top: 9px;
    left: 10px;
}

.sgg-news-legend-top {
    font-size: 15px;
    position: absolute;
    top: 50px;
}

.sgg-news-legend-bottom {
    font-size: 15px;
    position: absolute;
    top: 82px;
}

.legend01, .legend04 {
    left: 50px;
}

.legend02, .legend05 {
    left: 144px;
}

.legend03 {
    left: 236px;
}



.social-section {

    /*width: 1247px;*/
    /*right: 51px;*/
/*    overflow-y: auto;
    overflow-x: auto;*/
    margin-bottom: 45px;
    height: auto;

    flex: 2;

    height: 100%;

    width: 1200px;
}


.widget-wrap {
   /* height: calc(100vh - 10vw) !important;*/
    /*width: 1219px;*/
    height: calc(100vh - 190px) !important;
    z-index: 999;
    right: 0;
   overflow-y: scroll;
    width: 1187px;
}



.social-section::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 10px;
}

.social-section::-webkit-scrollbar-thumb {
    background: rgb(161, 161, 161); /* 스크롤바 색상 */
    border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

.social-section::-webkit-scrollbar-track{
    background: rgb(221, 221, 221); /* 스크롤바 색상 */
}

.widget-side-menu-container {
    width: 300px;
    height: 538px;
    background: #FFFFFF;
    border-radius: 20px;
    top: 31px;
    z-index: 9999;
    font-size: 17px;
}


.widget-side-menu-section {
    left: 0;
    transition: left 0.3s ease;
    position: absolute;
}

.widget-side-menu-section.none {
    left: -300px;
    transition: left 0.3s ease;
}



.widget-header {
    display: flex;
    justify-content: space-between;
    padding: 15px;
}

.widget-tooltip-area {
    display: flex;
    align-items: center;
}

.widget-reset-btn {
    border: 1px solid #e7eaed;
    background: #FFFFFF;
    width: 86px;
    height: 25px;
    border-radius: 6px;
}

.widget-reset-btn:hover {
    cursor: pointer;
}

.widget-info {
    font-size: 12px;
    text-align: center;
    color: #b8bcc3;
    margin-bottom: 10px;
}

.widget-side-section-btn {
    position: absolute;
    top: 145px;
    left: 300px;
    display: inline-block;
    width: 25px;
    height: 52px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: white;
    border: 0.5px solid lightgray;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 99999999;
    background-image: url(../../images/common/back_new.webp);
}


.widget-side-section-btn.on {
    background-image: url(../../images/common/next_new.webp);
}

.widget-side-section-btn:hover {
    cursor: pointer;
}



.grid-stack-item-content {
    background-color: white;
    border-radius: 9px;
    text-align: center;
    overflow: visible !important;
    padding: 10px;
}

.grid-stack-item-content.shadow {
    box-shadow: 2px 2px 2px 2px grey;
}

.grid-stack-placeholder {
    background: rgba(250, 250, 250, 0);
    box-shadow: none;
    border-width: 5px;
    border-style: dashed;
    border-color: #149fff;
}

.widget-title-wrap {
    display: flex
;
    align-items: center;
    justify-content: space-between;
}

/*.widget-title-wrap img{*/
.widget-set-btn{
 /*   right: 0;
    position: absolute;*/
    width: 20px;
    height: 20px;
}

.widget-info-icon{
    width: 16px;
    height: 16px;
    margin-left: 5px;
    cursor: pointer;
}
.widget-info-tooltip-wrapper{
    display: inline-block;
    position: relative;
}

.widget-info-tooltip {
    position: absolute;
    background-color: #2A3D6E;
    color: #FFFFFF;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 13px;
    width: 320px;
    word-break: keep-all;
    white-space: normal;
    z-index: 9999;
    line-height: 1.5;
    top: 30px;
    left: -33px;
    text-align: left;

}

.widget-info-tooltip::after {
content: "";
position: absolute;
top: -5px;
left: 40px; /* 오른쪽 끝에 꼬리 위치 */
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #333;
}


.widget-info-tooltip.left-align::after {
    left: 12px;
    right: auto;
}

.widget-info-tooltip.right-align::after {
    right: 12px;
    left: auto;
}

.widget-info-tooltip.wid-word-custom-size-tooltip {
    width: 235px;
}

.widget-info-tooltip.wid-paper-custom-size-tooltip {
   /* width: 260px;*/
    width: 299px;
}

/* hjkim 뉴스 밀도 시각화, 상단바 툴팁 속성 */
.period-tooltip-wrapper {
    display: flex;
    align-items: center;
}

.period-tooltip-icon {
    width: 25px;
    height: 25px;
/*    margin-left: 5px;
    margin-right: 60px;
    margin-top: 5px;*/
    cursor: pointer;
    display: inline-block;
}

.period-tooltip-box {
    background-color: #2A3D6E;
    color: #FFFFFF;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 13px;
    width: 350px;
    word-break: keep-all;
    white-space: normal;
    z-index: 9999;
    line-height: 1.5;
    text-align: left;
}

.period-tooltip-box::after {
    content: "";
    position: absolute;
    top: -5px;
    left: 16.5%;
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #333;
}

.period-tooltip-box.left-align::after {
    left: 12px;
    right: auto;
}

.period-tooltip-box.right-align::after {
    right: 12px;
    left: auto;
}

.info-tooltip-wrapper {
    position: relative;
}

.info-tooltip-icon {
    width: 23px;
    height: 23px;
    margin-left: 5px;
    margin-right: 30px;
    margin-top: 5px;
    cursor: pointer;
    display: inline-block;
}

.info-tooltip-box {
    background-color: #2A3D6E;
    color: #FFFFFF;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 13px;
    width: 310px;
    word-break: keep-all;
    white-space: normal;
    z-index: 999999;
    line-height: 1.5;
}

.info-tooltip-box::after {
    content: "";
    position: absolute;
    top: -3px;
    left: 18px;
    transform: translateY(-50%);
    border-bottom: 6px solid #333;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.info-tooltip-box.left-align::after {
    left: 12px;
    right: auto;
}

.info-tooltip-box.right-align::after {
    right: 12px;
    left: auto;
}

.news-density-tooltip-wrapper {
    position: relative;
    margin-left: 5px;
}

.news-density-tooltip-icon {
    width: 20px;
    height: 20px;
/*    margin-right: 60px;
    margin-top: 5px;*/
    margin-bottom: 18px;
    cursor: pointer;
    display: inline-block;
}

.news-density-tooltip-box {
    background-color: #2A3D6E;
    color: #FFFFFF;
    padding: 8px 12px;
    border-radius: 4px;
    margin-top: 50px;
    font-size: 13px;
    width: 300px;
    word-break: keep-all;
    white-space: normal;
    z-index: 9999;
    line-height: 1.5;
}

.news-density-tooltip-box::after {
    content: "";
    position: absolute;
    top: -5px;
    left: 10%;
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #333;
}

.news-density-tooltip-box.left-align::after {
    left: 12px;
    right: auto;
}

.news-density-tooltip-box.right-align::after {
    right: 12px;
    left: auto;
}


.widget-title {
    font-size: 18px;
}


.widget-set-btn:hover {
    cursor: pointer;
    color: #8ed2c5;
}

.widget-btn-wrap {
    right: 13px;
    position: absolute;
    border-radius: 5px;
    display: none;
    height: 38px;
    width: 52px;
    border: none;
    background: #FFFFFF;
    box-shadow: 1px 1px 1px 1px grey;
    z-index: 999999;
}

.widget-btn-wrap.setting {
    height: 68px;
}

.widget-btn-wrap.show {
    display: flex;
    align-items: center;
    justify-content: center;
}


.widget-btn {
    border-radius: 5px;
    border: none;
    height: 27px;
    width: 43px;
    background: #cfcfcf;
}


.widget-btn:hover {
    cursor: pointer;
}

.news-keyword-setting-wrap {
    width: 210px;
    height: 300px;
    border: 1px solid #d0cece;
    border-radius: 21px;
    background: #FFFFFF;
    left: 235px;
    display: none;
    position: fixed;
    z-index: 999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.news-keyword-setting-wrap.show {
    display: block;
}

.news-keyword-title-wrap {
    background: #4472c4;
    color: white;
    height: 41px;
    border-radius: 20px 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.news-keyword-title {
    font-size: 0.55rem;
}

.news-keyword-close-btn {
    font-size: 0.55rem;
}

.news-keyword-close-btn:hover {
    cursor: pointer;
}

.news-keyword-content-wrap {
    overflow-y: auto;
    overflow-x: hidden;
    height: 256px;
}

.news-keyword-content-wrap::-webkit-scrollbar {
    display: none;
}

.news-keyword-menu {
    width: 100%;
    background: #f7f8f9;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 9px;
}

.news-keyword-menu img {
    width: 10px;
    height: 10px;
}

.news-keyword-list {
    padding: 6px;
    font-size: 0.5rem;
}

.news-keyword-list label {
    display: block;
}

.news-keyword-list input {
    top: 2px;
}

.news-keyword-menu-title {
    font-size: 0.52rem;
}


.widget-menu {
    width: 100%;
    background: #f7f8f9;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 9px;
    margin-bottom: 5px;
}

.widget-menu img {
    width: 10px;
    height: 10px;
}

.widget-list {
    padding: 6px;
}
.new-widget {
    margin-bottom: 7px;
}

.new-widget:hover {
    cursor: pointer;
}

.new-widget.active {
    pointer-events: none;
}

.new-widget.non {
    white-space: nowrap;   /* 텍스트 줄바꿈 방지 */
}

.widget-list {
/*    height: auto;
    opacity: 1;
    transition: height 0.3s ease, opacity 0.3s ease;*/
}


.widget-list.hide {
  /*  height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 0.3s ease, opacity 0.3s ease;*/
    display: none;
}

.news-keyword-list.hide {
    display: none;
}

.target03-user-info-wrap {
    width: 100%;
    background: #022261;
    height: 60px;
    display: flex;
    align-items: center;
}



.user-info-wrap {
    display: flex;
    position: absolute;
    right: 12px;
    align-items: center;
}

.name-wrap {
    font-size: 0.8rem;
    color: #FFFFFF;
    margin-right: 12px;
}

.user-nick-name {
    font-size: 1rem;
    color: #ffc002;
}

.user-nick-name:hover {
    cursor: pointer;
}

.grade-wrap {
    display: flex;
    align-items: center;
    border: 1px solid #f9f9f9;
    border-radius: 12px;
    background: #f9f9f9;
    box-shadow: 1px 1px 1px 1px #e8e8e8;
    width: 91px;
    height: 32px;
    justify-content: space-evenly;
}

.grade-img {
    width: 20px;
    height: 20px;
}
.user-nick-grade {
    font-size: 13px;
    color: black;
}

.social-top-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.social-top-left-wrap {
    display: flex;
    text-align: center;
    justify-content: space-between;
    width: 36vw;
}


.social-top-date-wrap {
    display: flex;
    text-align: center;
    justify-content: space-around;
    margin: 20px 0 9px 37px;
}

.top-period-menu {
    color: black;
    background: #FFFFFF;
    border: 1px solid #d0cece;
    border-radius: 16px;
    width: 77px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
    font-size: 13px;
}

.top-period-menu:hover {
    cursor: pointer;
}

.top-period-menu.on {
    background: #026bbe;
    color: #FFFFFF;
}

.social-top-time {
    font-size: 15px;
    display: flex;
    align-items: end;
    padding-bottom: 9px;
    color: black;
    margin-left: 5px;
}


.sns-wrap {
    display: flex;
    justify-content: flex-end;
    margin: 10px;
    right: 7px;
}
.sns-wrap img{
    width: 30px;
    height: 30px;
    margin-left: 7px;
}

.sns-wrap img:hover{
    cursor: pointer;
}


.url-pop {
    display: none;
    background: rgba(0, 0, 0, 0.5);
    width: 214px;
    height: 36px;
    position: fixed;
    bottom: 19px;
    left: 50%;
    text-align: center;
    border-radius: 17px;
    transform: translateX(-50%);
    z-index: 99999;
}
.url-text {
    color: #FFFF;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
}





.bookmark-sgg-wrap {
    position: absolute;
    width: 120px;
    height: 114px;
    z-index: 99999;
    right: 136px;
    top: 65px;
    background: white;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1.5px gray;
    text-align: center;
    padding: 9px;
    display: none;
}

.bookmark-sgg-list option {
    text-align: center;
}

.bookmark-sgg-wrap.show {
    display: block;
}

.bookmark-sgg-wrap:hover {
    cursor: pointer;
}

.bookmark-sgg-title {
    font-size: 0.6rem;
}

.bookmark-sgg-btn:hover {
    cursor: pointer;
}

.grade-info-img-wrap {
    position: absolute;
    top: 60px;
}

.grade-info-img {
    width: 500px;
    height: 300px;
    z-index: 9999999;
    left: 1271px;
    border: 1.5px solid black;
    display: none;
}

.grade-info-img.hover {
    display: block;
}

.grade-info-img01 {
    width: 500px;
    height: 300px;
    z-index: 9999999;
    left: 1240px;
}

.grid-stack-item-content::-webkit-scrollbar {
   display: none;
}

.news-scroll {
    height: 771px;
    overflow: auto;
    margin-top: 8px;
    margin-bottom: 33px;
}

.news-scroll::-webkit-scrollbar {
    width: 8px;
    border-radius: 10px;
}

.news-scroll::-webkit-scrollbar-thumb {
    background: rgb(161, 161, 161); /* 스크롤바 색상 */
    border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

.news-scroll::-webkit-scrollbar-track{
    background: rgb(221, 221, 221); /* 스크롤바 색상 */
}

.news-content {
    font-size: 0.65rem;
   /* border: 1px solid #d0cece;*/
    text-align: left;
    width: 93%;
    left: 12px;
    margin-bottom: 7px;
    padding: 4px;
}

.news-content a {
    text-decoration: none;
    color: black;
}

.news-content-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news-content-flex:hover {
    cursor: pointer;
}

.news-date {
    font-size: 12px;
    margin-top: 11px;
}

.my-wid-news-content {
    display: none;
}


.my-wid-news-content.show {
    display: block;
}

.social-check-box-wrap {
    display: flex;
}

.date-menu-wrap {
    display: flex;
    font-size: 13px;
    text-align: center;
    justify-content: space-around;
    margin: 9px 0;
}

.date-menu-wrap hr {
    width: 60px;
    height: 2px;
    border: 0;
    background: grey;
}

.keyword-date-menu {
    color: black;
    background: #FFFFFF;
    border: 1px solid #d0cece;
    border-radius: 16px;
    width: 54px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
}

.keyword-date-menu:hover {
    cursor: pointer;
}

.keyword-date-menu.on {
    background: #d0cece;
}

.keyword-rank-wrap {
    top: 33px;
}

.keyword-list-wrap {
    font-size: 17px;
    line-height: 50px;
    justify-content: space-around;
    text-align: left;
    display: flex;
}

/*.keyword-list-wrap.show {
    display: flex;
}*/

.keyword-list.on {
    color: #026bbe;
}

.keyword-list:hover {
    cursor: pointer;
}


.keyword-title {
    color: #026bbe;
    font-size: 20px;
}

.stats-content {
    display: flex;
    align-items: center;
    justify-content: space-around;
    top: 7px;
}

.stats-flex {
    display: flex;
    align-items: center;
}
.stats-title {
    font-size: 13px;
}

.stats-right {
    border-right: 1px solid #d0cece;
    padding-right: 14px;
}
.stats-img {
    width: 30px;
    height: 30px;
    margin-right: 8px;
}

.wid-word-content-wrap {
    width: 100%;
    height: 100%;
    top: -4px;
    right: -4px;
/*    height: 400px;*/
/*    top: 7px;*/
}




/*
.wid-issue-content-wrap {
    width: 100%;
    height: 100%;
}
*/
.wid-chart-content-wrap {
    width: 100%;
    height: 100%;
}

.issue-graph-wrap {
    width: 108%;
   /* height: 300px;*/
    height: 95%;
    top: -25px;
}

.issue-list-wrap {
    width: 100%;
    height: 300px;
    display: block;
}

/*
.issue-list-wrap.show {
    display: block;
}
*/


.issue-date-menu-wrap {
    display: flex;
    font-size: 13px;
    text-align: center;
    margin-top: 14px;
    z-index: 9999;
}

.issue-date-menu {
    color: black;
    background: #FFFFFF;
    border: 1px solid #d0cece;
    border-radius: 16px;
    width: 54px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
}

.issue-date-menu:hover {
    cursor: pointer;
}

.issue-date-menu.on {
    background: #d0cece;
}




.public-content {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    top: 7px;
}

.public-content:hover {
    cursor: pointer;
}

.public-flex {
    display: flex;
    align-items: center;
    font-size: 13px;

}
.public-right {
    border-right: 1px solid #d0cece;
    padding-right: 27px;
}

.public-count {
    color: #ff0404;
}

.public-period-menu-wrap {
    display: flex;
    font-size: 13px;
    text-align: center;
   /* justify-content: space-between;*/
}


.public-period-menu {
    color: black;
    background: #FFFFFF;
    border: 1px solid #d0cece;
    border-radius: 16px;
    width: 77px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
}

.public-period-menu:hover {
    cursor: pointer;
}

.public-period-menu.on {
    background: #026bbe;
    color: #FFFFFF;
}

.widget-public-count {
    display: flex;
  /*  margin-bottom: 8px;*/
}

.widget-content-container{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.public-period-list-wrap{
    flex: 1;
    height: 100%;
}

.public-info {
    text-align: left;
    font-size: 12px;
    color: rgb(161, 161, 161);
    margin-bottom: 7px;
}
.paper-content-flex,
.public-list-content-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.paper-content-flex:hover,
public-list-content-flex:hover {
    cursor: pointer;
}
.paper-content,
.public-list-content {
    text-align: left;
    width: 93%;
    left: 12px;
    padding: 4px;
}


.paper-list-wrap {
    display: block;
}

/*.paper-list-wrap.show {
    display: block;
}*/

.paper-period-list-wrap {
    height: 682px;
    overflow: auto;
    margin-top: 8px;
    margin-bottom: 33px;

}

.patent-period-list-wrap {
    height: 682px;
    overflow: auto;
    margin-top: 8px;
    margin-bottom: 33px;
}

.patent-list-wrap {
    display: block;
}

/*.patent-list-wrap.show {
    display: block;
}*/

.report-list-wrap {
  /*  display: none;*/
    display: block;
}

/*.report-list-wrap.show {
    display: block;
}*/



.report-period-list-wrap {
    max-height: 682px;
    overflow: auto;
    margin-top: 8px;
    margin-bottom: 33px;
}

.public-period-list-wrap::-webkit-scrollbar {
    width: 8px;
    border-radius: 10px;
}

.public-period-list-wrap::-webkit-scrollbar-thumb {
    background: rgb(161, 161, 161); /* 스크롤바 색상 */
    border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

.public-period-list-wrap::-webkit-scrollbar-track{
    background: rgb(221, 221, 221); /* 스크롤바 색상 */
}

.paper-title,
.public-list-title {
    font-size: 17px;
}

.paper-author,
.public-list-author {
    font-size: 13px;
}

.paper-year,
.public-list-year {
    font-size: 13px;
    margin-left: 3px;
}

.year-hidden {
    display: none;
}

.paper-content-wrap,
.public-list-content-wrap {
    text-align: left;
}




.widget-info-wrap {
    text-align: left;
    font-size: 12px;
    color: #1a3c80;
}

.wid-stats-content-wrap,
.wid-public-content-wrap {
    gap: 26px;
}


@media (max-width: 1919px) {
    .social-section-scroll {
        overflow-x: scroll;
  /*      max-width: 1184px;*/
        max-width: 61.5vw;
        width: auto;
    }

    .widget-wrap {
       /* max-width: 1200px;*/
        height: calc(100vh - 205px) !important;
        /*width: 1650px;*/
        width: 1200px;
    }

}


@media (max-width: 1876px) {

    .widget-wrap {
        width: 1161px;
    }
}


@media (max-width: 1650px) {
    .top-period-menu {
        width: 3.9vw;
        font-size: 13px;
    }
}

/*1열로 배열*/
@media (max-width: 1280px) {
    .social-container {
        flex-direction: column; /* 세로 정렬 */
        overflow-y: auto; /* 세로 스크롤 가능하게 */
        /*height: auto !important;*/ /*세로 줄여도 위젯 영역이 지도쪽으로 안 올라옴*/
        height: 80vh;
        min-height: unset;

    }

    .map-section {
        flex-shrink: 0; /* 줄어들지 않게 */
    }

    .map-wrapper {
        width: 96vw;
    }

    .social-section {
        width: 100%;
        height: auto; /* 컨텐츠 높이에 맞게 */
        margin-bottom: 45px;
        flex-shrink: 0; /* 줄어들지 않게 */

    }

    .widget-wrap {
        overflow-y: unset;
        overflow-x: unset;
        width: 100% !important;
        top: 4vh;
    }

    .social-section-scroll {
        overflow-x: unset;
        height: 100%;
        max-width: 1184px;
    }

    .top-period-menu {
        width: 77px;
        font-size: 13px;
    }
    .social-top-left-wrap {
        width: unset;
    }

}





@media all  and (max-width:1200px) {
    /*.social-map {*/
    /*    width: 0px;*/
    /*}*/

  /*  .map-section{
        display: none;
    }*/
    .social-section{
        flex: 1 !important;
        width: 100% !important;
    }

}


@media all and (orientation: portrait) {

    /*.social-map.tablet {*/
    /*    height: 850px;*/
    /*}*/
    .map-section.tablet {
        height: 850px;
    }


}


@media all and (orientation: landscape) {

    /*.social-map.tablet {*/
    /*    height: 550px;*/
    /*}*/
    .map-section.tablet {
        height: 550px;
    }
}



@media (max-width: 725px) {

}


@media all and (max-width:700px) {
    .social-section.mobile {
        width: 100vw;
        margin-bottom: 10px;
    }

    .widget-wrap.mobile {
        width: 98vw;
        min-width: unset;
        height: calc(100vh - 52vw) !important;
        height: unset;
        top: 26vh;
    }

    /*.social-map.mobile {*/
    /*    height: 500px;*/
    /*}*/

    .map-section.mobile {
        height: 500px;
    }


/*    .social-top-date-wrap {
        margin: 9px 11px;
    }*/

    .top-period-menu {
        width: 11vw;
        font-size: 13px;
    }

    .social-top-time {
        display: none;
    }
}


@media all and (max-width:500px) {
    .social-top-time {
        display: none;
    }

    .stats-title {
        font-size: 11px;
    }

    .stats-right {
       /* padding-right: 25px;*/
    }

    .social-top-wrap {
        justify-content: center;
    }
    .social-top-date-wrap {
        margin: 0;
    }

    .social-map img {

        width: 220px;

    }


    .sgg-news-popup {
        width: 204px;
        max-width: unset;
    }

    .sgg-news-header {
        font-size: 14px;
        padding: 6px 9px;
    }

    .sgg-news-title {
        font-size: 13px;
    }

    .sgg-news-date {
        font-size: 10px;
    }

    .sgg-news-arrow {

    }


    .sgg-news-legend-top {
        font-size: 12px;
        position: absolute;
        top: 38px;
    }

    .sgg-news-legend-bottom {
        font-size: 12px;
        position: absolute;
        top: 61px;
    }

    .legend01, .legend04 {
        left: 37.5px;
    }

    .legend02, .legend05 {
        left: 109px;
    }

    .legend03 {
        left: 178px;
    }



}