ul {list-style-type: none;}
body {/*scrollbar-width: thin;*/}
body::-webkit-scrollbar {width: 5px;}
body::-webkit-scrollbar-track {background-color: transparent;}
body::-webkit-scrollbar-thumb {background-color: #9652b2;}
body::-webkit-scrollbar-button {width: 0;height: 0;}
::selection {background: #9652b2;color: #FFF;text-shadow: none;}
::-moz-selection {background: #9652b2;color: #FFF;text-shadow: none;}
::-webkit-selection {background: #9652b2;color: #FFF;text-shadow: none;}
select::-ms-expand {display: none;cursor: pointer;}
select {cursor: pointer;}
button {cursor: pointer;}
input { -webkit-appearance: none; }
/* 학과 세부 타이틀 */
.department_title img{float: left;}
.department_title p {font-family: 'notokr-medium', sans-serif;}
@media (min-width: 1240px){
    .department_title{margin-bottom: 40px;}
    .department_title img{width: 18px;height: 12px;margin: 6px 8px 6px 0px;}
    .department_title p {font-size: 24px;line-height: 24px;letter-spacing: -0.48px;}
}
@media (max-width: 1240px) and (min-width: 768px){
    .department_title{margin-bottom: 30px;}
    .department_title img{width: 18px;height: 12px;margin: 4px 8px 4px 0px;}
    .department_title p {font-size: 20px;line-height: 20px;letter-spacing: -0.4px;}
}
@media (max-width: 768px){
    .department_title{margin-bottom: 30px;}
    .department_title img{width: 18px;height: 12px;margin: 4px 8px 4px 0px;}
    .department_title p {font-size: 20px;line-height: 20px;letter-spacing: -0.4px;}
}


/* 서브페이지 */
.header_3 {font-family: notokr-medium, sans-serif;font-weight: normal;color: #701e97;margin: 0;line-height: 1.1;}

@media (min-width: 1240px){
    .header_3 {font-size: 20px;letter-spacing: -0.4px;margin-bottom: 8px;}  .header_3:not(:first-child) {margin-top: 8px;}
}
@media (max-width: 1240px) and (min-width: 768px){
    .header_3 {font-size: 18px;letter-spacing: -0.36px;margin-bottom: 8px;}  .header_3:not(:first-child) {margin-top: 8px;}
}
@media (max-width: 768px){
    .header_3 {font-size: 18px;letter-spacing: -0.36px;margin-bottom: 8px;}  .header_3:not(:first-child) {margin-top: 8px;}
}


/* 버튼 */
.link_btn {
    background-color: #474747;
    box-sizing: border-box;
    color: white;
    display: inline-block;
    vertical-align: middle;
    border: none;
    border-radius: 5px;
    font-family: notokr-medium, sans-serif;
    font-weight: normal;
    cursor: pointer;
}

.link_btn.highlight {
    background-color: #701e97;
}

@media (min-width: 1240px){
    .link_btn {
        min-width: 120px;
        height: 50px;
        padding: 0 16px;

        font-size: 16px;
        letter-spacing: -0.32px;
    }
}
@media (max-width: 1240px) and (min-width: 768px){
    .link_btn {
        min-width: 100px;
        height: 44px;
        padding: 0 14px;

        font-size: 14px;
        letter-spacing: -0.28px;
    }
}
@media (max-width: 768px){
    .link_btn {
        min-width: 100px;
        height: 44px;
        padding: 0 14px;

        font-size: 14px;
        letter-spacing: -0.28px;
    }
}


/* 결과창 */
.content_info_panel {
    width: 100%;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #e5e5e5;
}

.content_info_panel .content_info_table {
    text-align: left !important;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.content_info_table tr{

}

.content_info_table th{
    background-color: #f8f8f8;
    font-weight: normal;
    font-family: notokr-medium, sans-serif;
}

.content_info_table td {
    font-family: notokr-regular, sans-serif;
    box-sizing: border-box;
}

.content_info_table th, .content_info_table td{
    border-bottom: 1px solid #e5e5e5;
    color: #232323;
}

.content_info_table th:not(:last-child), .content_info_table td:not(:last-child){
    border-right: 1px solid #e5e5e5;
}

@media  (min-width: 1240px) {
    .content_info_table th {
        box-sizing: border-box;
        width: 130px;
    }

    .content_info_table td {
        font-size: 16px;
        letter-spacing: -0.32px;
    }

    .content_info_table th, .content_info_table td{
        font-size: 16px;
        letter-spacing: -0.32px;
        padding: 20px;
    }
}

@media  (min-width: 768px) and (max-width: 1240px) {
    .content_info_table th {
        box-sizing: border-box;
        width: 100px;
    }

    .content_info_table th, .content_info_table td{
        font-size: 14px;
        letter-spacing: -0.28px;
        padding: 10px;
    }
}

@media  (max-width: 768px) {
    .content_info_table {
        display: block;
    }

    .content_info_table tbody, .content_info_table tr {
        display: block;
        width: 100% !important;
    }
    .content_info_table th {
        display: inline-block;
        box-sizing: border-box;
        width: 100px;
    }

    .content_info_table td {
        display: inline-block;
        width: calc(100% - 100px) !important;
        float: right;
        height: 45px;
        border-right: none !important;
    }

    .content_info_table th, .content_info_table td{
        font-size: 14px;
        letter-spacing: -0.28px;
        padding: 10px;
    }
}


/* 반응형별 보이기 여부 */
@media (min-width: 1240px) {

    .pc_hide {display: none;}
    .mobile_show {display: none;}
    .tablet_show {display: none;}
    .pc_show {}

}
@media (min-width: 768px) and (max-width: 1240px) {
    .pc_hide {display: block;}
    .tablet_hide {display: none;}
    .mobile_show {display: none;}
    .tablet_show {display: block;}
    .pc_show {display: none;}

}
@media (max-width: 768px) {

    .mobile_hide {display: none;}
    .mobile_show {display: block;}
    .tablet_show {display: none;}
    .pc_show {display: none;}
}

/* 전공 > 교과목 개요 */
.subject_list {border-top: 1px solid #707070;}
.subject_item {}
.subject_item .subject_title {box-sizing: border-box;position: relative;cursor: pointer;border-bottom: 1px solid #e5e5e5;}
.subject_item .subject_title h4 {display: inline-block;font-family: notokr-regular, sans-serif;font-weight: normal;}
.subject_item .subject_title .arr_unfold, .subject_item .subject_title .arr_fold {float: right;}
.subject_item .subject_title .arr_unfold {}
.subject_item .subject_title .arr_fold {display: none;}
.subject_item .subject_detail {box-sizing: border-box;display: none;background-color: #f8f8f8;font-family: notokr-regular, sans-serif;color: #707070;line-height: 1.9;}
.subject_item.active .subject_title .arr_unfold{display: none;}
.subject_item.active .subject_title .arr_fold{display: block;}
.subject_item.active .subject_detail{display: block;font-family: notokr-regular, sans-serif;border-bottom: 1px solid #e5e5e5;}

@media (min-width: 1240px){
    .subject_list {}
    .subject_item {}
    .subject_item .subject_title { height: 70px; padding: 0px 28px; }
    .subject_item .subject_title h4 {margin: 0px;font-size: 16px;letter-spacing: -0.32px;line-height: 70px;}
    .subject_item .subject_title .arr_unfold, .subject_item .subject_title .arr_fold {width: 10px;margin-top: 30px;}
    .subject_item .subject_detail {padding: 35px 28px;font-size: 16px;letter-spacing: -0.32px;}
}

@media (max-width: 1240px) and (min-width: 768px){
    .subject_list {}
    .subject_item {}
    .subject_item .subject_title {padding: 20px;}
    .subject_item .subject_title h4 {margin: 0px;font-size: 14px;letter-spacing: -0.28px;line-height: 1.4;}
    .subject_item .subject_title .arr_unfold, .subject_item .subject_title .arr_fold {position: absolute;right: 20px;width: 10px;top: 50%;}
    .subject_item .subject_detail {padding: 35px 28px;border-bottom: 1px solid #e5e5e5;font-size: 14px;letter-spacing: -0.28px;}
}

@media (max-width: 768px){
    .subject_list {}
    .subject_item {}
    .subject_item .subject_title {padding: 20px;}
    .subject_item .subject_title h4 {margin: 0px;font-size: 14px;letter-spacing: -0.28px;line-height: 1.4;}
    .subject_item .subject_title .arr_unfold, .subject_item .subject_title .arr_fold {position: absolute;right: 20px;width: 10px;top: 50%;}
    .subject_item .subject_detail {padding: 35px 28px;border-bottom: 1px solid #e5e5e5;font-size: 14px;letter-spacing: -0.28px;}
}


/* 전공 > 교수진소개 (Faculty) */
.professor_list {font-size: 0;}
.professor_card {display: inline-block; vertical-align: top; box-sizing: border-box;border: 1px solid #e5e5e5;position: relative;}
.professor_card .profile_wrapper {box-sizing: border-box;text-align: center;}
.profile_wrapper .profile_circle {display: inline-block;border-radius: 100%;background-size: cover !important;background-position: center !important;}
.profile_wrapper .mail_circle, .profile_wrapper .instagram_circle, .profile_wrapper .youtube_circle {border-radius: 100%;background-color: #cccccc;position: absolute;text-align: center;cursor: pointer;right:15px;}
.profile_wrapper .mail_circle img{}
.profile_wrapper .professor_name {font-family: notokr-medium, sans-serif;color: #232323;line-height: 1;}
.profile_wrapper .professor_type {font-family: notokr-regular, sans-serif;color: #7b50b8;line-height: 1;}
.professor_card .professor_more {cursor: pointer;position: absolute;bottom: 0px;background-color: white;color: #232323;text-align: center;border-top: 1px solid #e5e5e5;}
.professor_more  .icon_more{display: inline-block;vertical-align: middle;}
.professor_more  .icon_more.hover{display: none;}
.professor_more  span{display: inline-block;vertical-align: middle;font-family: notokr-regular, sans-serif;color: #474747;}
.professor_card:hover {border: 1px solid #701e97;}
.professor_card .mail_circle:hover{background-color: #701e97;}
.professor_card .youtube_circle:hover {background-color: #fd3832;}
.professor_card .instagram_circle:hover {background: linear-gradient(-120deg, #8134af, #dd2a7b, #feda77);}
.professor_card:hover .professor_more{border: none;background-color: #701e97;color: white;}
.professor_card:hover .icon_more{display: none;}
.professor_card:hover .icon_more.hover{display: inline-block;}
.professor_card:hover .professor_more span{color: white;}


@media (min-width: 2000px) {
    .professor_card {
        /*width: 307px;*/
        width: calc(((100vw - 32px ) - 100px ) / 6 );
        height: 325px;border-radius: 10px;}
    .professor_list .professor_card:not(:nth-child(6n)) {margin-right: 20px ;margin-bottom: 30px;}
    .professor_card .profile_wrapper {height: 274px;padding: 40px 0px 30px 0px;}
    .profile_wrapper .profile_circle {width: 130px;height: 130px;}
    .profile_wrapper .mail_circle {width: 36px;height: 36px;top: 15px;}
    .profile_wrapper .youtube_circle {width: 36px;height: 36px;top: 97px;}
    .profile_wrapper .instagram_circle {width: 36px;height: 36px;top: 56px;}
    .profile_wrapper .mail_circle img, .profile_wrapper .youtube_circle img, .profile_wrapper .instagram_circle img{width: 16px;margin-top: 10px;}
    .profile_wrapper .professor_name {font-size: 18px;letter-spacing: -0.36px;margin-top: 20px;}
    .profile_wrapper .professor_type {font-size: 14px;letter-spacing: -0.28px;margin-top: 15px;}
    .professor_card .professor_more {width: 100%;height: 50px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
    .professor_more  .icon_more{width: 14px;margin-right: 8px;}
    .professor_more  span{line-height: 50px;font-size: 14px;letter-spacing: -0.28px;}
}

@media (max-width: 2000px) and (min-width: 1700px) {
    .professor_card {
        /*width: 307px;*/
        width: calc(((100vw - 32px ) - 80px ) / 5 );
        height: 325px;border-radius: 10px;}
    .professor_list .professor_card:not(:nth-child(5n)) {margin-right: 20px ;margin-bottom: 30px;}
    .professor_card .profile_wrapper {height: 274px;padding: 40px 0px 30px 0px;}
    .profile_wrapper .profile_circle {width: 130px;height: 130px;}
    .profile_wrapper .mail_circle {width: 36px;height: 36px;top: 15px;}
    .profile_wrapper .youtube_circle {width: 36px;height: 36px;top: 97px;}
    .profile_wrapper .instagram_circle {width: 36px;height: 36px;top: 56px;}
    .profile_wrapper .mail_circle img, .profile_wrapper .youtube_circle img, .profile_wrapper .instagram_circle img{width: 16px;margin-top: 10px;}
    .profile_wrapper .professor_name {font-size: 18px;letter-spacing: -0.36px;margin-top: 20px;}
    .profile_wrapper .professor_type {font-size: 14px;letter-spacing: -0.28px;margin-top: 15px;}
    .professor_card .professor_more {width: 100%;height: 50px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
    .professor_more  .icon_more{width: 14px;margin-right: 8px;}
    .professor_more  span{line-height: 50px;font-size: 14px;letter-spacing: -0.28px;}
}

@media (max-width: 1700px) and (min-width: 1240px){
    .professor_card {
        /*width: 307px;*/
        width: calc(((100vw - 32px ) - 63px ) / 4 );
        height: 325px;border-radius: 10px;}
    .professor_list .professor_card:not(:nth-child(4n)) {margin-right: 21px ;margin-bottom: 30px;}
    .professor_card .profile_wrapper {height: 274px;padding: 40px 0px 30px 0px;}
    .profile_wrapper .profile_circle {width: 130px;height: 130px;}
    .profile_wrapper .mail_circle {width: 36px;height: 36px;top: 15px;}
    .profile_wrapper .youtube_circle {width: 36px;height: 36px;top: 97px;}
    .profile_wrapper .instagram_circle {width: 36px;height: 36px;top: 56px;}
    .profile_wrapper .mail_circle img, .profile_wrapper .youtube_circle img, .profile_wrapper .instagram_circle img{width: 16px;margin-top: 10px;}
    .profile_wrapper .professor_name {font-size: 18px;letter-spacing: -0.36px;margin-top: 20px;}
    .profile_wrapper .professor_type {font-size: 14px;letter-spacing: -0.28px;margin-top: 15px;}
    .professor_card .professor_more {width: 100%;height: 50px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
    .professor_more  .icon_more{width: 14px;margin-right: 8px;}
    .professor_more  span{line-height: 50px;font-size: 14px;letter-spacing: -0.28px;}
}
/*
@media (min-width: 1240px){
    .professor_card {width: 307px;height: 325px;border-radius: 10px;}
    .professor_list:not(.four_in_line) .professor_card:not(:nth-child(3n)) {margin-right: 19px;margin-bottom: 30px;}
    .professor_list.four_in_line .professor_card { width: 225px; }
    .professor_list.four_in_line .professor_card:not(:nth-child(4n)) { margin-right: 19px;margin-bottom: 30px; }
    .professor_card .profile_wrapper {height: 274px;padding: 40px 0px 30px 0px;}
    .profile_wrapper .profile_circle {width: 130px;height: 130px;}
    .profile_wrapper .mail_circle {width: 36px;height: 36px;top: 15px;}
    .profile_wrapper .youtube_circle {width: 36px;height: 36px;top: 97px;}
    .profile_wrapper .instagram_circle {width: 36px;height: 36px;top: 56px;}
    .profile_wrapper .mail_circle img, .profile_wrapper .youtube_circle img, .profile_wrapper .instagram_circle img{width: 16px;margin-top: 10px;}
    .profile_wrapper .professor_name {font-size: 18px;letter-spacing: -0.36px;margin-top: 20px;}
    .profile_wrapper .professor_type {font-size: 14px;letter-spacing: -0.28px;margin-top: 15px;}
    .professor_card .professor_more {width: 100%;height: 50px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
    .professor_more  .icon_more{width: 14px;margin-right: 8px;}
    .professor_more  span{line-height: 50px;font-size: 14px;letter-spacing: -0.28px;}
}
*/
@media (max-width: 1240px) and (min-width: 768px){
    .professor_card {width: calc(33.333% - 6px);height: 278px;border-radius: 10px;}
    .professor_card:not(:nth-child(3n)) {margin-right: 9px;margin-bottom: 20px;}
    .professor_card .profile_wrapper {height: 225px;padding: 30px 0px 25px 0px;}
    .profile_wrapper .profile_circle {width: 110px;height: 110px;}
    .profile_wrapper .mail_circle {width: 32px;height: 32px;top: 15px;}
    .profile_wrapper .youtube_circle {width: 32px;height: 32px;top: 89px;}
    .profile_wrapper .instagram_circle {width: 32px;height: 32px;top: 52px;}
    .profile_wrapper .mail_circle img, .profile_wrapper .youtube_circle img, .profile_wrapper .instagram_circle img{width: 16px;margin-top: 8px;}
    .profile_wrapper .professor_name {font-size: 16px;letter-spacing: -0.32px;margin-top: 10px;}
    .profile_wrapper .professor_type {font-size: 14px;letter-spacing: -0.28px;margin-top: 10px;}
    .professor_card .professor_more {width: 100%;height: 50px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
    .professor_more  .icon_more{width: 14px;margin-right: 8px;}
    .professor_more  span{line-height: 50px;font-size: 14px;letter-spacing: -0.28px;}
}
@media (max-width: 768px){
    .professor_card {width: 100%;height: 278px;border-radius: 10px;margin-bottom: 20px;}
    .professor_card .profile_wrapper {height: 225px;padding: 30px 0px 25px 0px;}
    .profile_wrapper .profile_circle {width: 110px;height: 110px;}
    .profile_wrapper .mail_circle {width: 32px;height: 32px;top: 15px;}
    .profile_wrapper .youtube_circle {width: 32px;height: 32px;top: 89px;}
    .profile_wrapper .instagram_circle {width: 32px;height: 32px;top: 52px;}
    .profile_wrapper .mail_circle img, .profile_wrapper .youtube_circle img, .profile_wrapper .instagram_circle img{width: 16px;margin-top: 8px;}
    .profile_wrapper .professor_name {font-size: 16px;letter-spacing: -0.32px;margin-top: 10px;}
    .profile_wrapper .professor_type {font-size: 14px;letter-spacing: -0.28px;margin-top: 10px;}
    .professor_card .professor_more {width: 100%;height: 50px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
    .professor_more  .icon_more{width: 14px;margin-right: 8px;}
    .professor_more  span{line-height: 50px;font-size: 14px;letter-spacing: -0.28px;}
}


/* 기본 테이블 표 */
.table_panel {border-top: 1px solid #232323;}
.table_panel table{
    color: #232323;
    width: 100%;
    border-collapse: collapse;
    word-break: keep-all;
    text-align: center;
}
.table_panel table th{
    background-color: #f8f8f8;
    border: 1px solid #E5E5E5;
    font-weight: normal;
    box-sizing: border-box;
    border-top: 0;
}
.info_table td {border: 1px solid #E5E5E5;box-sizing: border-box; text-align: center;}
.info_table th:last-child {border-right: none;}
.info_table td:last-child {border-right: none;}
.info_table th:first-child {border-left: none;}
.info_table td:first-child {border-left: none;}
.info_table td ul {margin-bottom: 0 !important; text-align: left;}
.table_panel table ul li{
    position: relative;
    padding-left: 16px;
}
.table_panel table ul li::before{
    content: "";
    position: absolute;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #232323;
}
@media screen and (min-width:1360px) {
    .table_panel table{
        font-size: 16px;
        line-height: 26px;
    }
    .table_panel table th{
        height: 60px;
        background-color: #f8f8f8;
        color: #232323;
    }
    .table_panel table td{
        padding: 15px 20px;
    }
    .table_panel table ul li::before{
        top: 11px;
    }

}
@media screen and (min-width:768px) and (max-width:1359px) {
    .table_panel table{
        font-size: 14px;
        line-height: 24px;
    }
    .table_panel table th{
        height: 50px;
    }
    .table_panel table td{
        padding: 10px 15px;
    }
    .table_panel table ul li::before{
        top: 10px;
    }
}
@media screen and (max-width:768px) {
    .table_panel{
        overflow-x:scroll;
        overflow-y:hidden;
        white-space:nowrap;
        overflow:auto;
        -webkit-overflow-scrolling: touch;
    }
    .table_panel table{
        font-size: 14px;
        line-height: 24px;
    }
    .table_panel table th{
        height: 50px;
    }
    .table_panel table td{
        padding: 10px 15px;
    }
    .table_panel table ul li::before{
        top: 10px;
    }
}




/* 전공갤러리 */

.major_gallery_wrapper {
    width: 100%;
    font-size: 0;
}

.major_gallery_wrapper .major_gallery_main {
    display: inline-block;
    vertical-align: top;
}

.major_gallery_wrapper .major_gallery_main .thumbnail {
    background-color: #aaaaaa;
    overflow: hidden;
    text-align: center;
}

.major_gallery_wrapper .major_gallery_main .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.major_gallery_wrapper .major_gallery_main .thumbnail iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


.major_gallery_wrapper .major_gallery_main .controller {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #e5e5e5;
    height: 40px;
    text-align: center;
}

.major_gallery_wrapper .major_gallery_main .controller_item {
    box-sizing: border-box;
    border-top: none;
    border-bottom: none;
    background-color: white;
    padding: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 38px;
    vertical-align: top;
}

.major_gallery_wrapper .major_gallery_main .controller_pager {
    font-family: NS-R, sans-serif;
    display: inline-block;
    vertical-align: top;
    line-height: 38px;
}

.major_gallery_wrapper .major_gallery_main .controller_pager .total {
    color: #aaaaaa;
}

.major_gallery_wrapper .major_gallery_main .controller_item {
    border: none;
}

.major_gallery_wrapper .major_gallery_main .controller_item.control_left{
    border-right: 1px solid #e5e5e5;
    float: left;
}

.major_gallery_wrapper .major_gallery_main .controller_item.control_right{
    border-left: 1px solid #e5e5e5;
    float: right;
}

.major_gallery_wrapper .major_gallery_list {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    list-style-type: none;
}

.major_gallery_wrapper .major_gallery_item {
    background-color: #aaaaaa;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
}

.major_gallery_wrapper .major_gallery_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.major_gallery_wrapper .major_gallery_item:hover,
.major_gallery_wrapper .major_gallery_item.active {
    border: 5px solid #6f4dbb;
}

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

    .major_gallery_content {
        padding-top: 30px;
    }

    .major_gallery_wrapper {

    }


    .major_gallery_wrapper .major_gallery_main {
        width: calc(100% - 260px);    /*760px;*/
        height: 45vw;
        margin-right: 20px;
    }

    .major_gallery_wrapper .major_gallery_main .thumbnail {
        width: 100%;
        height: 40vw;   /*427px;*/

    }

    .major_gallery_wrapper .major_gallery_main .controller {

    }

    .major_gallery_wrapper .major_gallery_main .controller_pager {
        font-size: 14px;
        color: #232323;
    }

    .major_gallery_wrapper .major_gallery_main .controller_item {

    }

    .major_gallery_wrapper .major_gallery_main .controller_item.control_left{

    }

    .major_gallery_wrapper .major_gallery_main .controller_item.control_right{

    }

    .major_gallery_wrapper .major_gallery_list {
        width: 180px;   /*calc(100% - 780px);*/
    }

    .major_gallery_wrapper .major_gallery_item {
        width: 100%;
        height: 101px;
        margin-bottom: 20px;
    }
}
@media screen and (min-width:768px) and (max-width:1240px) {

    .major_gallery_content {
        padding-top: 60px;
    }

    .major_gallery_wrapper {

    }


    .major_gallery_wrapper .major_gallery_main {
        display: block;
        width: calc(100vw - 45px);
        margin-bottom: 20px;
    }

    .major_gallery_wrapper .major_gallery_main .thumbnail {
        width: 100%;
        height: calc(56.25vw - 4px);

    }

    .major_gallery_wrapper .major_gallery_main .controller {

    }

    .major_gallery_wrapper .major_gallery_main .controller_pager {
        font-size: 14px;
        color: #232323;
    }

    .major_gallery_wrapper .major_gallery_main .controller_item {

    }

    .major_gallery_wrapper .major_gallery_main .controller_item.control_left{

    }

    .major_gallery_wrapper .major_gallery_main .controller_item.control_right{

    }

    .major_gallery_wrapper .major_gallery_list {
        display: block;
        width: 100vw;
        font-size: 0;
    }

    .major_gallery_wrapper .major_gallery_item {
        display: inline-block;
        vertical-align: top;
        width: calc(25vw - 24px);
        height: calc(14.0625vw - 12px);
    }

    .major_gallery_wrapper .major_gallery_item:not(:last-child) {
        margin-right: 16px;
    }
}
@media screen and (max-width:768px) {
    .major_gallery_content {
        padding-top: 40px;
    }

    .major_gallery_wrapper {

    }


    .major_gallery_wrapper .major_gallery_main {
        display: block;
        width: calc(100vw - 45px);
        margin-bottom: 20px;
    }

    .major_gallery_wrapper .major_gallery_main .thumbnail {
        width: 100%;
        height: calc(56.25vw - 4px);

    }

    .major_gallery_wrapper .major_gallery_main .controller {

    }

    .major_gallery_wrapper .major_gallery_main .controller_pager {
        font-size: 14px;
        color: #232323;
    }

    .major_gallery_wrapper .major_gallery_main .controller_item {

    }

    .major_gallery_wrapper .major_gallery_main .controller_item.control_left{

    }

    .major_gallery_wrapper .major_gallery_main .controller_item.control_right{

    }

    .major_gallery_wrapper .major_gallery_list {
        display: block;
        width: 100%;
        font-size: 0;
    }

    .major_gallery_wrapper .major_gallery_item {
        display: inline-block;
        vertical-align: top;
        width: calc(25vw - 24px);
        height: calc(14.0625vw - 12px);
    }

    .major_gallery_wrapper .major_gallery_item:not(:last-child) {
        margin-right: 16px;
    }
}