@charset "utf-8";

@media all and (min-width: 1500px) {
    .container {
        min-width: 1440px;
    }
}

@media all and (max-width: 1500px) {
    .header_box .header_inner h1 a {
        max-width: 250px!important;
        background-size: 250px!important;
    }
}

@media all and (max-width: 1400px) {
    .researcher_view_l {
        width: 710px;
    }

    .j_v_t_l {
        width: 736px;
    }

    .header_wrap nav {
        margin-left: 40px
    }

    .header_wrap nav ul li {
        margin-right: 20px
    }
}

@media all and (max-width: 1200px) {
    .h_t_link_box {
        display: none;
    }

    .side_bt_box {
        display: block;
    }

    .option_search_box {
        width: 300px;
    }

    .researcher_view_l {
        width: auto;
        float: none;
    }

    .r_view_link {
        float: none;
        width: auto;
    }

    .r_v_i_tab ul li a {
        font-size: 15px;
    }

    .r_v_i_tab ul li a span {
        display: none;
    }

    .header_inner nav {
        display: none;
    }

    .j_v_t_l {
        float: none;
        width: auto;
    }

    .j_v_info_r {
        float: none;
        width: auto;
    }

    .j_v_dl {
        margin-bottom: 25px;
    }

    .j_v_dl dt {
        float: none;
    }

    .j_v_dl dd {
        margin: 0 0 0 15px;
    }

    .fillter_con_box {
        padding: 15px;
    }

    .s_r_contents {
        margin-left: 0;
    }

    .modal_box {
        position: fixed;
        display: none;
        background: #000;
        z-index: 99;
        top: 0;
        left: 0;
        right: -1000px;
        bottom: 0;
        opacity: 0
    }

    .modal_box.active {
        display: block;
        opacity: 0.7;
        right: 0;
    }

    .m_fillter_box {
        display: block;
    }

    .m_fillter_close {
        display: block;
    }

    .s_f_m_top {
        height: 64px;
        display: block;
        position: relative;
        padding: 20px 15px;
        border-bottom: 1px solid #ddd;
    }

    .s_f_m_top h4 {
        font-size: 20px;
    }

    .search_filter_wrap {
        border-radius: 0;
        position: fixed;
        left: -400px;
        top: 0;
        bottom: 0;
        z-index: 999;
        background: #fff;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        width: 300px;
    }

    .search_filter_wrap .brick_line {
        box-shadow: none;
        border: 0;
    }

    .s_f_wrap {
        position: absolute;
        left: 0;
        right: 0;
        top: 88px;
        bottom: 20px;
        overflow-y: scroll;
    }

    .search_filter_inner {
        height: 100%;
    }

    .search_filter_scroll {
        overflow-y: scroll;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 130px;
        padding: 0 15px;
    }

    .search_filter_wrap.active {
        left: 0;
        opacity: 1;
    }

    .main_header_wrap .mobile_nav_bt span {
        background: #fff;
    }

    .m_b_c_box {
        height: auto;
    }

    .m_s_q_item {
        padding: 20px 0;
    }

    .m_s_q_item a {
        line-height: 24px;
        padding: 38px 0 0 0;
        text-align: center;
    }

    .m_s_q_item a span {
        left: 50%;
        margin-left: -22px;
        top: 0;
    }

    .m_s_q_item a:after {
        display: none;
    }

    .v_co_chart {
        margin-left: 0;
    }
}

@media only screen and (max-width: 992px) {
    .alphabet_kor a,
    .alphabet_eng a {
        display: none;
    }

    .m_key_sel {
        display: block;
    }

    .option_search_box {
        position: relative;
        width: 100%;
        right: auto;
        bottom: auto;
        border-radius: 5px;
        margin-top: 10px
    }

    .sub_nav {
        display: none;
    }

    .r_v_i_tab ul li {
        width: 50%;
    }

    .r_v_i_tab ul li:nth-child(even):after {
        display: none
    }

    .inner_tab_t ul li a {
        background: #f3f3f3;
        color: #777;
    }

    .inner_tab_t ul li a.on {
        border: 0;
    }

    .l_alt_box {
        display: none;
    }

    .list_title_t {
        font-size: 16px;
    }

    .list_writer ul li,
    .list_writer ul li a {
        font-size: 14px;
    }

    .list_italic_t ul li {
        font-size: 14px;
    }

    .list_row {
        padding-right: 0;
    }

    .r_d_name {
        margin: 0 0 0 120px;
    }

    .r_d_name_t01 {
        font-size: 20px;
    }

    .r_d_name_t02 {
        font-size: 18px;
    }

    .research_area_box ul li {
        font-size: 14px;
    }

    .r_d_img {
        width: 100px;
        height: auto;
    }

    .r_d_qr_img {
        display: none;
    }

    .r_v_b_tit {
        font-size: 18px;
    }

    .journal_tit {
        font-size: 18px;
        padding: 0 45px 0 0
    }

    .j_v_t_l .list_writer ul li,
    .j_v_t_l .list_writer ul li a {
        font-size: 14px;
    }

    .issue_date_top {
        width: 100%;
    }

    .sub_nav_wrap {
        margin-top: 7px;
    }

    .m_search_wrap {
        padding: 30px;
        height: auto;
    }

    .main_search_box {
        width: 100%;
    }

    .m_recommend_box {
        width: auto;
    }

    .m_recommend_box h4 {
        float: none;
    }

    .m_recommend_box ul {
        margin: 0;
    }

    .m_s_top_tit p {
        font-size: 30px
    }

    .m_s_top_tit span {
        font-size: 34px
    }

    .main_search_box {
        height: 64px;
        padding: 20px 65px 0 30px;
    }

    .main_search_box .m_search_bt {
        width: 60px;
        height: 60px;
    }

    .m_about_box {
        background: #fff;
        padding: 35px
    }

    .m_about_link {
        position: relative;
        right: auto;
        top: auto;
        width: auto;
        margin: 20px 0 0
    }

    .m_j_tab_box {
    }

    .m_j_tab_box ul li span {
        font-size: 16px;
        width: auto;
        padding: 0 10px;
        min-width: auto;
    }

    .m_s_q_item a {
        font-size: 16px;
    }

    .m_h3_tit {
        font-size: 30px;
    }

    .r_v_tab_wrap ul li {
        width: 33.333333333%;
        text-align: center;
        margin-right: 0;
    }

    .r_v_tab_wrap ul li a {
        font-size: 16px;
    }

    .r_v_tab_wrap ul li a i {
        display: none;
    }

    .m_a_v_t03 em {
        display: inline-block;
    }

    .m_about_video_wrap {
        background: none;
    }

    .m_a_v_t_b .normal_bt {
        display: none;
    }

    .news_box_item p {
        height: auto;
    }

    .d_v_back {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .mobile_nav_bt {
        width: 28px;
        height: 28px;
    }

    .mobile_nav_bt span {
        height: 2px;
    }

    .m_h3_tit {
        font-size: 26px;
    }

    .add_more_box .more_bt {
        margin-top: -5px;
    }

    .header_box .header_inner h1 a,
    .main_header_wrap .header_box .header_inner h1 a {
        width: 260px;
        background-size: 260px auto;
    }

    .r_v_i_tab ul li a {
        font-size: 14px;
    }

    .list_italic_t {
        background: #f9f9f9;
        padding: 10px;
        border-radius: 10px;
    }

    .list_italic_t ul li {
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 5px;
    }

    .list_italic_t ul li:after {
        display: none;
    }

    .list_oa_icon {
        width: 16px;
        height: 16px;
        background: url(../../image/layout/oa_icon.png) no-repeat 50% 0;
        margin: 4px 0 0 4px;
    }

    .s_j_tit {
        font-size: 16px;
        height: auto;
    }

    .main_journal_more {
        margin-top: 25px;
        position: relative;
        right: auto;
        bottom: auto;
        text-align: center;
    }

    .m_r_info_row {
        padding: 0;
    }

    .m_r_r_j_more {
        display: block;
        width: 100%;
        position: relative;
        right: auto;
        top: auto;
        margin-top: 30px;
        height: 52px;
    }

    .m_r_r_journal {
        padding-right: 0;
    }

    #main_journal_slide .owl-nav [class*=owl-] {
        top: auto;
        bottom: -10px;
    }

    #main_journal_slide .owl-nav button.owl-prev {
        left: 0;
    }

    #main_journal_slide .owl-nav button.owl-next {
        right: 0;
    }

    #main_journal_slide .owl-dots {
        margin-top: 25px;
    }

    .m_j_tab_box ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .m_j_tab_box ul li span {
        display: block;
    }

    #main_journal_slide .owl-nav {
        top: auto;
        bottom: -51px;
    }

    .r_v_tab_wrap ul li a {
        font-size: 15px;
    }

    .r_v_tab_wrap ul li a span {
        display: none;
    }
    .error-actions {
        flex-direction: column;
        align-items: center;
    }

    .error-actions button {
        width: 100%;
        max-width: 200px;
    }

    .j_v_listed ul {
        grid-template-columns: 1fr;
    }

    .database-badge {
        min-width: 60px;
        font-size: 10px;
        padding: 4px 8px;
    }

    .year-info {
        font-size: 12px;
    }

    .s_r_contents {
        margin: 0!important;
    }

    .researcher_view_l {
        width: 100%;
    }

    .r_d_img_wrap {
        text-align: center;
        display: block;
        width: 100%;
    }

    .r_d_img {
        display: inline-block;
    }

    .r_d_name {
        display: block;
        margin: 0;
    }
}