/* ==================================================================================
    Media query
================================================================================== */
@media only screen
and (max-width: 1300px) {

    .notice-etc {
        display: none;
    }

    .board-list-area ul.board-list > li {
        float: none;
        width: 48%;
        margin: 0 0 50px;
    }
    .board-list-area ul.board-list > li:nth-child(2n) {
        padding-left: 2%;
    }
    .board-list-area ul.board-list > li:nth-child(2n+1) {
        padding-right: 2%;
    }
    #wrap .board-list-area .inner-wrap-narrow {
        padding: 0 45px;
    }

}
@media only screen
and (max-width: 860px) {

    /* notice-list-area */
    .notice-list-area ul li {
        margin: 0 0 10px;
    }
    .notice-list-area ul li a {
        font-size: 14px;
    }
    .notice-list-area ul li a i {
        margin-right: 7px;
    }
    .notice-list-area ul li a b {

    }
    .notice-list-area ul li a small{
        margin-left: 10px;
    }

}

@media only screen
and (max-width: 768px) {

    /* ==================================================================================
        상단 주요 공지
    ================================================================================== */
    /* top-notice */
    .top-notice {
        min-height: 190px;
    }
    .top-notice .inner-wrap a {
        display: block;
        height: auto;
    }
    .top-notice .inner-wrap a img {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        max-width: 100%;
        margin: 0 auto;
        padding: 20px;
        height: auto;
        min-height: auto;
        transform: none;
    }
    .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
        min-height: 190px;
    }
    .swiper-slide:not(.swiper-slide-active){
        opacity: 0 !important;
    }

    /* ==================================================================================
        프로그램 리스트, 메뉴 2
    ================================================================================== */

    /* .main-content-area */
    .main-content-area {
        padding: 0 20px;
    }

    .main-content-area h4 {
        margin: 0 0 20px;
        font-size: 20px;
    }

    /* .notice-area */
    .notice-area {
        float: none;
        width: 100%;
        padding: 30px 0;
    }
    .notice-area:nth-child(2n) {
        padding: 30px 0;
    }
    .notice-area:nth-child(2n+1) {
        padding: 30px 0;
    }
    .notice-area ul.board-list > li {
        font-size: 15px;
    }
    .notice-area ul.board-list > li > span {
        padding: 10px 0;
        vertical-align: top;
    }
    .notice-area ul.board-list > li > .num {
        width: 40px;
        font-size: 13px;
    }
    .notice-area ul.board-list > li > .num > .icon-important {
        top: -2px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        font-size: 11px;
        border-radius: 20px;
    }
    .notice-area ul.board-list > li > .title {
        /*padding-left: 15px;*/
        /*text-overflow: initial;*/
        /*overflow: initial;*/
        /*white-space: normal;*/
    }
    .notice-area ul.board-list > li > .date {
        display: none;
    }

    /* .program-list */
    .program-list-btn {
        float: none;
        width: 100%;
        padding: 0 0 100px;
    }
    .program-list-btn .univ-name {
        margin: 0 0 30px;
        line-height: 1.5;
        font-size: 21px;
    }
    .program-list-btn ul li {
        margin: 0 0 15px;
    }
    .program-list-btn ul li a {
        height: 147px;
    }
    .program-list-btn ul li a span {
        height: 147px;
        line-height: 147px;
        font-size: 32px;
    }
    .program-list-btn ul li.thm02 a span {
        padding-top: 36px;
        line-height: 1.1;
    }

    /* notice-list-area */
    .notice-list-area {
        float: none;
        width: 100%;
        padding: 30px 0 0;
    }
    .notice-list-area ul li {
        margin: 0 0 10px;
    }
    .notice-list-area ul li a {
        font-size: 14px;
    }
    .notice-list-area ul li a i {
        margin-right: 7px;
    }
    .notice-list-area ul li a b {

    }
    .notice-list-area ul li a small{
        margin-left: 15px;
    }

    /* ==================================================================================
        프로그램 리스트, 메뉴
    ================================================================================== */
    /*!* .main-content-area *!*/
    /*.main-content-area {*/
    /*    height: auto;*/
    /*}*/

    /*!* .program-list *!*/
    /*.program-list-mobile {*/
    /*    padding: 60px 20px;*/
    /*}*/
    /*.program-list-mobile .univ-name {*/
    /*    margin: 0 0 30px;*/
    /*    text-align: center;*/
    /*    line-height: 1.5;*/
    /*    font-size: 21px;*/
    /*    font-weight: bold;*/
    /*}*/
    /*.program-list-mobile .univ-name b {*/
    /*    display: block;*/
    /*    color: #008dd3;*/
    /*}*/
    /*.program-list-mobile ul {*/

    /*}*/
    /*.program-list-mobile ul li {*/
    /*    position: relative;*/
    /*    margin: 0 0 15px;*/
    /*}*/
    /*.program-list-mobile ul li a {*/
    /*    display: block;*/
    /*    overflow: hidden;*/
    /*    height: 120px;*/
    /*}*/
    /*.program-list-mobile ul li a span {*/
    /*    display: block;*/
    /*    position: absolute;*/
    /*    left: 0;*/
    /*    top: 0;*/
    /*    width: 100%;*/
    /*    height: 120px;*/
    /*    line-height: 120px;*/
    /*    text-align: center;*/
    /*    font-size: 24px;*/
    /*    color: rgba(255,255,255,0.9);*/
    /*    background: rgba(0,0,0,0.45);*/
    /*}*/
    /*.program-list-mobile ul li.thm02 a span {*/
    /*    padding-top: 32px;*/
    /*    line-height: 1.1;*/
    /*}*/
    /*.program-list-mobile ul li a img {*/
    /*    display: block;*/
    /*    max-width: 100%;*/
    /*}*/

    /*!* .quick-menu-area *!*/
    /*.quick-menu-area {*/
    /*    display: none;*/
    /*}*/

    /* ==================================================================================
        컨텐츠 - 게시판 리스트
    ================================================================================== */
    .board-list-area {
        padding: 80px 20px 60px;
    }
    #wrap .board-list-area .inner-wrap-narrow {
        padding: 0;
    }
    .board-list-area h4 {
        margin: 0 0 30px;
        font-size: 24px;
        font-weight: 700;
        color: #000;
    }
    .board-list-area h4 b {
        margin: 0 10px 0 0;
        color: #00adef;
    }
    .board-list-area ul.board-list > li {
        float: none;
        width: 100%;
        margin: 0 0 50px;
    }
    .board-list-area ul.board-list > li:nth-child(2n),
    .board-list-area ul.board-list > li:nth-child(2n+1) {
        padding: 0;
    }
    .board-list-area ul.board-list > li a.thm {
        overflow: hidden;
        max-width: 100%;
        height: auto;
        max-height: 240px;
        margin: 0 auto 15px;
    }
    .board-list-area ul.board-list > li a.thm img {
        display: block;
        max-width: 100%;
    }
    .board-list-area ul.board-list > li a.thm.empty {
        height: 220px;
        padding-top: 20px;
        background-size: 40%;
    }
    .board-list-area ul.board-list > li a.thm.empty span {
        font-size: 32px;
    }
    .board-list-area ul.board-list > li > .title-area {
        max-width: 100%;
    }
    .board-list-area ul.board-list > li a.title {
        padding-right: 0;
        text-overflow: initial;
        overflow: visible;
        white-space: normal;
        line-height: 1.3;
        font-size: 19px;
        font-weight: bold;
    }
    .board-list-area ul.board-list > li span.board-label {
        position: static;
        display: block;
        margin-top: 5px;
        text-align: left;
        font-size: 13px;
        color: #999;
    }

    /* ==================================================================================
        layer popup
    ================================================================================== */

    /* contents */
    .layer-popup-area {
        width: 100%;
    }
    .layer-popup-area .cont {
        padding: 0;
        line-height: 1.3;
        font-size: 14px;
    }

    /* .cont-area */
    .layer-popup-area .conts-area {
        float: none;
        width: 100%;
    }
    .layer-popup-area .conts-area h1 {
        padding: 20px;
    }
    .layer-popup-area .conts-area h1 b {
        font-size: 15px;
    }
    .layer-popup-area.eng .conts-area h1 b {
        font-size: 14px;
    }
    .layer-popup-area .conts-area h1 strong {
        font-size: 24px;
    }
    .layer-popup-area.eng .conts-area h1 strong {
        font-size: 19px;
    }
    .layer-popup-area .conts-area .conts-info ul li {
        font-size: 13px;
    }
    .layer-popup-area .conts-area .conts-info .tb-layer-pop td {
        padding: 5px;
        letter-spacing: -0.25px;
        font-size: 13px;
    }
    .layer-popup-area .conts-area .conts-info p.thm img {
        max-width: 100%;
    }

    /* .bg-conts-area */
    .layer-popup-area .bg-conts-area,
    .layer-popup-area.eng .bg-conts-area {
        float: none;
        width: 100%;
        height: auto;
    }
    .layer-popup-area .bg-conts-area .address {
        position: static;
        padding: 45px 20px;
        letter-spacing: -0.45px;
        text-align: center;
        font-size: 15px;
        font-weight: bold;
        color: #333;
        background-color: rgba(255,255,255,0.65);
    }

    /* popup1 */
    .layer-popup-area.pop1 {
        top: -550px;
        left: 0;
        width: 100%;
        margin-left: 0;
        z-index: 1;
    }
    .layer-popup-area.eng.pop1 {
        top: -600px;
    }
    .layer-popup-area.pop1 .close {
        width: 100%;
    }

    /* popup2 */
    .layer-popup-area.pop2 {
        top: -400px;
        left: 0;
        width: 100%;
        margin-left: 0;
        z-index: 2;
    }
    .layer-popup-area.eng.pop2 {
        top: -450px;
    }
    .layer-popup-area.pop2 .close {
        width: 100%;
    }

    /* popup2 */
    .layer-popup-area.pop3 {
        top: -550px;
        left: 0;
        width: 100%;
        margin-left: 0;
        z-index: 2;
    }
    .layer-popup-area.eng.pop3 {
        top: -550px;
    }
    .layer-popup-area.pop3 .close {
        width: 100%;
    }

}

@media only screen
and (max-width: 400px) {



}


/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
##Device = 태블릿, 아이패드(가로)
##Screen = 768px에서 1024px 사이
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {



}

/* ----------- iPad Pro 10.5" ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 834px)
and (max-device-width: 1112px)
and (-webkit-min-device-pixel-ratio: 2) {



}

/* ----------- iPad Pro 12.9" ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2) {



}