@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-highlight bx-control */
    .main-spot-area .main-highlight .controls-arrow {
        display: none !important;
    }

    /* main banner publication */
    .main-spot-area {
        /*height: 540px; !* 학술대회 배너 추가 시 *!*/
    }
    .main-spot-area .main-spot-inner {
        width: 100%;
    }
    .main-spot-area .main-spot {
        position: absolute;
        /*top: 181px; !* 학술대회 배너 추가 시 *!*/
        top: 0;
        right: 0;
        padding: 0 30px;
        width: 100%;
        height: 360px;
        background-color: rgba(33,49,86,0.65);
        z-index: 10;
    }
    .main-spot-area .main-spot .publication-area {
        padding-top: 25px;
    }

    /* publication */
    .main-spot-area .prev-arrow {
        left: 25px;
    }
    .main-spot-area .next-arrow {
        right: 25px;
    }

    /* 학술대회 배너 */
    .main-spot-area .conf-banner-area {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        height: 181px;
        margin: 0 auto;
        padding: 0;
        border-bottom: 1px solid #fff;
        background-color: #3a5194;
        z-index: 1;
    }
    .main-spot-area .conf-banner-area a {
        text-align: center;
        border: 0;
    }
    .main-spot-area .conf-banner-area a img {
        display: inline-block;
        max-width: 100%;
        height: 180px;
    }

    /* ==================================================================================
    바로가기 - main-quick-area
================================================================================== */
    .quick-menu-area {
        margin: 0;
        padding: 0;
        background-color: #fff;
    }
    .quick-menu-area .quick-menu li {
        float: left;
        width: 33.33333%;
        height: 110px;
    }
    .quick-menu-area .quick-menu li:nth-child(2n) {
        width: 33.33333%;
    }
    .quick-menu-area .quick-menu li:nth-child(2n+1) {
        width: 33.33333%;
    }
    .quick-menu-area .quick-menu li a {
        position: relative;
        display: block;
        width: 100%;
        height: 110px;
        padding: 0;
        overflow: hidden;
        text-align: center;
        color: #666;
        background-repeat: no-repeat;
        transition: all 0.25s;
    }
    .quick-menu-area .quick-menu li a:hover {
        font-weight: 700;
        color: #333;
        background-color: #f9fcff;
    }
    .quick-menu-area .quick-menu li a .quick-title {
        display: inline-block;
        padding-top: 75px;
        font-size: 15px;
        font-weight: 500;
        transition: all 0.25s;
    }
    .quick-menu-area .quick-menu li a:hover .quick-title {
        /*font-weight: 700;*/
    }
    .quick-menu-area .quick-menu li.membership a {
        background-image: url(/images/main/main_quick_01_v2.png);
        background-position: center 18px, right 50%;
    }
    .quick-menu-area .quick-menu li.submission a {
        background-image: url(/images/main/main_quick_02_v2.png);
        background-position: center 18px, right 50%;
    }
    .quick-menu-area .quick-menu li.conference a {
        background-image: url(/images/main/main_quick_03_v2.png);
        background-position: center 18px, right 50%;
    }
    .quick-menu-area .quick-menu li.publication a {
        background-image: url(/images/main/main_quick_04_v2.png);
        background-position: center 18px, right 50%;
    }
    .quick-menu-area .quick-menu li.reference a {
        background-image: url(/images/main/main_quick_05_v2.png);
        background-position: center 18px, right 50%;
    }
    .quick-menu-area .quick-menu li.schedule a {
        background-image: url(/images/main/main_quick_06_v2.png);
        background-position: center 18px, right 50%;
    }
    .quick-menu-area .quick-menu li.kacepma a {
        background-image: url(/images/main/main_quick_07_v2.png);
        background-position: center 18px, right 50%;
    }
    .quick-menu-area .quick-menu li.members a {
        background-image: url(/images/main/main_quick_09_v2.png);
        background-position: center 20px, right 50%;
    }
    .quick-menu-area .quick-menu li.mypage a {
        background-image: url(/images/main/main_quick_08_v2.png);
        background-position: center 18px, right 50%;
    }

    /* *******************************************************************
        main-news-horizen : 건설계소식
    ******************************************************************* */
    .main-news-horizen {
        height: auto;
        line-height: 1.5;
        padding: 0 20px 30px;
    }
    .main-news-horizen .inner-wrap h3 {
        float: none;
        width: 100%;
        height: 60px;
        line-height: 60px;
        text-align: left;
        font-size: 17px;
    }
    .main-news-horizen .inner-wrap .notice-bd-area {
        float: none;
        width: 100%;
    }
    .main-news-horizen .inner-wrap .notice-bd-area ul.notice-bid li {
        width: 100%;
        height: auto;
    }
    .main-news-horizen .inner-wrap .notice-bd-area ul.notice-bid li a,
    .main-news-horizen .inner-wrap .notice-bd-area ul.notice-bid li p.empty {
        display: inline-block;
        width: 100%;
        height: auto;
        padding-left: 0;
        padding-right: 40px;
        font-size: 15px;
    }
    .main-news-horizen .inner-wrap .notice-bd-area ul.notice-bid li span {
        display: none;
    }
    .main-news-horizen .inner-wrap .notice-bd-area ul.notice-bid li a > span.highlight {
        display: none;
    }
    .main-news-horizen .inner-wrap .prev-arrow {
        top: -12px;
        right: 10px;
    }
    .main-news-horizen .inner-wrap .next-arrow {
        bottom: -5px;
        right: 10px;

    }
    .main-news-horizen .inner-wrap .controls-arrow a {
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align :center;
        border: 1px solid #dfdfdf;
        background-color: #fff;
    }

    /*********************************************************************/
    /* notice-area
    /********************************************************************/
    .notice-event-area {
        padding: 0;
    }
    .board-notice {
        width: 100%;
        padding: 0 20px;
    }
    .board-notice.event-area {
        width: 100%;
    }
    .board-notice .tab-wrap .more {
        width: 50px;
        height: 45px;
        line-height: 45px;
        font-size: 30px;
    }
    .board-notice ul.nav-tabs li a {
        height: 45px;
        line-height: 45px;
        font-size: 16px;
    }

    /* 공지사항 */
    .notice-area.board-notice {
        margin-right: 0;
    }
    .notice-area.board-notice ul.nav-tabs li {
        float: left;
        width: 120px;
    }
    .notice-area.board-notice ul.nav-tabs li:nth-child(2) {
        width: 120px;
    }
    .notice-area.board-notice ul.nav-tabs li a {
        font-size: 16px;
    }

    /* 학회행사 */
    .event-area.board-notice {
        margin-left: 0;
    }
    .event-area.board-notice ul.nav-tabs li {
        width: 120px;
    }
    .event-area.board-notice ul.nav-tabs li:nth-child(3) {
        width: 120px;
    }
    .event-area.board-notice ul.nav-tabs li a {
        font-size: 16px;
    }

    /* 회원동정 */
    .member-area.board-notice {
        float: none;
        margin-left: 0;
        mragin-right: 0;
    }
    .member-area.board-notice ul.nav-tabs li {
        width: 100px;
        margin: 0;
    }
    .member-area.board-notice ul.nav-tabs li:nth-child(2) {
        width: 100px;
    }
    .member-area.board-notice ul.nav-tabs li a {
        font-size: 16px;
    }

    /*게시판 글들*/
    .tab-content .tab-pane.board-con {
        height: auto;
        padding: 20px 0 30px;
    }
    .board-notice .tab-content ul > li a {
        font-size: 14px;
    }
    .board-notice .tab-content ul > li {
        margin: 0 0 7px;
    }
    .board-notice .tab-content ul > li:last-child {
        margin-bottom: 9px;
    }
    .board-notice .tab-content ul > li p.title.empty {
        font-size: 14px;
        font-weight: 400;
    }
    .board-notice .tab-content ul > li p.title a {
        float: none;
        width: 100%;
        font-size: 14px;
    }
    .board-notice .tab-content ul > li p.title span.highlight {
        width: 32px;
        height: 20px;
        line-height: 20px;
        margin-right: 7px;
        font-size: 12px;
    }
    .board-notice .tab-content ul > li p.title a b {
        width: auto;
    }
    .board-notice .tab-content ul > li p.date {
        display: none;
    }

    /***************************************
     .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
    }
    /*.rotation-banner-area .inner-wrap .bx-wrapper {*/
    /*    padding: 0 20px;*/
    /*}*/
    /*.rotation-banner-area .inner-wrap > ul {*/
    /*    !*visibility: hidden;*!*/
    /*    width: 100%;*/
    /*    margin: 0;*/
    /*    padding: 0;*/
    /*    list-style: none;*/
    /*}*/
    /*.rotation-banner-area .inner-wrap > ul li {*/
    /*    float: left;*/
    /*    width: 204px;*/
    /*    height: 60px;*/
    /*    margin: 0 20px 0 0;*/
    /*    padding: 0;*/
    /*    list-style: none;*/
    /*}*/
    /*.rotation-banner-area .inner-wrap > ul li:last-child {*/
    /*    margin: 0;*/
    /*}*/
    /*.rotation-banner-area .inner-wrap > ul li a {*/
    /*    display: block;*/
    /*    position: relative;*/
    /*    width: 204px;*/
    /*    height: 60px;*/
    /*    background-color: #eee;*/
    /*}*/
    /*.rotation-banner-area .inner-wrap ul li a img {*/
    /*    max-width: 100%;*/
    /*    width: 204px;*/
    /*    border: 1px solid #dfdfdf;*/
    /*}*/
}

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


}

@media print {

}