@charset "utf-8";
/* ==================================================================================
    [style.css]
        - stylesheets of sub pages in pages folder
================================================================================== */

/***************************************************************************
    Welcome Message
***************************************************************************/
/* greeting.vm */
.article.greeting {

}
.article.greeting .section {

}
.article.greeting .section > img {
    float: left;
    width: 180px;
    margin: 0 80px 10px 0;
    border-radius: 10px;
}

.article.greeting .thm {
    /*float: left;*/
    width: 130px;
}
.article.greeting .txt-info {
    /*float: left;*/
    /*width: 750px;*/
    /*padding-left: 30px;*/
}
.article.greeting .title {
    font-size: 19px;
    font-weight: bold;
}
.article.greeting .chairman {
    margin-bottom: 50px;
    text-align: right;
    font-size: 17px;
}
.article.greeting .chairman .date {
    display: block;
}
.article.greeting .chairman b {
    margin-left: 5px;
    font-size: 21px;
    font-weight: bold;
}
/***************************************************************************
    학술발표회 일정
***************************************************************************/
/* schedule.vm */
.article.schedule {

}
.article.schedule .section {

}
.article.schedule .section .schedule-table-area {

}
.article.schedule .section .schedule-table-area .table-responsive {

}
.article.schedule .section .schedule-table-area .table-responsive table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.article.schedule .section .schedule-table-area .table-responsive table thead {

}
.article.schedule .section .schedule-table-area .table-responsive table thead th {
    padding:8px 5px;
    text-align: center;
    font-size: 17px;
    font-weight: normal;
    color: #fff;
    vertical-align: middle;
    border: 1px solid #0167B9;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    background-color: #0167B9;
}
.article.schedule .section .schedule-table-area .table-responsive table tbody {

}
.article.schedule .section .schedule-table-area .table-responsive table tbody th {
    padding: 7px;
    text-align: center;
    font-family: 'Noto Sans SC', Sans-Serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.45px;
    color: #383838;
    vertical-align: middle;
    border-bottom: 1px dotted #aaa;
    background-color: #eee;
}
.article.schedule .section .schedule-table-area .table-responsive table tbody td {
    padding: 10px 3px;
    text-align: center;
    line-height: 1.3;
    font-size: 15px;
    color: #000;
    word-break: keep-all;
    letter-spacing: -0.75px;
    vertical-align: middle;
    border-bottom: 1px dotted #aaa;
    border-right: 1px dotted #aaa;
    /*border-left: 1px solid #fff;*/
    background-color: #fff;
}
.article.schedule .section .schedule-table-area .table-responsive table tbody td.color-block {
    border-bottom: 1px dotted #aaa;
    border-right: 1px solid #fff;
}
.article.schedule .section .schedule-table-area .table-responsive table tbody td.bg-pink {
    background-color: #ffd5db;
}
.article.schedule .section .schedule-table-area .table-responsive table tbody td.bg-orange {
    background-color: #f4b084;
}
.article.schedule .section .schedule-table-area .table-responsive table tbody td.bg-green {
    background-color: #cbf0e3;
}
.article.schedule .section .schedule-table-area .table-responsive table tbody td.bg-blue {
    background-color: #becbee;
}


.article.schedule .section .schedule-table-area .table-responsive table tbody td a {
    color:#007df7;
    text-decoration: underline !important;
    text-underline-position : under;
}
.article.schedule .section .schedule-table-area .table-responsive table tbody td ion-icon {
    font-size: 14px;
    margin-top: 8px;
    color: #3690e1;
    background-color: #ebf6ff;
    border-radius: 50px;
    padding: 5px;
}
.article.schedule .section .schedule-table-area .table-responsive table tbody tr td:last-child {
    border-right: none;
}
.article.schedule .section .schedule-table-area .table-responsive table tbody tr:first-child td {
    border-top: 1px dotted #aaa;
}

/***************************************************************************
   일반 세션
***************************************************************************/
.article.session {

}
.article.session .section h2.section-title {
    margin-top: 100px;
    font-size: 28px;
}

.article.session .section ul.section-list {
    margin:0 0 0px 20px
}
.article.session .section .info-box p {
    margin-bottom: 5px;
}

.article.session .section h4 {
    display: inline-block;
    background-color: #3383e1;
    padding:7px 12px 7px 9px;
    margin-bottom: 15px;
    border-radius: 3px;
    color:#fff;
    font-weight: 400;
    font-size: 19px;
}
.article.session .section h4 ion-icon {
    margin-right: 4px;
    font-size: 23px;
    vertical-align: bottom;
}
.article.session .section .contents-box {
    float: left;
    padding-right: 80px;
    margin-top:60px;
}
.article.session .section .contents-box:nth-child(3) {
    width: 55%;
}
.article.session .section .contents-box:nth-child(4) {
    width: 45%;
}
.article.session .section .contents-box li{
    margin-bottom: 15px !important;
}
.article.session .section .name {
    color: #3383e1 !important;
}
.article.session .section .table {
    width: 25%;
    float:left;
    margin-left: -1px;
    marign-top:-1px;
    border-top:3px solid #0f5ba9;
}
.article.session .section .table td {
    padding:15px 30px;
    font-size: 17px;
}


    /* th, td border */
.th-bd-b1 {
    border-bottom: 1px solid #0167B9 !important;
}
.th-bd-r1 {
    border-right: 1px solid #fff !important;
}
.th-bd-l1 {
    border-left: 1px solid #fff !important;
}
.bd-t0 {
    border-bottom: 0 !important;
}
.bd-r0 {
    border-bottom: 0 !important;
}
.bd-b0 {
    border-bottom: 0 !important;
}
.bd-l0 {
    border-bottom: 0 !important;
}

/* th, td color */
.color1 {
    color: #000 !important;
    background-color: #FDE7CD !important;
}
.color1 b {
    color: #DE6D1D !important;
}
.color2 {
    color: #000 !important;
    background-color: #E6E6E6 !important;
}
.color3 {
    color: #000 !important;
    background-color: #F7CAC4 !important;
}
.color4 {
    color: #000 !important;
    background-color: #C9CBCA !important;
}
.color5 {
    color: #000 !important;
    background-color: #DDD9E9 !important;
}
.color6 {
    color: #000 !important;
    background-color: #FADADB !important;
}
.color7 {
    color: #000 !important;
    background-color: #BEE1D7 !important;
}
.color8 {
    color: #000 !important;
    background-color: #FFFADA !important;
}
.color9 {
    color: #000 !important;
    background-color: #D0ECF7 !important;
}

/***************************************************************************
    논문제출 안내
***************************************************************************/
/* call-for-paper.vm */
.article.call-for-paper {

}
.article.call-for-paper .section {

}

/***************************************************************************
    참가등록 안내
***************************************************************************/
/* registration.vm */
.article.registration {

}
.article.registration .section {

}

/***************************************************************************
    위치 및 교통
***************************************************************************/
/* venue.vm */
.article.venue {

}
.article.venue .section {

}
.article.venue .section .info-box a.btn {
    position: absolute;
    top: 17px;
    right: 20px;
}
.article.venue .section .info-box a.btn01 {
    right: 175px;
}

.article.venue .section .section-list {
    margin-left: 40px;
}
.article.venue .section .section-list li {
    font-size: 17px;
    word-break: keep-all;
}

/***************************************************************************
    행사장 안내
***************************************************************************/
/* venue.vm */
.article.event-hall {

}
.article.event-hall .section {

}

/***************************************************************************
    학술발표회 안내
***************************************************************************/
/* information.vm */
.article.information {

}
.article.information .section {

}

/***************************************************************************
    후원사
***************************************************************************/

.article.sponsor .sponsors-list.main_sponsors h4 {
    background-color: #0f5ba9;
}
.article.sponsor .sponsors-list.normal_sponsors h4 {
    background-color: #89aed5;
}


.article.sponsor .sponsors-list.main_sponsors > ul > li > a:hover {
    border: 1px solid #0f5ba9;
}
.article.sponsor .sponsors-list.normal_sponsors > ul > li > a:hover {
    border: 1px solid #89aed5;
}

.article.sponsor .sponsors-list > ul > li img {
    max-width: 100%;
}
.article.sponsor .sponsors-list {
    margin: 0;
    padding: 0;
}
.sponsors-divline {
    height: 32px;
    margin: 20px 0;
    /*background: url(/assets/2023f/images/pages/bg_divline.jpg) center bottom no-repeat;*/
}
.article.sponsor .sponsors-list h4 {
    width: 100%;
    margin: 0 0 20px;
    padding: 10px 15px;
    text-align: center;
    font-size: 21px;
    font-weight: 600;
    color: #fff;
    border-radius: 2px;
    background-color: #ccc;
}

.article.sponsor .sponsors-list > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.article.sponsor .sponsors-list > ul > li {
    float: left;
}
.article.sponsor .sponsors-list > ul > li > a {
    display: block;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 2px;
    transition: all 0.25s;
}
.article.sponsor .sponsors-list > ul > li a img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    max-width: 100%;
}
.article.sponsor .sponsors-list > ul > li > a .sample-text {
    display: inline-block;
    padding-top: 10px;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 700;
    height: 58px;
    width: 142px;
    color: #333;
}
.article.sponsor .sponsors-list > ul > li > a:hover {
    border: 1px solid #0054a6;
}

/*main_sponsors*/
.article.sponsor .sponsors-list.main_sponsors > ul > li {
    float: left;
    width: calc( 50% - 10px );
    margin: 0 20px 20px 0;
}
.article.sponsor .sponsors-list.main_sponsors > ul > li > a {
    padding: 0 100px;
    height: 210px;
}
.article.sponsor .sponsors-list.main_sponsors > ul > li:nth-child(2n) {
    margin-right: 0;
}
.article.sponsor .sponsors-list.main_sponsors > ul > li > a > img{
    width:80%;
}

/* normal_sponsors */
.article.sponsor .sponsors-list.normal_sponsors {
    margin-top:60px;
}
.article.sponsor .sponsors-list.normal_sponsors > ul > li {
    float: left;
    margin: 0 20px 35px 0;
}
/*normal_sponsors_big*/
.article.sponsor .sponsors-list.normal_sponsors > ul.normal_sponsors_big {
    margin-bottom: 40px;
}
.article.sponsor .sponsors-list.normal_sponsors > ul.normal_sponsors_big > li {
    width: 335px;
}
.article.sponsor .sponsors-list.normal_sponsors > ul.normal_sponsors_big > li:nth-child(4n) {
    margin-right: 0;
}
.article.sponsor .sponsors-list.normal_sponsors > ul.normal_sponsors_big > li > a {
    padding: 0 65px;
    height: 120px;
}
/*normal_sponsors_small*/
.article.sponsor .sponsors-list.normal_sponsors > ul.normal_sponsors_small > li {
    width: 216px;
}
.article.sponsor .sponsors-list.normal_sponsors > ul.normal_sponsors_small > li:nth-child(6n) {
    margin-right: 0;
}
.article.sponsor .sponsors-list.normal_sponsors > ul.normal_sponsors_small > li > a {
    padding: 0 30px;
    height: 85px;
}


/***************************************************************************
    반응형 스타일
***************************************************************************/
/* max-width: 768px */
@media only screen
and (max-width: 768px) {

    /***************************************************************************
        공통
    ***************************************************************************/
    .article .line-break {
        display: inline;
    }
    .article .line-break {
        margin-left: 0 !important;
    }

    /***************************************************************************
        Welcome Message
    ***************************************************************************/
    /* greeting.vm */
    .article.greeting {

    }
    .article.greeting .section {

    }
    .article.greeting .section > img {
        float: none;
        display: block;
        margin: 0 auto 50px;
    }
    .article.greeting .section .welcome-message {
        float: none;
        width: 100%;
    }
    .article.greeting .section .welcome-message p {
        margin: 0 0 20px;
        font-size: 15px;
    }
    .article.greeting .section .welcome-message p.chairman-name {
        margin-top: 80px;
        text-align: right;
    }
    .article.greeting .section .welcome-message p.chairman-name b {
        margin-left: 10px;
        letter-spacing: 5px;
        font-size: 21px;
    }

    /***************************************************************************
        학술발표회 일정
    ***************************************************************************/
    /* schedule.vm */
    .article.schedule {

    }
    .article.schedule .section {

    }
    .article.schedule .section .schedule-table-area {

    }
    .article.schedule .section .schedule-table-area .table-responsive {

    }
    .article.schedule .section .schedule-table-area .table-responsive table {
        width: 100%;
    }
    .article.schedule .section .schedule-table-area .table-responsive table thead {

    }
    .article.schedule .section .schedule-table-area .table-responsive table thead th {

    }
    .article.schedule .section .schedule-table-area .table-responsive table tbody {

    }
    .article.schedule .section .schedule-table-area .table-responsive table tbody th {

    }
    .article.schedule .section .schedule-table-area .table-responsive table tbody td {

    }
    .article.schedule .section .schedule-table-area .table-responsive table tbody tr:first-child td {

    }

    /***************************************************************************
        논문제출 안내
    ***************************************************************************/
    /* call-for-paper.vm */
    .article.call-for-paper {

    }
    .article.call-for-paper .section {

    }

    /***************************************************************************
        참가등록 안내
    ***************************************************************************/
    /* registration.vm */
    .article.registration {

    }
    .article.registration .section {

    }

    /***************************************************************************
        위치 및 교통
    ***************************************************************************/
    /* venue.vm */
    .article.venue {

    }
    .article.venue .section {

    }
    .article.venue .section .info-box {
        padding: 20px;
    }
    .article.venue .section .info-box b {
        display: block;
        margin: 0 0 10px;
    }
    .article.venue .section .info-box a.btn {
        position: static;
    }
    .article.venue .section .info-box a.btn01 {
        margin-right: 10px;
    }
    .article.venue .section .info-box a.btn02 {

    }

    .article.venue .section .section-list {
        margin-left: 40px;
    }
    .article.venue .section .section-list li {
        font-size: 15px;
    }

    /***************************************************************************
        행사장 안내
    ***************************************************************************/
    /* venue.vm */
    .article.event-hall {

    }
    .article.event-hall .section {

    }

    /***************************************************************************
        학술발표회 안내
    ***************************************************************************/
    /* information.vm */
    .article.information {

    }
    .article.information .section {

    }

}