@charset "utf-8";

/* PC */
@media screen and (min-width: 1025px) {
    /****************************************
    01. common style
    ****************************************/
}

/* tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    /****************************************
    01. common style
    ****************************************/
}

/*배경관련*/
@media (min-width: 768px) and (max-width: 1200px) {

}

/* phone ~ 767px */
@media screen and (max-width: 767px) {


    #container {
        margin-top: 60px;
    }
    .carousel-control .main_banner_control {
        display: none !important;
    }

    /* main banner bg */
    .main-spot-area .main-spot-bg {
        height: 360px;
        background-color: rgba(33,49,86,0.35);
    }

    /* *******************************************************************
        col-eng : 간행물
    ******************************************************************* */
    .col-eng {
        padding: 10px 0 30px;
    }
    .col-eng .journal {
        float: none;
        width: 100%;
        padding: 10px 20px;
    }
    .col-eng .journal .journal-inner {
        height: auto;
    }

    .col-eng .journal .journal-inner .title {
        padding: 10px 0;
        line-height: 1.3;
        font-size: 15px;
    }

    .col-eng .journal .journal-inner img {
        margin-top: 20px;
        margin-bottom: 5px;
        max-width: 100%;
        width: 160px;
    }
    .col-eng .journal .journal-inner .btn-area {
        padding-bottom: 15px;
    }
    .col-eng .journal .journal-inner .btn-area a {
        width: 100%;
        max-width: 220px;
        line-height: 30px;
        font-size: 13px;
    }

    .col-eng .journal .journal-inner .btn-area a i {
        padding-right: 10px;
    }

    .col-eng .journal .journal-inner .text {
        padding: 20px 20px 0;
        font-size: 13px;
    }

    /***************************************
     .main-banner
    ***************************************/
    .main-banner {
        float: none;
        width: 100%;
        margin-left: 0;
        padding: 0 20px;
    }

    /* slide banner */
    .main-banner-slide {
        margin: 0 0 10px;
    }
    .main-banner .bx-wrapper {
        margin: 0 0 10px;
    }
    .main-banner .bx-wrapper img {
        width: 100%;
        height: auto;
    }

    /* ==================================================================================
        상시배너 - rotation-banner-area
    ================================================================================== */
    .rotation-banner-area {

    }
    .rotation-banner-area .inner-wrap {
        padding: 30px 0;
    }

    /* type2 : cycle2 */
    .rotation-banner-area .inner-wrap > div {
        float: none;
        width: 184px;
        margin: 0 auto 30px;
        /*padding: 10px;*/
        /*text-align: center;*/
        /*border: 1px solid #eee;*/
    }
    .rotation-banner-area .inner-wrap > div a {
        /*display: inline-block !important;*/
        /*top: 10px !important;*/
        /*left: 50% !important;*/
        /*margin-left: -92px;*/
    }
    .rotation-banner-area .inner-wrap > div:last-child {
        margin: 0 auto
    }
}

/* phone ~ 320px */
@media screen and (max-width:380px) {


}

@media print {

}