@charset "UTF-8";


/* 공통 */
.main_container p {
    margin-bottom: 0px;
}

.main_container ul {
    list-style: none;
    padding-left: 0;
}

.chart_content .block {
    background-color: transparent;
    box-shadow: none;
}

.dashboard_container .top_section {
    padding: 20px;
    box-shadow: 0px 2px 10px 0px #4C4E6438;
}

.dashboard_container .dashboard_section .iframe_section iframe {
    width: 100%;
}

.dashboard_container .dashboard_section {
    border-radius: 8px;
}

/* 공통 끝 */

.dashboard_container .top_section {
    background-color: #fff;
}

.dashboard_container .top_section .today_chart,
.dashboard_container .dashboard_section .iframe_section {
    width: 100%;
}

.dashboard_container .top_section .today_chart {
    margin-right: 10px;
}

.dashboard_container .top_section .today_chart .header {
    border-bottom: 1px solid #4C4E6426;
    padding-bottom: 20px;
}

.dashboard_container .top_section .today_chart .header img {
    /* width: 25px; */
    max-width: 100%;
}

.dashboard_container .top_section .today_chart .header .icon_chart {
    width: 25px;
    display: block;
}

.dashboard_container .top_section .today_chart .middle {
    border-radius: 8px;
    background-color: #F2F2FF;
    padding: 20px 16px;
    display: flex;
    align-items: center;
}

.dashboard_container .top_section .today_chart .middle img {
    margin-right: 20px;
}

.dashboard_container .top_section .today_chart .middle p {
    font-size: 18px;
    font-weight: 600;
}

.dashboard_container .top_section .today_chart .nochange_txt {
    color: #444444;
    font-weight: 600;
}

.dashboard_container .top_section .today_chart .high_txt {
    color: #2F5BC1;
    font-weight: 600;
}

.dashboard_container .top_section .today_chart .low_txt {
    color: #FF4D49;
    font-weight: 600;
}

.dashboard_container .top_section .today_chart .bottom {
    padding: 16px;
}

.dashboard_container .top_section .today_chart .bottom ul li {
    padding: 20px 0;
    border-bottom: 1px solid #4C4E6426;
    display: flex;
    align-items: center;
}

.dashboard_container .top_section .today_chart .bottom ul li img {
    margin-right: 20px;
}

.dashboard_container .top_section .today_chart .bottom ul li p {
    font-size: 18px;
}

.dashboard_container .top_section .iframe_section {
    box-shadow: 0px 2px 10px 0px #4C4E6438;
    border-radius: 8px;
}




/* 20241127 iframe */
/* 20241127 ifame layout */
.dashboard_section .iframe_section {
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 2px 10px 0px #4C4E6438;
    border-radius: 8px;
}

.dashboard_section .iframe_section:nth-child(even) {
    margin-top: 20px
}

.dashboard_section .iframe_section iframe {
    width: 100%;
    /* height: 100%; */
}

.dashboard_section .iframe_section .section_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.dashboard_section .iframe_section .section_title p {
    font-size: 20px;
    font-weight: 600;
}

.dashboard_section .iframe_section .section_title a {
    background-color: #666CFF0D;
    padding: 4px 16px;
    border-radius: 8px;
    font-weight: 600;
}

.dashboard_section .iframe_section .section_title a img {
    vertical-align: initial;
}


.iframe_top_box .iframe_section .table_default thead th,
.iframe_top_box .iframe_section .table_default tbody td {
    font-size: 14px;
}

/* 마이페이지 */
.profile_section {
    padding: 30px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 2px 10px 0px #4C4E6438;
    position: relative;
}

.profile_section .profile_box {
    position: relative;
    display: inline-block;
    top: -65px;
    left: 50%;
    margin-left: -70px;
}

.profile_section .profile_pic {
    width: 200px;
    max-height: 200px;
    display: inline-block;
}

.profile_section .file_upload {
    display: none;
}

.profile_section .circle {
    border-radius: 100% !important;
    overflow: hidden;
    width: 128px;
    height: 128px;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.profile_section .profile_pic {
    max-width: 100%;
    height: auto;
}

.profile_section .p_image {
    position: absolute;
    bottom: -6px;
    right: 0;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    cursor: pointer;
}

.profile_section>.btn_box {
    text-align: right;
}

.profile_section .user_info {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -50px;
}

.profile_section .user_info .user_job {
    font-size: 15px;
    margin-left: 8px;
}

.profile_section .user_info .company {
    background: linear-gradient(90deg, #27CFBE -18.2%, #536ADB 100%);
    padding: 4px 16px;
    border-radius: 100px;
    margin: 6px 0 16px;

}

.profile_section .user_info .company p {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

.profile_section .user_info .user_email {
    margin-right: 20px;
    position: relative;
}

.profile_section .user_info .user_email:after {
    content: '';
    position: absolute;
    right: -10px;
    top: 8px;
    width: 1px;
    height: 12px;
    background-color: #4C4E6499;
}

.profile_section .user_info .login {
    margin-left: 10px;
}

.main_section .d-flex.flex-column .iframe_section:first-child {
    margin-top: 20px;
}

.main_section .left .form_box {
    width: 100%;
    margin: 16px 0;
}

.main_section .left .input-group {
    border: 1px solid #4C4E6433;
    border-radius: 8px;
}

.main_section .left .input_search {
    background-color: transparent;
    border: none;
    padding: 8px;
    font-size: 16px;
}

.main_section .left .input-group-text {
    background-color: transparent;
}

.main_section .left .info_txt {
    font-size: 15px;
    text-align: center;
    color: #0F172ACC;
    margin-bottom: 20px;
}

.main_section .left .item_top {
    display: inline-block;
    text-align: center;
}

.main_section .left .item_bottom {
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    width: 100%
}

.main_section .left .item_box {
    display: inline-block;
    position: relative;
    /*width: 30%;*/
    border: 1.5px solid #4C4E6426;
    border-radius: 20px;
    padding: 5px;
    text-align: right;
    width: 147px;
    height: 140px;
    overflow: hidden;
}


.main_section .left .item_box.margin {
    margin: 0 10px;
}

.main_section .left .item_box>img {
    position: relative;
    right: 0;
}

/* 토글 스위치 */
.main_section .label_switch::before {
    content: "안보임";
}


.main_section .label_switch.active::before {
    content: "보임";
}

/* 토글 스위치 */
.main_section .right.top>p {
    font-size: 18px;
}

.main_section .right.top .dash_settings {
    display: flex;
    flex-wrap: wrap;
}

.main_section .right.top .dash_settings:first-of-type {
    margin-top: 30px;
}

.main_section .right.top .dash_settings .settings {
    display: flex;
    align-items: center;
    margin-right: 26px;
    margin-bottom: 20px;
}

.main_section .right.top .dash_settings .settings .settings_txt {
    font-weight: 600;
    color: #0F172ACC;
    padding-right: 16px;
}


.main_section .right.bottom .d-flex.justify-content-between a {
    color: #0F172AA6;
}

.main_section .right.bottom .d-flex.justify-content-between a:hover {
    text-decoration: underline;
}

.main_section .right.bottom .table_mypage {
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

.main_section .right.bottom .table_mypage tr {
    border-bottom: 1px solid #ddd;
}

.main_section .right.bottom .table_mypage td {
    padding: 10px;
}

.main_section .right.bottom .table_mypage .trend_1 div,
.main_section .right.bottom .table_mypage .trend_2 div,
.main_section .right.bottom .table_mypage .trend_3 div {
    padding: 5px 16px;
    border-radius: 100px;
    text-align: center;
    margin-right: 10px;
}

.main_section .right.bottom .table_mypage .trend_1 div {
    background-color: #6C2FC1;
}

.main_section .right.bottom .table_mypage .trend_2 div {
    background-color: #004881;
}

.main_section .right.bottom .table_mypage .trend_3 div {
    background-color: #006556;
}

.main_section .right.bottom .table_mypage .trend_1 div span,
.main_section .right.bottom .table_mypage .trend_2 div span,
.main_section .right.bottom .table_mypage .trend_3 div span {
    color: #fff;
    font-weight: 600;
}

.main_section .right.bottom .table_mypage .text {
    padding: 10px 10px 10px 0;
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main_section .right.bottom .table_mypage .text a {
    font-weight: 600;
    color: #0F172A;
}

.main_section .right.bottom .table_mypage .text a:hover {
    text-decoration: underline;
}




/* 모달팝업 */
#modalFail .modal-dialog-centered {
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
}

#modalFail .modal-dialog-centered .red_txt {
    font-size: 18px;
}


#modalSuccess .modal-dialog-centered {
    max-width: 450px;
    margin-right: auto;
    margin-left: auto;
}

#modalSuccess .modal-dialog-centered .text-center.m-t-10.f-w-5 {
    font-size: 18px;
}


/* 회원탈퇴 */
.cancellation_content .cancel_box .info_txt {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
}

.cancellation_content .block.block-rounded {
    padding: 30px 30px 30px 50px;
}

.cancellation_content .block.block-rounded .red_txt {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.cancellation_content .cancel_box .info_box {
    margin-bottom: 30px;
}

.cancellation_content .cancel_box .info_box>div {
    display: flex;
    align-items: center;
}

.cancellation_content .block.block-rounded .info_box img {
    margin-right: 10px;
}

/* 회원탈퇴 모달팝업 */
#modalCancelSuccess .blue_txt {
    font-size: 24px;
}

#modalCancelSuccess .text-center.m-t-10.f-w-5 {
    font-size: 18px;
}



/* 테스트중 */
.block-rounded.bg {
    background-color: #fff;
}

/* .block-rounded.bg iframe {
    margin-top: -86px;
} */


.input_box>input {
    border: 1px solid #4C4E6433;
}

/* 20241208 수정 */
.chart_content .block-content .block-rounded {
    margin-bottom: 0;
}


/* 20241209 통합검색 */
.search_section .total_search_box {
    display: flex;
    align-items: center;
}

.search_section .total_search_box .search_img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search_section .total_search_box .search_img_box {
    width: 70px;
    height: 70px;
    border-radius: 30%;
    overflow: hidden;
    border: 1.33px solid #4C4E6426;
}

.search_section .total_search_box .searchbar_box {
    margin-left: 20px;
    flex: 1;
}

.dashboard_container .search_section {
    padding: 30px;
}

.search_section .total_search_box .search_img_box {
    width: 100px;
    height: 100px;
}

.search_section .total_search_box .txt_box .result_tit {
    font-size: 18px;
    font-weight: 700;
}

.search_section .total_search_box .txt_box .result_txt {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 16px;
}

.search_section .total_search_box .div_searchbar {
    border: 2px solid #0584BF;
    border-radius: 12px;
    display: flex;
    position: relative;
}

.search_section .total_search_box .div_searchbar .input_searchbar {
    width: 100%;
    padding: 0 24px;
    font-size: 18px;
    border: none;
    border-radius: 12px 0 0 12px;
}

.search_section .total_search_box .div_searchbar .input_box {
    background: linear-gradient(90deg, #27CFBE -18.2%, #536ADB 100%);
    padding: 10px;
    border-radius: 0 10px 10px 0;
}

.iframe_section .chart_btn_box.chart_selectbox {
    display: flex;
    justify-content: center;
}

.iframe_select {
    padding: 10px;
    margin-left: auto;
}

.iframe_title_bar {
    display: flex;
    align-items: center;
}

/* 연관검색어 */
.div_searchbar .popover  {
    width: 250px;
    transform: translate(75px, 64px);
}

.div_searchbar .popover-arrow {
    transform: translate(119px, 0px);
}

.div_searchbar .popover-body ul li {
    display: flex;
    align-items: center;
}


.div_searchbar .popover-body ul li:not(:last-child) {
    margin-bottom: 16px;
}

.div_searchbar .popover-body ul li>div{
    border: 1px solid #4C4E6426;
    border-radius: 6px;
    margin-right: 10px;
}

.div_searchbar .popover-body ul li .keyword_variety>p,
.div_searchbar .popover-body ul li .keyword_item>p {
    font-size: 15px;
    font-weight: 600;
    padding: 4px 10px;
}

.div_searchbar .popover-body ul li .keyword_variety>p {
    color: #666CFF;
}

.div_searchbar .popover-body ul li .keyword_item>p  {
    color: #0584BF;
}


.div_searchbar .popover-body ul li>p {
    font-weight: 600;
    color: #0F172ACC;
}




.search_section .total_search_box .link_box.d-flex .link a:not(:last-child) {
    margin-right: 8px;
}

.search_section .total_search_box .red_txt img {
    width: 17px;
    height: 17px;
}

.search_section .total_search_box .red_txt {
    font-size: 15px;
    margin-top: 16px;
}

.search_section .total_search_box .link_box p {
    margin: 16px 0 0;
}

.search_section .total_search_box .link_box .link a {
    border: 1px solid #4C4E6426;
    border-radius: 100px;
    padding: 6px 16px;
    color: #0F172AA6;
    font-weight: 600;
    font-size: 14px;
    margin-right: 6px;
    margin-top: 6px;
    display: inline-block;
}

.dashboard_container .info_section {
    background-color: #fff;
    padding: 20px;
    box-shadow: 0px 2px 10px 0px #4C4E6438;
    border-radius: 8px;
}

.dashboard_container .info_section .info_title {
    font-weight: 600;
    font-size: 18px;
}

.dashboard_container .info_section .search_list ul li {
    padding: 24px 0;
}

.dashboard_container .info_section .search_list ul li:last-child {
    padding-bottom: 0;
}

.dashboard_container .info_section .search_list ul li:not(:last-child) {
    border-bottom: 1px solid #4C4E6438;
}


.dashboard_container .info_section .search_list .search_list_title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
}

.dashboard_container .info_section .search_list .search_list_txt {
    color: #0F172ACC;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.dashboard_container .info_section .search_list .search_list_nav {
    display: flex;
    align-items: center;
    margin-top: 12px;
}

.dashboard_container .info_section .search_list .search_list_nav p {
    color: #2F5BC1;
    font-weight: 600;
}

.dashboard_container .info_section .search_list .search_list_nav img {
    margin: 0 8px;
}

.dashboard_container .info_section .search_list .search_list_nav .date {
    margin-left: 16px;
    color: #0F172ACC;
    font-weight: 400;
}

.dashboard_container .info_section .join_txt .font-size {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
}

.dashboard_container .info_section .join_txt .font-size span {
    font-weight: 600;
    color: #5A5FE0;
}

.dashboard_container .info_section .join_txt .btn_box {
    margin-top: 12px;
}

.dashboard_container .info_section .join_txt .btn_box a {
    background-color: #5A5FE0;
}

.dashboard_container .info_section .join_txt .btn_box img {
    padding-left: 10px;
}

/* 메인대시보드 빅데이터 스와이퍼 슬라이드 */
.bigDataSwiper .swiper-slide {
    padding: 0 60px;
}

.bigDataSwiper .swiper-slide .com_slide {
    border: 2px solid #4C4E6426;
    border-radius: 10px;
    padding: 12px 14px;
}

.bigDataSwiper .swiper-slide .slide_tit {
    font-weight: 600;
    color: #0F172ACC;
}

.bigDataSwiper .swiper-slide .slide_content_box {
    display: flex;
    align-items: center;
    margin-top: 16px;
    /*border: 2px solid #4C4E6426;*/
    /*border-radius: 10px;*/
    /*padding: 18px 12px;*/
}

.bigDataSwiper .slide_content_box .slide_img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 1.3px solid #4C4E6426;
    display: inline-block;
}

.bigDataSwiper .slide_content_box .slide_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bigDataSwiper .slide_content_box .slide_price {
    display: inline-block;
    margin-left: 20px;
    flex: 1;
}

.bigDataSwiper .slide_price .top_price .date {
    font-size: 20px;
    font-weight: 600;
    color: #0F172ACC;
}

.bigDataSwiper .slide_price .top_price .price {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 8px 16px;
    border-radius: 64px;
    margin-left: 16px;
}

.bigDataSwiper .slide_price .top_price .price.high {
    background: #2F5BC1;
}

.bigDataSwiper .slide_price .top_price .price.low {
    background: #E04440;
}

.bigDataSwiper .slide_price .bottom_price {
    margin-top: 18px;
}

.bigDataSwiper .slide_price .bottom_price ul {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
}

.bigDataSwiper .slide_price .bottom_price li {
    width: 33%;
    text-align: center;
    border-radius: 10px;
    background: #F9F8F9;
    padding: 10px;
}

.bigDataSwiper .slide_price .bottom_price .price_txt {
    font-size: 14px;
    color: #0F172ACC;
}

.bigDataSwiper .slide_price .bottom_price .price {
    font-weight: 600;
    font-size: 18px;
}

.bigDataSwiper .slide_price .bottom_price .price_avg {
    background: #f2f2ff;
    margin: 0 6px;
}

.bigDataSwiper .slide_price .bottom_price .price_avg .price {
    font-size: 20px;
    color: #5A5FE0;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    color: #666cff;
    font-size: 13px;
    font-weight: 700;
}

.swiper-button-next, .swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled, .swiper-button-prev {
    background: #666cff1f;
    border-radius: 10px;
    padding: 0 20px;
}

/* 거래방법별 반입물량 테이블 */
.info_section .search_table_box .search_table {
    width: 100%;
}

.info_section .search_table_box .search_table th,
.info_section .search_table_box .search_table td {
    border: 1px solid #ddd;
    text-align: center;
}

.info_section .search_table_box .search_table .type th {
    background: #0584BF;
    color: #fff;
    padding: 8px;
}

.info_section .search_table_box .search_table .place th {
    background: #d7d7d7;
    border: 1px solid #fff;
    padding: 8px 5px;
}

.info_section .search_table_box .search_table tbody tr td {
    background: #f7f7f7;
    border: 1px solid #fff;
    padding: 8px 5px;
}

.btn_box .secession {
    background: none;
    border: none;
    font-weight: 600;
    font-size: 18px;
    color: #0F172AA6;
    padding-left: 0;
}

.btn_box .secession:hover {
    text-decoration: underline;
}

.join_form.flex-grow-1 .profile_close {
    background: none;
    border: none;
    float: right;
    padding-right: 0;
}



@media (min-width: 343px) and (max-width: 767px) {
    .main_container .action_mypage>p {
        font-size: 16px;
    }

    .main_container .action_mypage .section_title>a  {
        font-size: 16px;
    }

    .main_container .top_section .today_chart .icon_chart {
        width: 20px;
    }

    .main_container .chart_content .table_default.table_responsive thead th {
        text-align: center;
    }

    .main_container .chart_content .table_default.table_responsive .none {
        display: none;
    }

    .dashboard_section .iframe_section .section_title p,
    .board_section .section_title.custom_title p {
        font-size: 16px;
    }

    .dashboard_section .iframe_section .section_title a,
    .board_section .section_title.custom_title a {
        font-size: 14px;
    }

    .dashboard_section .iframe_section .section_title a {
        padding: 4px 8px;
    }

    .dashboard_section .iframe_section .section_title a>img,
    .board_section .section_title.custom_title a>img {
        width: 6px;
    }

    .dashboard_container .info_section>img {
        width: 12px;
    }

    .dashboard_container .info_section .join_txt .font-size,
    .dashboard_container .info_section .join_txt .font-size + p {
        font-size: 14px;
    }

    .info_section .d-flex.align-items-center .user_icon {
        width: 80px;
    }

    .search_section .total_search_box .searchbar_box {
        margin-left: 0;
    }

    .info_section .iframe_section .search_table:last-child {
        margin-top: 16px;
    }


    .profile_section .profile_box {
        margin-left: -25px;
        top: -45px;
    }

    .profile_section .circle {
        width: 68px;
        height: 68px;
    }

    .profile_section .user_info .login {
        display: none;
    }

    .join_form.flex-grow-1 .btn_box .com_btn_gray {
        padding: 8px 14px;
    }

    .btn_box .secession {
        font-size: 14px;
    }

    .btn_box .secession + .com_btn_blue {
        padding: 6px 14px;
    }

    .main_section .left .info_txt {
        font-size: 14px;
    }

    .main_section .left .item_box {
        width: 100px;
        height: 100px;
    }

    .main_section .right.top>p {
        font-size: 16px;
    }

    .main_section .right.top .dash_settings .settings .settings_txt {
        font-size: 14px;
    }

    .dashboard_container .top_section .today_chart .middle p {
        font-size: 16px;
    }




}





/* 미디어쿼리 */
@media (min-width: 992px) {
    .dashboard_container .top_section {
        display: flex ;
    }

    .dashboard_container .top_section {
        display: flex;
        padding: 20px;
        /* 임시 */
        justify-content: space-between;
    }


    .dashboard_container .top_section .today_chart,
    .dashboard_container .dashboard_section .iframe_section {
        width: 50%;
    }

    .dashboard_container .top_section .iframe_section {
        margin-left: 10px;
    }

    /* 이미지 확대 TEST */
    .circle { overflow: hidden; position: relative; width: 400px; height: 400px; }
    .circle:hover { --zoom: 2; }
    .circle img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(var(--zoom, 1)); transform-origin: var(--x) var(--y); transition: transform 0.3s ease; }

    /* 20241127 iframe */
    .dashboard_section, .iframe_bottom_box {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .dashboard_section .iframe_section, .iframe_bottom_box .iframe_section {
        width: 50%;
    }

    .dashboard_section .iframe_section:first-child {
        margin-right: 5px;
    }

    .dashboard_section .iframe_section:last-child {
        margin-left: 5px;
    }

    .dashboard_section .iframe_section:nth-child(even) {
        margin-top: 0px
    }

    .dashboard_custom {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .dashboard_item_custom {
        height: 520px !important;
        padding-bottom: 0 !important;
        width: calc(50% - 10px) !important;
    }

    /* 마이페이지 */
    .main_section>.iframe_section {
        margin-right: 10px;
    }

    .main_section .d-flex.flex-column {
        width: 100%;
    }

    .main_section .d-flex.flex-column .iframe_section {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }

    .main_section .d-flex.flex-column .iframe_section:first-child {
        margin-top: 0;
    }

    .main_section .d-flex.flex-column .iframe_section:last-child {
        margin-top: 10px;
    }


    .cancellation_content .block.block-rounded {
        width: 50%;
        margin: 0 auto;
    }



    /* 20241209 통합검색 */
    .search_section .total_search_box .search_img_box {
        width: 160px;
        height: 160px;
    }

    .search_section .total_search_box .txt_box .result_tit {
        font-size: 24px;
        font-weight: 700;
    }

    .search_section .total_search_box .txt_box .result_txt {
        font-size: 15px;
        font-weight: 700;
    }
    .search_section .total_search_box .link_box {
        display: flex;
        align-items: center;
        margin-top: 16px;
    }

    .search_section .total_search_box .link_box p {
        margin-top: 0;
    }

    .search_section .total_search_box .link_box .link {
        margin-left: 16px;
    }

    .info_section .iframe_section .search_table_box {
        display: flex;
    }

    .dashboard_container .dashboard_section .iframe_section.slide_section {
        width: calc(50% - 5px)
    }

}

@media (max-width: 991px) {
    .dashboard_container .dashboard_section.info_section {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .dashboard_section .iframe_section:nth-child(3) {
        margin-top: 20px
    }



}



@media (max-width: 818px) {
    .main_section .right.top .dash_settings {
        justify-content: center;
    }

    .main_section .right.top .dash_settings .settings {
        flex-direction: column;
    }

    .main_section .right.top .dash_settings .settings .settings_txt {
        padding-right: 0;
    }

}



@media (max-width: 667px) {
    .div_searchbar .popover  {
        width: 190px;
        transform: translate(5px, 64px);
    }

    .div_searchbar .popover-arrow {
        transform: translate(89px, 0px);
    }

    .div_searchbar .popover-body ul li {
        display: flex;
        align-items: center;
    }

    .div_searchbar .popover-body ul li .keyword_variety>p,
    .div_searchbar .popover-body ul li .keyword_item>p {
        font-size: 13px;
    }

    .div_searchbar .popover-body ul li>p {
        font-weight: 600;
        color: #0F172ACC;
        font-size: 13px;
    }


}

.interestItemSearchBox {
    position: absolute;
    top: 100%;
    background-color: white;
    width: 100%;
    border-radius: 8px;
    padding: 4px;
    border: 1px solid #dbd9d9;
    z-index: 100;
    max-height: 190px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.interestItemSearchResultItem {
    border-bottom: 1px solid #dbd9d9;
    padding: 4px;
    cursor: pointer;
}

.interestItemSearchResultItem:hover {
    background-color: #efefef;
}
/* 메인대시보드 슬라이드 미디어쿼리 */
@media (max-width: 1499px) {
    .bigDataSwiper .swiper-slide .slide_content_box {
        flex-direction: column;
    }

    .bigDataSwiper .slide_content_box .slide_price {
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-left: 0;
    }

    .bigDataSwiperBottomBox {
        display: none;
    }

    .test_table tbody tr:nth-child(6),
    .test_table tbody tr:nth-child(7) {
        display: none;
    }
    .chart-highlow{
        display : flex;
    }
}

@media (min-width: 992px) and (max-width: 1250px) {
    .slide_section {
        min-height: 389.25px
    }


    .bigDataSwiper .swiper-slide {
        padding: 0;
    }

    .bigDataSwiper .slide_price .top_price .date {
        font-size: 16px;
    }

    .bigDataSwiper .slide_price .top_price .price {
        font-size: 14px;
    }

    .bigDataSwiper .slide_price .bottom_price .price_txt {
        font-size: 12px;
    }

    .bigDataSwiper .slide_price .bottom_price .price {
        font-size: 16px;
    }

    .bigDataSwiper .slide_price .bottom_price .price_avg .price {
        font-size: 18px;
    }
    .chart-highlow{
        display : flex;
    }

}
@media (min-width: 767px) and (max-width: 858px){
    .chart-highlow{
        display : flex;
        flex-direction: column;
    }
}
@media (min-width: 858px) {
    .chart-highlow{
        display : flex;
    }
}

@media (min-width: 343px) and (max-width: 767px) {
    .bigDataSwiper .swiper-slide {
        padding: 0;
    }

    .bigDataSwiper .slide_price .top_price .date {
        font-size: 16px;
    }

    .bigDataSwiper .slide_price .top_price .price {
        font-size: 14px;
    }

    .bigDataSwiper .slide_price .bottom_price .price_txt {
        font-size: 12px;
    }

    .bigDataSwiper .slide_price .bottom_price .price {
        font-size: 16px;
    }

    .bigDataSwiper .slide_price .bottom_price .price_avg .price {
        font-size: 18px;
    }

    .main_section .right.bottom .table_mypage .col_resize {
        width: 110px
    }

    .main_section .right.bottom .table_mypage .text a {
        font-size: 14px;
    }

    .main_section .right.bottom .table_mypage .tg-0lax div>span {
        font-size: 12px;
    }

    .main_section .right.bottom .table_mypage .trend_3 div>span {
        font-size: 10px;
    }

    .main_section .right.bottom .table_mypage .none {
        display: none;
    }

    .dashboard_container .info_section .search_list .search_list_title {
        font-size: 14px;
    }

    .dashboard_container .info_section .join_txt .btn_box a {
        font-size: 13px;
    }

    .dashboard_item_custom {
        width: 100% !important;
    }
    .chart-highlow{
        display : flex;
        flex-direction: column;
    }

    .chart_content .today_chart .today_data_txt {
        font-size: 16px;
        margin-top: 4px;
    }

    .table_default thead th,
    .table_default thead td,
    .table_default tbody td a {
        font-size: 14px;
    }

    .dashboard_container .info_section ol li {
        font-size: 14px;
    }

    .dashboard_container .info_section .info_title.font_size {
        font-size: 14px;
    }

    .dashboard_container .info_section .info_title {
        font-size: 16px;
    }

    .dashboard_container .info_section .search_list ul li {
        font-size: 14px;
    }

    .dashboard_container .top_section .today_chart .bottom ul li p {
        font-size: 16px;
    }

}

@media (max-width: 400px) {
    .swiper-button-next, .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled, .swiper-button-prev {
        padding: 0 5px;
        height: 36px;
    }
}

@media (max-width: 560px) {
    .main_section .right.top .dash_settings .settings {
        margin-right: 0;
        width: 50%;
    }
}

@media (min-width: 343px) and (max-width: 625px) {
    .iframe_section .chart_btn_box.chart_selectbox {
        flex-direction: column;
    }

    .iframe_section .chart_btn_box.chart_selectbox .btn_list {
        margin-bottom: 8px;
    }

    .iframe_section .chart_btn_box.chart_selectbox .com_select {
        width: 100%;
        background: url(../images/next_icon.png) no-repeat 97% 50% / 13px auto;
        margin-bottom: 8px;
        font-size: 14px;
    }

    .dashboard_section .info_icon {
        width: 14px;
    }

    .chart-highlow{
        display : flex;
        flex-direction: column;
    }
}

.itr-item {
    z-index: 99;
    position: absolute;
    right: 4%;
}


@media (min-width: 1024px) and (max-width: 1200px) {
    .main_container .top_section .today_chart .icon_chart {
        width: 30px;
    }

    .chart_content .today_chart .today_data_txt {
        font-size: 20px;
        margin-top: 4px;
    }
}

@media (min-width: 343px) and (max-width: 550px) {
    .profile_section>.btn_box {
        text-align: center;
        margin-top: 14px;
    }

    .profile_section>.btn_box>a {
        font-size: 12px;
        padding: 7px 8px;
    }
}

@media (min-width: 551px) and (max-width: 767px) {
    .profile_section>.btn_box>a {
        font-size: 14px;
        padding: 8px 10px;
    }
}