@media screen and (min-width: 769px) {
    .mobile-top {
        display: none;
    }
    .go-journal.mobile-only {
        display: none;
    }
    .drawer-hamburger {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    /*korean*/
    .mobile-hidden {
        display: none !important;
    }
    .go-journal.mobile-only {
        display: block;
    }
    #header,
    .breadcrumb-area,
    .snb,
    #quick,
    .sitemap {
        display: none !important;
    }

    /*modify*/
    .table-responsive.tb-responsive-fix > .table {
        min-width: 730px !important;
    }
    .table-responsive.tb-responsive-fix > .table tr td,
    .table-responsive.tb-responsive-fix > .table tr th {
        white-space: normal !important;
    }
    /*mobile-navigation*/
    .mobile-top {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 200;
        width: 100%;
        height: 55px;
        background: #fff;
        box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
    }

    .mobile-header-group {
        content: '';
        display: block;
        clear: both;
    }
    .mobile-info {
        float: left;
        width: 130px;
    }
    .mobile-info a {
        padding: 0 !important;
        font-size: 14px !important;
    }
    .mobile-info .m-picture {
        display: inline-block;
        vertical-align: middle;
        margin: 5px 0 0 15px;
        width: 35px;
        height: 35px;
        overflow: hidden;
        border: 1px solid #eee;
        border-radius: 50%;
        background-color: #ddd;
    }
    .mobile-info .m-picture img {
        width: 33px;
        height: auto;
        /*background-color: #fff;*/
    }
    .mobile-info .m-name {
        display: inline-block;
        overflow: hidden;
        width: 64px;
        padding: 20px 0 0 5px;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
        color: #fff;
    }
    .mobile-login {
        float: right;
        width: 150px;
        padding: 10px 15px 0 0;
        text-align: right;
    }
    .mobile-login:hover {
    }
    .mobile-login a:last-child {
        padding: 0 !important;
    }
    .mobile-login a {
        display: inline-block;
        padding: 0 10px 0 0 !important;
        line-height: 1;
        text-align: center;
    }
    .mobile-login a:hover {
        color: #fff !important;
    }
    .mobile-login a i {
        font-size: 18px;
    }
    .mobile-login a span {
        font-size: 10px;
    }
    .mobile-top {
        position: fixed;
    }
    .mobile-top .mobile-bar {
        position: relative;
    }
    .mobile-top a.logo {
        display: block;
        width: 200px;
        margin-left: -105px;
        position: relative;
        top: 15px;
        left: 50%;
    }
    .mobile-top #mobile-search {
        position: absolute;
        top: 13px;
        left: 15px;
        display: block;
        width: 29px;
        height: 29px;
    }
    /*.mobile-top #mobile-search {*/
    /*position: absolute;*/
    /*top: 7px;*/
    /*right: 15px;*/
    /*display: block;*/
    /*width: 45px;*/
    /*!* height: 40px; *!*/
    /*background-color: #fafafa;*/
    /*border: 1px solid #eee;*/
    /*border-radius: 5px;*/
    /*text-align: center;*/
    /*padding: 5px 5px 0 5px;*/
    /*line-height: 1;*/
    /*}*/
    .mobile-top #mobile-search i {
        line-height: 1;
        text-align: center;
        font-size: 33px;
        color: #1554b0;
    }
    .mobile-top a.logo img {
        width: 200px;
    }

    .mobile-top .mobile-bar {
        height: 55px;
        /*background-color: #fff;*/
    }
    .mobile-top #mobile-search-area {
        display: none;
        width: 100%;
        height: 70px;
        padding: 20px 15px 0;
        /*background-color: rgba(255, 255, 255, 0.8);*/
        /*border-bottom: 1px solid #1554b0;*/
        background-color: #1554b0;
    }
    .mobile-top #mobile-search-area .search-area-inner {
        position: relative;
        max-width: 360px;
        width: 100%;
        margin: 0 auto;
    }
    .mobile-top #mobile-search-area .search-area-inner #mobile_in_search {
        padding: 5px 15px;
        border: 1px solid #fff;
        border-radius: 50px;
        max-width: 360px;
        width: 100%;
        outline: none !important;
    }
    .mobile-top #mobile-search-area .search-area-inner button {
        position: absolute;
        top: 0;
        right: 15px;
        background-color: transparent;
        border: transparent;
        font-size: 23px;
        color: #1554b0;
        width: 30px;
        line-height: 33px;
        outline: none !important;
    }
    /*.mobile-top #mobile-search-area .search-area .search-area-inner {*/
    /*position: relative;*/
    /*width: 280px;*/
    /*height: 40px;*/
    /*background-color: #eaf2f8;*/
    /*}*/

    .contents-title {
        margin-bottom: 20px;
    }



    .contents-title {
        margin-top: 50px;
    }
    .mobile-login-area {
        padding-top: 10px;
    }
    .mobile-login li {
        float: left;
        padding-right: 10px;
    }
    .mobile-login li a {
        display: block;
        width: 70px;
        line-height: 30px;
        text-align: center;
        font-size: 13px;
        color: #333;
        border: 1px solid #ddd;
        border-radius: 2px;
        background-color: #fff;
    }
    .conf-introduction h4 {
        text-align: center;
    }
    .conf-introduction dt {
        text-align: center;
    }
    .conf-introduction dt img {
        float: none;
        max-width: 235px;
        width: 100%;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    }
    .conf-introduction dd {
        margin-top: 20px;
        float: none;
        width: auto;
        padding-left: 0;
    }
    /*===========================================
        Main pages old
    =============================================*/
    /*mainpage*/
    /*.contents-left {*/
    /*display: none;*/
    /*}*/
    /*.banners-area {*/
    /*margin-top: 0;*/
    /*}*/
    /*.banners-area .go-journal {*/
    /*width: 100%;*/
    /*height: auto;*/
    /*border-bottom: 0;*/
    /*margin-top: 0;*/
    /*}*/
    /*.contents-right {*/
    /*margin-top: 30px;*/
    /*}*/
    /*#slideshow-1 {*/
    /*float: none;*/
    /*margin: 0 auto;*/
    /*}*/
    /*#slideshow-2 {*/
    /*display: none;*/
    /*}*/
    /*!*°Ô½ÃÆÇ*!*/
    /*.boards-and-books {*/
    /*margin-top: 0;*/
    /*}*/
    /*.boards-area {*/
    /*float: left;*/
    /*width: 100%;*/
    /*}*/
    /*.banners-area .go-journal .title {*/
    /*display: none;*/
    /*}*/
    /*!*.boards-and-books {*!*/
    /*!*margin-top: 0;*!*/
    /*!*}*!*/
    /*.boards-conts .title {*/
    /*width: 65%;*/
    /*}*/
    /*!*°£Çà¹°*!*/
    /*.books-area {*/
    /*float: left;*/
    /*width: 100%;*/
    /*margin-left: 0;*/
    /*margin-top: 10px;*/
    /*}*/
    /*.books-area .publication {*/
    /*height: auto;*/
    /*}*/
    /*.books-area .publication .book-list li:nth-child(2n+1) {*/
    /*margin-right: 20px;*/
    /*}*/
    /*.books-area .publication .book-list li {*/
    /*margin-right: 20px;*/
    /*}*/

    /*===========================================
        Main pages New
    =============================================*/
    .main-banner-area > .inner-wrap li > .inner {
        height: 250px !important;
    }
    .main-banner-area > .inner-wrap li > .inner > .banner-contents {
        height: 250px !important;
    }

    /* controls */
    .main-banner-area {
        margin-top: 50px;
    }
    .main-banner-area .bx-wrapper .bx-next {
        /*right: 15px;*/
        display: none;
    }
    .main-banner-area .bx-wrapper .bx-prev {
        /*left: 15px;*/
        display: none;
    }

    /* main-quick-area */
    .main-quick-area .inner-wrap {
        height: auto;
    }
    .main-quick-area .inner-wrap > ul {
        width: 100%;
    }
    .main-quick-area .inner-wrap ul li {
        width: 33.3333%;
    }
    .main-quick-area .inner-wrap > ul > li > a {
        display: block;
        width: auto;
        height: 90px;
        background-position: center 15px;
        background-size: 50px;
    }
    .main-quick-area .inner-wrap > ul > li > a > .title {
        display: inline-block;
        padding-top: 55px;
        font-size: 14px;
    }

    .notice-event-area .inner-wrap {
        height: auto;
        padding: 0;
    }
    .main-banner-area > .inner-wrap {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .contents-area .inner-wrap h2 {
        position: relative;
        margin: 0 0 20px;
        line-height: 1;
        font-size: 20px;
        font-weight: bold;
        color: #333;
    }
    .main-banner-area > .inner-wrap li > .inner > .banner-contents {
        /*position: relative;*/
        /*display: block;*/
        width: 100%;
        /*margin: 0 auto;*/
    }
    .main-banner-area > .inner-wrap li > .inner a.btn-go {
        bottom: 50px;
    }
    .main-banner-area .bx-wrapper {
        position: relative;
        margin-bottom: 0;
        padding: 0;
        *zoom: 1;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
    }
    .main-banner-area .bx-wrapper .bx-viewport {
        width: 100%;
        overflow: hidden;
        position: relative;
        height: 250px !important;
    }

    .boards-conts .title {
        width: 75%;
    }

    .notice-area {
        width: 100%;
        margin-right: 0;
        margin-top: 30px;
        margin-bottom: 50px;
        padding: 0 15px;
    }
    .contents-area .inner-wrap .more-info {
        right: 15px;
        top: 0;
    }

    /* notice-construct */
    .notice-construct {
        width: 100%;
        margin-bottom: 50px;
        padding-left: 15px;
        padding-right: 15px;
        border-left: 0px dashed #dfdfdf;
    }

    /* event-area */
    .event-area {
        width: 100%;
        height: auto;
        margin: 0 0 40px;
        padding: 0 15px;
        border-left : 0;
    }
    .event-area > ul li {
        width: 100%;
        height: auto;
    }
    .event-area > ul li img {
        max-width: 100%;
        height: auto;
    }
    .event-area .bx-wrapper {
        margin-bottom: 0;
    }
    .event-area .bx-wrapper ul li {

    }
    .event-area .bx-wrapper img {
        width: 100%;
        height: auto;
    }

    /*ÁÖ¿äÇà»ç control*/
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        width: auto;
        top: -40px;
        z-index: 1;
    }
    .event-area .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        top: -37px;
        /*display: none;*/
    }

    .notice-info-area {
        background-color: #fff;
    }
    .notice-info-area .inner-wrap {
        height: auto;
        padding: 0;
    }
    .notice-info {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
        padding: 0 15px;
    }
    .notice-member {
        float: left;
        width: 100%;
        margin-bottom: 50px;
        padding-left: 15px;
        padding-right: 15px;
        border-left: 0px dashed #dfdfdf;
    }

    .conference-list.conts-short dd ul.plan {
        margin: 0 0 20px !important;
    }
    .conference-list dd ul.link,
    .conference-list.conts-short dd ul.link {
        margin-top: 10px;
        padding-left: 0 !important;
        position: static;
        list-style: none;
    }
    .conference-list dd ul.link li {
        margin-right: 5px !important;
        margin-bottom: 5px !important;
    }

    /* ÇÐÈ¸ÀÏÁ¤ */
    .schedule-area {
        padding: 0 15px;
    }
    .schedule-area .inner-wrap {
        height: auto;
        padding: 0;
    }
    .schedule-area .inner-wrap h3 {
        display: none;
    }
    .schedule-contents {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .schedule-contents .filter-area {
        text-align: center;
    }
    .schedule-contents .filter-area select {
        font-size: 16px;
        font-weight: 700;
    }
    .schedule-area .inner-wrap .more-info {
        display: none;
    }
    .schedule-contents .date-list {
        margin: 0 0 10px;
    }
    .schedule-contents .date-list > ul {
        list-style: none;
        text-align: left;
    }
    .schedule-list {
        padding: 10px;
    }
    .schedule-list > ul > li {
        float: none;
        width: 100%;
        padding: 0 5px;
    }

    /* ¹ß°£¹° */
    .publication-area {
        margin: 30px 0 0 0;
        padding: 30px 15px;
        /*background-color: #fff;*/
    }
    .publication-area .inner-wrap {
        height: auto;
        padding: 0;
    }
    .publication-area .inner-wrap .title-area {
        float: none;
        width: 160px;
        padding-right: 50px;
    }
    .publication-area .inner-wrap h3 {
        display: none;
    }
    .publication-area .inner-wrap > ul {
        float: none;
        width: 100%;
        margin:30px 0 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }
    .publication-area .inner-wrap > ul > li {
        float: none;
        display: inline-block;
        margin: 0 10px 30px;
    }
    .publication-area .inner-wrap > ul > li:last-child {
        margin: 0 10px 30px;
    }
    .publication-area .inner-wrap > ul > li a img {
        /*-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.25);*/
        /*-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.25);*/
        /*box-shadow: 0px 1px 4px rgba(0,0,0,0.25);*/
    }

    /* ==================================================================================
        °£Çà¹° - book-new-area
    ================================================================================== */
    .book-new-area {
        margin: 30px 0 0 0;
        padding: 30px 15px;
        /*background-color: #fff;*/
    }
    .book-new-area .inner-wrap {
        height: auto;
        padding: 0;
    }
    .book-new-area .inner-wrap .title-area {
        float: none;
        width: auto;
        padding-right: 0;
    }
    .book-new-area .inner-wrap h3 {
        display: none;
    }
    .book-new-area .inner-wrap .book-list {
        visibility: hidden;
    }
    .book-new-area .inner-wrap .bx-wrapper {
        float: none;
        width: 100%;
    }
    .book-new-area .inner-wrap ul > li {
        width: 136px;
        height: 182px;
        margin: 0 30px 0 0 !important;
    }
    .book-new-area .inner-wrap ul > li:last-child {
        margin-right: 0;
    }

    /* ==================================================================================
    ¿¬°£ ÈÄ¿ø»ç - sponsor-area
================================================================================== */
    .sponsor-area {

    }
    .sponsor-area .inner-wrap {
        padding: 20px;
    }

    .sponsor-area .inner-wrap .title-area {
        float: none;
        width: 100%;
        padding-right: 0;
    }
    .sponsor-area .inner-wrap .title-area h2 {
        margin: 0 0 20px;
        line-height: 1;
    }
    .sponsor-area .inner-wrap .bx-wrapper {
        float: none;
        width: 100%;
    }

    .sponsor-area .inner-wrap > ul {
        /*visibility: hidden;*/
        width: 100%;
        margin: 0 auto;
        padding: 0;
        list-style: none;
    }
    .sponsor-area .inner-wrap > ul li,
    .sponsor-area .inner-wrap > ul li:last-child {
        display: block;
        float: none;
        width: 188px;
        margin: 10px auto;
    }
    /*.sponsor-area .inner-wrap {*/
    /*    height: auto;*/
    /*    padding: 30px 20px;*/
    /*}*/
    /*.sponsor-area .inner-wrap .title-area {*/
    /*    float: none;*/
    /*    width: 100%;*/
    /*    padding-right: 0;*/
    /*}*/
    /*.sponsor-area .inner-wrap h2 {*/
    /*    margin: 0 0 20px;*/
    /*    line-height: 1.2;*/
    /*    letter-spacing: -0.75px;*/
    /*}*/
    /*.sponsor-area .inner-wrap h3 {*/
    /*    color: #778ca4;*/
    /*}*/

    /*.sponsor-area .inner-wrap > ul {*/
    /*    float: none;*/
    /*    width: 100%;*/
    /*}*/
    /*.sponsor-area .inner-wrap > ul > li {*/
    /*    float: left;*/
    /*    width: 46%;*/
    /*    height: 60px;*/
    /*    margin: 2%;*/
    /*    padding: 0;*/
    /*    list-style: none;*/
    /*}*/
    /*.sponsor-area .inner-wrap > ul > li > a {*/
    /*    display: block;*/
    /*    height: 60px;*/
    /*}*/
    /*.sponsor-area .inner-wrap > ul > li > a > img {*/
    /*    max-width: 100%;*/
    /*    width: auto;*/
    /*    height: 58px;*/
    /*}*/

    /* ==================================================================================
    »ó½Ã¹è³Ê - rotation-banner-area
    ================================================================================== */
    .rotation-banner-area {

    }
    .rotation-banner-area .inner-wrap {
        padding: 20px;
    }

    .rotation-banner-area .inner-wrap .title-area {
        float: none;
        width: 100%;
        padding-right: 0;
    }
    .rotation-banner-area .inner-wrap .title-area h2 {
        margin: 0 0 20px;
        line-height: 1;
    }
    .rotation-banner-area .inner-wrap .bx-wrapper {
        float: none;
        width: 100%;
    }

    .rotation-banner-area .inner-wrap > ul {
        /*visibility: hidden;*/
        width: 100%;
        margin: 0 auto;
        padding: 0;
        list-style: none;
    }
    .rotation-banner-area .inner-wrap > ul li,
    .rotation-banner-area .inner-wrap > ul li:last-child {
        display: block;
        float: none;
        width: 188px;
        margin: 10px auto;
    }

    /*===========================================
        Sub pages
    =============================================*/
    /*subpage*/
    #container.sub > .inner-wrap {
        /*min-height: 630px;*/
        background: none;
    }
    .inner-wrap {
        width: 100%;
    }
    .pages-area {
        float: none;
        width: 100%;
        padding: 0 10px 30px 10px;
    }

    .nav-tabs.nav-justified > li {
        float: none;
        width: 100% !important;
    }

    /*------------------------------
               ºÎ¼³±â°ü¾È³»
    ------------------------------*/
    .organ-sub .nav-tabs > li {
        float: left !important;
        width: 50% !important;
        height: auto;
        margin: 0 !important;
        padding: 2px !important;
    }
    .organ-sub .nav-tabs > li.long {
        width: 100% !important;
        margin-bottom: 0px !important;
    }
    .organ-sub .nav-tabs.nav-tabs-custom > li > a {
        height: auto;
        margin: 0;
        padding: 5px;
    }
    .organ-sub .nav-tabs.nav-tabs-custom > li.long > a {
        height: auto;
    }
    .organ-sub .nav-tabs.nav-tabs-custom > li > a i {
        display: inline-block;
        vertical-align: middle;
        margin: 0 7px 5px;
        padding: 5px 0 0;
        font-size: 24px !important;
    }
    .organ-sub .nav-tabs.nav-tabs-custom > li.long > a i {
        margin-right: 7px;
        padding: 5px 0 0;
    }
    .organ-sub .nav-tabs.nav-tabs-custom > li > a b {
        display: inline-block;
        vertical-align: middle;
    }
    .organ-sub .nav-tabs.nav-tabs-custom > li > a b + ul {
        margin: 0 0 10px;
        text-align: center;
    }
    .organ-sub .nav-tabs.nav-tabs-custom > li > a b + ul > li {
        display: inline-block;
        margin: 0 5px;
        text-align: center;
        font-size: 13px;
    }

    /*sub-detail*/
    /*È¸Àå ÀÎ»ç¸»*/
    .greeting img {
        margin: 0 20px 20px 0;
        width: 140px;
    }
    /*¿¬Çõ*/
    .history-button .buttons-group li {
        height: 40px;
        padding: 7px 0;
        border-right: 0;
    }
    .history-button .buttons-group {
        border-top: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf;
    }

    /*------------------------------
           ¿¬°£ ÈÄ¿ø»ç
------------------------------*/
    /* sponsors */
    .sponsors-list {
        margin: 0 0 50px;
    }
    .sponsors-list h4 {
        width: 100%;
        text-align: center;
    }
    .sponsors-list.platinum h4 {
        width: 100%;
    }
    .sponsors-list.event h4 {
        width: 100%;
    }
    .sponsors-list > ul > li {
        float: left;
        width: 46% !important;
        height: auto !important;
        margin: 2% !important;
    }
    .sponsors-list > ul > li > a {
        display: block;
        height: 60px !important;
        border: 1px solid #eee;
        border-radius: 2px;
        transition: all 0.25s;
    }
    .sponsors-list > ul > li a img {
        height: 100%;
    }
    .sponsors-list > ul > li.empty > a {
        background: #f7f7f7 url(/assets/images/sponsors/special_member_ready.jpg) center 50% no-repeat;
    }
    .sponsors-list.platinum > ul > li > a {
        height: 80px;
    }
    .sponsors-list.platinum > ul > li.empty > a {
        height: 80px;
        background: #f7f7f7 url(/assets/images/sponsors/special_member_ready.jpg) center 50% no-repeat;
    }

    /*Á¤°ü ¹× ±ÔÁ¤*/

    .download-list {
        padding-left: 0 !important;
    }
    .download-list li p:first-child {
        padding-left: 0 !important;
    }
    .download-list02 {
        padding: 20px;
    }
    .download-list02 li {
        margin: 0 0 10px;
        padding: 0 0 5px;
        line-height: 1.5;
        border: 0;
    }
    .download-list02 li:last-child {
        margin: 0;
    }
    .download-list02 li a {
        margin-top: 3px;
    }
    /*ÀÓ¿ø¸í´Ü*/
    .chairman-area {
        margin-top: 0;
    }
    .chairman-area ul {
        padding: 10px 0;
    }
    .chairman-area ul li dl {
        margin: 0;
    }
    .chairman-area ul li:first-child {
        width: 100%;
        text-align: center;
        padding-top: 0;
        font-size: 16px;
        color: #2690ea;
        padding-bottom: 10px;
    }
    .chairman-area ul li:nth-child(2) {
        width: 100%;
        text-align: center;
    }
    .chairman-area ul li:nth-child(3) {
        width: 100%;
        padding: 10px;
        text-align: center;
    }
    .chairman-area ul li:last-child {
        width: 100%;
        text-align: center;
    }
    .chairman-area ul li dl dd {
        padding-left: 0;
        background: none;
    }

    /*Á¤°ü ¹× ±ÔÁ¤*/
    .download-list {
        margin: 10px 0 0 0;
        padding: 0;
    }
    .download-list li {
        *zoom: 1;
        display: block;
        float: left;
        width: 100%;
        padding: 10px 10px;
        /*border-bottom: 1px solid #E1E1E1; */
    }
    .download-list li:last-child {
        margin-bottom: 20px;
    }
    .download-list li:nth-child(2n) {
        padding: 0 10px;
    }
    .download-list li:nth-child(4n),
    .download-list li:nth-child(4n-1) {
        background: none;
    }

    /*ºÎ¼³±â°ü-°ÇÃà¿¬±¸¼Ò*/
    .img-organ img {
        max-width: 610px;
        width: 100%;
    }

    /*Á¶Á÷*/
    .organization-area dl {
        float: left;
        width: 130px;
    }
    .organization-area ul li {
        width: 50px;
    }

    /*ÇÐÈ¸ÁÖ¿äÀÏÁ¤*/
    .conts.schedule .date {
        float: none;
        width: auto;
        margin-right: 0;
        padding: 0;
        text-align: left;
        font-family: arial, 'Noto', 'Noto Sans KR', sans-serif;
        font-size: 15px;
        font-weight: bold;
        color: #144f9b;
    }

    /* È¸¿ø°Ë»ö */
    .member-search-area {
        padding: 20px 10px;
    }
    .member-search-area .form-control {
        width: 130px;
    }

    /*¹®ÇåDB*/

    .book-area dt,
    .book-area dd {
        float: none;
    }
    .book-area dt {
        text-align: center;
    }
    .book-area dd {
        margin-top: 40px;
        margin-left: 0;
        width: auto;
    }
    .book-area dd p.journal-title {
        margin-bottom: 0;
        font-size: 18px;
    }
    .book-area dd ul.journal-issue li {
        line-height: 1.8;
    }
    .book-area .book-btn {
        padding: 30px 0 0 0;
        text-align: center;
    }

    /*ÇÐÈ¸Áö*/
    .image-table .image {
        float: left;
        width: 100%;
        text-align: center;
        padding-top: 0;
    }
    .image-table .image img {
        border: 1px solid #eee;
    }
    .image-table .table-responsive {
        float: left;
        width: 100%;
    }

    /*english*/
    .eng-sub {
        text-align: left !important;
    }
    .eng-sub p {
        margin: 0 0 20px;
        line-height: 1.4;
    }
    .eng-sub img {
        max-width: 100%;
    }

    /*footer*/
    #footer div.footer-utility-area ul.footer-utility-quick {
        position: relative;
        width: 100%;
    }
    #footer div.footer-utility-area ul.footer-utility-quick > li {
        width: 33.33%;
    }
    #footer div.footer-utility-area ul.footer-utility-quick > li > a {
        width: 100%;
    }
    #footer div.footer-utility-area ul.footer-utility-etc {
        display: none;
    }
    #footer div.footer-contents address {
        display: none;
    }
    #footer div.footer-contents {
        padding: 10px;
    }
    #footer div.footer-contents .inner-wrap {
        background: none;
    }
    #footer div.footer-contents p.copyright {
        text-align: center;
        line-height: 35px;
    }

    /*!* drawer-footer *!*/
    /*.drawer-navbar-default .drawer-footer {*/
    /*height: auto;*/
    /*line-height: 1.5;*/
    /*}*/
    /*.drawer-navbar-default .drawer-footer .mobile-login-area {*/
    /*padding: 20px 0;*/
    /*}*/
    /*.drawer-navbar-default .drawer-footer .mobile-login-area .mobile-btn {*/
    /*display: inline-block;*/
    /*width: 70px;*/
    /*height: 30px;*/
    /*line-height: 30px;*/
    /*text-align: center;*/
    /*font-size: 13px;*/
    /*color: #333;*/
    /*border-radius: 1px;*/
    /*background-color: #fff;*/
    /*}*/
    /*.drawer-navbar-default .drawer-footer .mobile-login-area .mobile-btn.login {*/
    /*margin-right: 10px;*/
    /*}*/
    /*.drawer-navbar-default .drawer-footer .mobile-login-area .mobile-login-title {*/
    /*display: block;*/
    /*margin: 0 0 20px;*/
    /*font-size: 13px;*/
    /*color: #eee;*/
    /*}*/
    /*.drawer-navbar-default .drawer-footer .mobile-login-area .mobile-login-title b {*/
    /*color: #f39c12;*/
    /*}*/
    /*.drawer-navbar-default .drawer-footer .mobile-login-area .mobile-btn.logout {*/
    /*margin-right: 10px;*/
    /*}*/
    /*.drawer-navbar-default .drawer-footer .mobile-login-area .mobile-btn.admin {*/
    /*margin-right: 10px;*/
    /*}*/
    /*.drawer-navbar-default .drawer-footer .mobile-login-area .mobile-btn.lang {*/

    /*}*/
}

@media screen and (max-width: 550px) {
    .conference-list dt {
        float: none;
    }
    .conference-list dt img {
        display: block;
        width: 120px;
        height: 170px;
        margin: 0 auto 20px;
        border: 1px solid #eee;
    }
    .wide-img .conference-list dt img {
        margin: 0 auto 20px;
    }
    .conference-list dd h5 {
        text-align: center;
    }
    .conference-list dd {
        /*margin-top: 20px;*/
        float: none;
        padding-left: 0;
        width: auto;
    }
    .conference-list dd ul.plan {
        margin-top: 0;
        padding-left: 0 !important;
        list-style: none;
        font-size: 14px;
        /*line-height: 2;*/
        /*letter-spacing: 1px;*/
    }
    .conference-list dd ul.plan li:last-child .label {
        float: none;
    }
    .wide-img .conference-list dd ul.plan li:last-child .label {
        float: none;
        margin-top: 2px;
        vertical-align: top;
    }
    .conference-list.conts-long dd ul.plan li:last-child .label {
        margin-bottom: 5px;
    }
    .conference-list dd ul.plan li:last-child .conts {
        /*padding-top: 5px;*/
        /*display: block;*/
        float: none;
        display: inline-block;
        width: auto;
    }
}

@media screen and (max-width: 480px) {
    /*------------------------------
        ¹®Çå ÆäÀÌÁö
    ------------------------------*/
    .paper-list {
        margin: 0;
        padding: 20px 0;
        text-align: center;
        list-style: none;
        overflow: hidden;
    }
    .paper-list li {
        float: left;
        width: 50%;
        display: inline-block;
        margin: 0 0 30px;
        padding: 0;
        text-align: center;
    }
}

@media screen and (max-width: 450px) {
    /* ¸ÞÀÎ¹è³Ê */
    .carousel {
        width: 100%;
        height: auto;
    }
    /* cycle2 plugin styles */
    #slideshow-1 div {
        width: 100% !important;
    }
    #slideshow-1 {
        width: 100% !important;
        float: none !important;
        height: auto !important;
    }
    #slideshow-1 .cycle-slideshow {
        margin: 0 auto !important;
    }
    #slideshow-1 img {
        max-width: 100% !important;
        height: auto !important;
    }
    #slideshow-2 {
        display: none !important;
    }
}

@media screen and (max-width: 410px) {
    .history-button .buttons-group li {
        width: 50%;
    }
    .history-button .history-area .history-list .date {
        width: 100%;
    }
    .history-button .history-area .history-list .ep {
        width: 100%;
    }

    /*Á÷¿ø¾È³»*/
    .staff-area .header {
        display: none;
    }
    .staff-area {
        border-top: 1px solid #dfdfdf;
    }
    .staff-area ul {
        padding: 20px 0;
    }
    .staff-area ul li {
        display: block;
        float: left;
        width: 100% !important;
    }
    .staff-area ul li {
        text-align: center;
    }
    .staff-area.staff02 ul li:last-child {
        padding-left: 0;
    }

    .boards-area .nav-tabs>li {
        width: 100px;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
    }
    .board-tab .more {
        width: 40px;
        line-height: 37px;
    }

}

@media screen and (max-width: 400px) {

    /*------------------------------
           ÇÐÈ¸Áö
    ------------------------------*/

    .book-intro {
        padding: 20px 0 0 0;
    }
    .book-intro dt {
        float: none;
        width: 120px;
        margin: 0 auto 10px;
    }
    .book-intro dt img {
        width: 100%;
    }
    .book-intro dd {
        float: none;
        width: 100%;
        padding: 15px 0 0 15px;
    }

    .boards-conts .title {
        width: 100%;
    }
    .boards-conts .date {
        display: none;
    }
    .download-list02 li a {
        display: block;
        float: none;
        width: 107px;
    }
}
