@charset "utf-8";


@media screen and (max-width: 1610px) {
    .main-quick li a {
        background-size: 67px;
    }
    .main-quick li .explain span {
        display: inline;
    }

    .publication ul li img {
        width: 100%;
    }
    .publication ul li a {
        display: inline-block;
        text-align: center;
        width: 100%;
        line-height: 22px;
        color: #fff;
        font-size: 12px;
        transition: 0.25s;
    }
    .buttons-area ul li {
        padding: 25px 0;
    }
    .buttons-area ul li a span {
        padding-top: 10px;
        padding-left: 0;
        display: block;
        font-size: 15px;
        text-align: center;
    }
}

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

    .main-banner ul > li.type3.temp .con-area .title {
        font-size: 36px;
    }
    .main-banner ul > li.type3.temp .con-area .sub-title {
        font-size: 21px;
    }
    .main-banner ul > li.type3.temp .con-area .title small {
        font-size: 21px;
    }

}

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

    /*layout*/
    .main-spot-area .main-banner {
        float: none;
        width: 100%;
    }
    .main-spot-area .calander {
        float: none;
        width: 100%;
        height: auto;
        padding-bottom: 20px;
    }

    .main-quick {
        float: left;
        width: 100%;
    }

    /* 행사 배너 */
    .conference {
        float: none;
        width: 100%;
        height: 190px;
    }
    .conference ul {
        visibility: hidden;
    }
    .conference ul li {
        height: 190px;
        background-color: #eee;
    }
    .conference ul.banner-slide li > a {
        display: block;
        height: 190px;
        transition: all 0.25s;
        text-decoration: none !important;
    }
    .conference ul.banner-slide li > a h1 {
        font-size: 32px;
    }
    .conference ul.banner-slide li > a p {
        font-size: 18px;
    }

    /* 기업체 배너, 간행물 */
    .aside {
        overflow: hidden;
        float: none;
        width: 100%;
    }
    .advertise {
        float: right;
        width: 50%;
        background-color: #dfdfdf;
    }
    .publication {
        float: left;
        width: 50%;
        padding: 10px 20px;
        background-color: #ffefd3;
    }
    .publication h3 {
        margin-bottom: 0;
        padding: 5px;
        font-size: 19px;
    }
    .publication ul li .btn-publication-area {
        display: none;
    }
    .publication ul li a:not(:first-child) {
        display: none;
    }
    .publication ul {
        margin-top: 10px;
        height: 100%;
    }
    .publication ul li {
        height: auto;
    }
    .publication ul li a {
        height: 100%;
    }
    .publication ul li a img,
    .publication ul li a img {
        /*height: 80%;*/
        width: auto;
    }

    .boards-area {
        width: 100%;
    }
    .boards {
        float: left;
        width: 50%;
        padding: 30px;
    }

    .buttons-area ul li a img {
        width: 80px;
    }

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

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

    /* main-banner */
    .bx-controls-direction {
        display: none !important;
    }

    /* type0 */
    .main-banner ul > li.type0 {
        background-position-x: 86% !important;
    }

    /* type1 */
    .main-banner .bx-viewport > ul > li.type1 {
        display: inline-block;
        height: 250px;
    }

    /* type2 */
    .main-banner .bx-viewport > ul > li.type2 {
        display: inline-block;
        /*height: 250px;*/
    }
    .main-banner ul > li.type2 .con-area .title {
        font-size: 42px;
    }
    .main-banner ul > li.type2 .con-area .date {
        font-size: 16px;
    }
    .main-banner ul > li.type3 .banner-area br {
        display: block;
    }

    /* calendar */
    .main-spot-area .calander {
        height: auto;
        padding: 10px;
    }
    .main-quick li {
        float: left;
        width: 50%;
    }

    .conference {
        height: 190px;
    }
    .conference ul li {
        height: 190px;
    }
    .conference ul.banner-slide li > a {
        height: 190px;

    }
    .conference ul.banner-slide li > a h1 {
        font-size: 32px;
    }
    .conference ul.banner-slide li > a p {
        font-size: 18px;
    }

    /* 행사 텍스트 */
    .main-banner ul > li.type3.conf {
        /*background: url("/images/main/main_banner/main_banner_default.jpg") no-repeat center center;*/
    }
    .main-banner ul > li.type3.conf .banner-area {
        /*margin: 0;*/
    }
    .main-banner ul > li.type3.seminar.temp {
        /*background: #e3f3fd url(/images/main/bg_pattern.png) left top no-repeat;*/
        background: #e3f3fd url(/images/main/main_banner/main_banner_default.jpg) center top no-repeat;
    }
    .main-banner ul > li.type3 .con-area {
        margin: 40px 20px 0;
        padding: 20px;
    }
    .main-banner ul > li.type3 .con-area .sub-title {
        font-size: 18px;
    }
    .main-banner ul > li.type3 .con-area .title {
        font-size: 32px;
    }
    .main-banner ul > li.type3 .con-area .title small {
        font-size: 24px;
    }

    /* 임시 배너 */
    .main-banner ul > li.type3.temp .con-area .title {
        margin: 0 0 20px !important;
        line-height: 1.3;
        font-size: 30px;
    }
    .main-banner ul > li.type3.temp .con-area .sub-title {
        font-size: 18px;
    }
    .main-banner ul > li.type3.temp .con-area .sub-eng-title {
        display: none;
    }
    .main-banner ul > li.type3.temp .con-area .date li {
        margin: 0;
        font-size: 16px !important;
    }
    .main-banner ul > li.type3.temp .con-area .title small {
        font-size: 24px;
    }
    .main-banner ul > li.type3.temp .con-area .date {

    }
    .main-banner ul > li.type3.seminar.temp .banner-area {
        margin: 18px 16px 0;
    }
    .main-banner ul > li.type3 .banner-area {
        margin: 20px 20px 0 !important;
        padding: 20px;
        /*background-color: rgba(16,48,86,0.45);*/
    }
    .main-banner ul > li.type3 .banner-area .year {
        margin: 0;
        line-height: 1;
        font-size: 21px;
    }
    .main-banner ul > li.type3 .banner-area .sub-title {
        margin-top: 10px;
        line-height: 1.2;
        font-size: 18px;
    }
    .main-banner ul > li.type3 .banner-area .title {
        line-height: 1.3 !important;
        font-size: 32px;
    }
    .main-banner ul > li.type3.temp .con-area .title br {
        display: block;
    }
    .main-banner ul > li.type3 .banner-area .title small {
        font-size: 24px;
    }

    .advertise {
        width: 100%;
        height: 310px;
        background-color: #dfdfdf;
    }
    .advertise {
        height: 310px;
    }
    .advertise ul.banner-slide li,
    .advertise ul.banner-slide li > a {
        height: 310px;
    }
    .publication {
        width: 100%;
        padding: 30px;
        /*height: 240px;*/
        height: auto;
        background-color: #ffefd3;
    }
    .publication h3 {
        margin-bottom: 0;
        padding: 0 0 15px 0;
        font-size: 19px;
    }
    .boards {
        float: right;
        width: 100%;
        padding: 30px;
    }
    #members.boards, #job.boards {
        height: auto;
    }
    .boards#business-news {
        background-color: #fafafa;
    }
    .buttons-area ul {
        padding-bottom: 20px;
    }
    .buttons-area ul li {
        /*float: left;*/
        /*display: block;*/
        /*text-align: center;*/
        /*padding: 35px 0;*/
        /*height: 170px;*/
        /*overflow: hidden;*/
        width: 33.33%;
        height: auto;
        padding: 20px 0 0 0;
    }
    .buttons-area ul li a span {
        padding-top: 5px;
    }
    .buttons-area ul li:nth-child(4),
    .buttons-area ul li:last-child {
        width: 33.33%;
    }


}

@media screen and (max-width: 630px) {
    .schedule-list ul li .date {
        width: 100%;
        display: block;
    }
    .schedule-list ul li .title {
        width: 100%;
        display: block;
    }
    .schedule-list ul li .title b {
        display: block;
        text-overflow: clip;
        /*overflow: hidden; */
        white-space: normal;
        font-weight: 500;
        font-size: 14px;
    }
}

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

    /* type-kipe */
    .main-banner ul > li.type-kipe {
        background: url("/images/main/main_banner/bg_main_banner_kipebg.jpg") no-repeat 82% center;
    }
    .main-banner ul > li.type-kipe .default .title {
        margin: 0;
        padding: 0 40px 0 0;
        background-color: transparent;
    }

    /* default */
    .main-banner ul > li.type0 {
        position: relative;
        background-size: cover;
        background-position: right top;
    }
    .main-banner ul > li.type0 .default .title {
        margin: 80px 20px 0;
        padding: 20px 10px;
        background-color: rgba(3,31,71,0.35);
    }
    .main-banner ul > li.type0 .default .title h1,
    .main-banner ul > li.type0.conf-end .default .title h1 {
        margin: 0 20px 20px;
        padding: 10px 0 10px 0;
        text-align: center;
        font-size: 20px;
        color: #fff;
        background-color: transparent;
    }
    .main-banner ul > li.type0 .default .title h2 {
        margin: 0 20px;
        padding: 0 0 10px 0;
        text-align: center;
        font-size: 22px;
        background-color: transparent;
    }
    .main-banner ul > li.type0 .default .caption,
    .main-banner ul > li.type0.conf-end .default .caption {
        position: static;
        width: 80%;
        margin: 50px auto 0;
    }
    .main-banner ul > li.type0 .default .caption a {
        display: block;
        padding: 0 10px;
        font-size: 14px;
        background-color:  rgba(0,0,0,0.45);
    }
    .main-banner ul > li.type0 .default .caption a:hover {
        background-color:  rgba(0,0,0,0.75);
    }

    /* default */
    .main-banner ul > li.type0 .default .title {
        padding-top: 20px;
    }
    .main-banner ul > li.type0 .default .title h1 {
        margin: 0 30px;
        padding: 10px 0 10px 0;
        font-size: 20px;
    }
    .main-banner ul > li.type0 .default .title h2 {
        margin: 0 30px;
        font-size: 15px;
    }
    .main-banner ul > li.type0 .default .caption {
        margin: 200px auto 0;
    }
    .main-banner ul > li.type0 .default .caption a {
        display: block;
        font-size: 13px;
    }

    /* AUTO CONTROLS (START / STOP) */
    .main-banner .bx-wrapper .bx-controls-auto {
        position: absolute;
        left: 50%;
        bottom: 50px;
        width: 70px;
        margin: 0 0 0 -35px;
    }

    /*pager*/
    .main-banner .bx-controls .bx-pager {
        /*display: block !important;*/
        bottom: 10px;
    }

    /* arrow */
    .main-banner .controls-arrow a {
        display: block;
        width: 28px;
        height: 40px;
        line-height: 40px;
    }
    .main-banner .controls-arrow a i {
        font-size: 24px;
        color: rgba(255,255,255,0.45);
    }

    /* advertise */
    .advertise {
        height: 210px;
    }
    .advertise {
        height: 210px;
    }
    .advertise ul.banner-slide li,
    .advertise ul.banner-slide li > a {
        height: 210px;
    }

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

    /*!* default *!*/
    /*.main-banner ul > li.type0 .default .title {*/
    /*    padding-top: 80px;*/
    /*}*/
    /*.main-banner ul > li.type0 .default .title h1 {*/
    /*    margin: 0 20px;*/
    /*    padding: 10px 0 10px 0;*/
    /*    font-size: 24px;*/
    /*}*/
    /*.main-banner ul > li.type0 .default .title h2 {*/
    /*    font-size: 18px;*/
    /*}*/
    /*.main-banner ul > li.type0 .default .caption {*/
    /*    position: static;*/
    /*    width: 80%;*/
    /*    margin: 80px auto 0;*/
    /*}*/
    /*.main-banner ul > li.type0 .default .caption a {*/
    /*    display: block;*/
    /*    padding: 0 10px;*/
    /*    font-size: 14px;*/
    /*    background-color:  rgba(0,0,0,0.45);*/
    /*}*/
    /*.main-banner ul > li.type0 .default .caption a:hover {*/
    /*    background-color:  rgba(0,0,0,0.75);*/
    /*}*/

    .conference {
        height: 190px;
    }
    .conference ul li {
        height: 190px;
    }
    .conference ul.banner-slide li > a {
        height: 190px;
    }
    .conference ul.banner-slide li > a h1 {
        font-size: 24px;
    }
    .conference ul.banner-slide li > a p {
        font-size: 15px;
    }

    /* 행사 텍스트 */
    .main-banner ul > li.type3 .con-area {
        margin: 30px 20px 0;
        padding: 20px;
    }
    .main-banner ul > li.type3 .con-area .sub-title {
        font-size: 16px;
    }
    .main-banner ul > li.type3 .con-area .title {
        font-size: 24px;
    }
    .main-banner ul > li.type3 .con-area .title small {
        font-size: 18px;
    }
    .main-banner ul > li.type3 .con-area .date li {
        font-size: 16px;
    }
    .main-banner ul > li.type3.temp .con-area .date li {
        font-size: 18px;
    }
    .main-banner ul > li.type3 .con-area .btn {
        margin: 0 5px;
        font-size: 14px;
    }

    .main-banner ul > li.type3.conf .banner-area {
        margin: 25px 20px 0;
        padding: 20px;
    }
    .main-banner ul > li.type3 .banner-area .sub-title {
        font-size: 16px;
        margin: 10px ;
    }
    .main-banner ul > li.type3 .banner-area .title {
        font-size: 32px;
    }
    .main-banner ul > li.type3.conf .banner-area .title {
        font-size: 32px;
    }
    .main-banner ul > li.type3 .banner-area .title small {
        font-size: 18px;
    }
    .main-banner ul > li.type3 .banner-area .date li {
        font-size: 16px;
    }
    .main-banner ul > li.type3 .banner-area .btn {
        margin: 0 5px 10px;
        font-size: 14px;
    }

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

    /* default */
    .main-banner ul > li.type0 .default .title {
        padding-top: 30px;
    }
    .main-banner ul > li.type0 .default .title h1 {
        margin: 0 30px;
        padding: 10px 0 10px 0;
        font-size: 20px;
    }
    .main-banner ul > li.type0 .default .title h2 {
        margin: 0 30px;
        font-size: 15px;
    }
    .main-banner ul > li.type0 .default .caption {
        margin: 200px auto 0;
    }
    .main-banner ul > li.type0 .default .caption a {
        display: block;
        font-size: 13px;
    }


}
@media screen and (max-width:410px) {
    .main-spot-area .calander .title-area h3 {
        padding: 0 20px;
    }
    .main-quick li a {
        padding: 20px;
    }

    .publication {
        padding: 20px;
        height: auto;
    }
    .publication h3 {
        text-align: center;
        padding: 0 0 5px;
    }
    .publication ul {
        height: auto;
    }
    .publication ul li {
        float: left;
        width: 50%;
        height: auto;
        padding: 10px 0;
    }
    .publication ul li a {
        height: auto;
    }
    .publication ul li a img {
        height: auto;
        /*width: 200px;*/
    }
    .boards-area {
        float: none;
        width: 100%;
    }
    .boards {
        padding: 20px;
        height: auto;
    }
    .boards ul li p.title {
        float: none;
        width: 100%;
    }
    .boards ul li p.date {
        display: none;
    }
}
/*@media screen and (max-width:350px) {*/
/**/
/*}*/

@media print {

}