/* ==================================================================================
    공통 스타일
================================================================================== */
.article h4 {
    margin: 10px 0 5px;
    font-size: 15px;
    font-weight: bold;
}
.article p.table-info {
    margin: 0;
    padding: 5px 0 0;
    font-size: 13px;
    color: #2c91e5;
}
.article .table-responsive {
    border: 0;
    padding-bottom: 20px;
}
.article table.table thead th {
    color: #fff;
    border: 1px solid #0d3895 !important;
    border-right: 1px solid #fff !important;
    background-color: #0d3895 !important;
}
.article table.table caption {
    padding-bottom: 8px;
    font-weight: bold;
    color: #333;
}
.article table.table thead th.bd-b1 {
    border-bottom: 1px solid #fff !important;
}
.article table.table thead tr th:last-child {
    border-left: 1px solid #fff !important;
    border-right: 1px solid #0d3895 !important;
}
.article table.table tbody th {
    padding: 8px !important;
    text-align: center;
}
.article table.table tbody td {
    padding: 8px !important;
    text-align: center;
}

/* ==================================================================================
    인사말
================================================================================== */
.article.greetings {

}
.article.greetings .thm {
    float: left;
    width: 130px;
}
.article.greetings .txt-info {
    float: left;
    width: 750px;
    padding-left: 30px;
}
.article.greetings .title {
    font-size: 19px;
    font-weight: bold;
}
.article.greetings .txt-info p {
    text-align: justify;
}
.article.greetings .txt-info p.chairman {
    margin-top: 50px;
    text-align: right;
    font-size: 17px;
}
.article.greetings .chairman .date {
    display: block;
}
.article.greetings .chairman .sign b {
    margin-left: 5px;
    font-size: 19px;
    font-weight: bold;
}

/* ==================================================================================
    주요일정
================================================================================== */
.article.major-schedule {

}
.article.major-schedule table tbody tr td {
    letter-spacing: -0.45px;
}
.article.major-schedule table.table tbody td {
    padding: 5px !important;
}
.article.major-schedule table tbody tr td:last-child {
    text-align: center;
}
.article.major-schedule table tbody tr td .schedule-info-txt {
    margin: 0;
    padding: 3px 0 0;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #f33;
}
.article.major-schedule table tbody tr td:nth-last-child(2) {
    padding-left: 10px !important;
    text-align: left;
}

/* ==================================================================================
    조직위원회
================================================================================== */
.article.organizations {

}
.article.organizations table tbody tr td:last-child {
    text-align: left;
}
.article.organizations table.table td ul {

}
.article.organizations table.table td ul li {
    display: inline-block;
    margin-right: 10px;
}
.article.organizations table.table td ul li:last-child {
    margin-right: 0;
}

/* ==================================================================================
    정기총회
================================================================================== */
.article.general-meeting {

}
.article.general-meeting .table td {
    text-align: left;
    font-size: 14px;
}
.article.general-meeting .table td.s1 {
    font-weight: bold;
    font-size: 16px;
}
.article.general-meeting .table td.s2 {
    font-weight: bold;
    font-size: 15px;
    text-indent: 20px;
}
.article.general-meeting .table td.s3 {
    font-size: 14px;
    text-indent: 40px;
}
.article.general-meeting .table td ul.section-list {
    margin-left: 40px;
    margin-bottom: 0;
}

/* ==================================================================================
    학회상 시상
================================================================================== */
.article.awards {

}
.article.awards .thm {
    text-align: center;
}


/* ==================================================================================
    학술논문발표
================================================================================== */
.list-col {

}
.list-col.col2 > li {
    float: left;
    width: 50%;
    text-align: center;
}
.list-col.col5 > li {
    float: left;
    width: 20%;
    text-align: center;
}

/* ==================================================================================
    개폐회식 및 연회
================================================================================== */
.article.ceremony {

}
.article.ceremony table tbody tr td {
    text-align: left;
}
.article.ceremony .img-ceremony {
    display: inline-block;
    padding: 24px;
    border: 1px solid #e7e7e7;
}

/* ==================================================================================
    기조강연
================================================================================== */
.article.keynote {

}
.article.keynote table tbody tr td {
    text-align: left;
}
.article.keynote table tbody tr td img {
    display: block;
    max-width: initial;
}

/* ==================================================================================
    디지털건축대전
================================================================================== */
.article.da {

}
.article.da table tbody tr td {
    text-align: left;
}
/* ==================================================================================
    프로그램 안내
================================================================================== */
.article.programs h4 {
    margin: 10px 0 5px;
    padding: 0 0 2px 4px;
    font-size: 16px;
}
.article.programs table.table caption {
    color: #0d3895 !important;
}
/* ==================================================================================
    위원회 행사
================================================================================== */
.article.committee {

}
.article.committee h5.event-title {
    display: inline-block;
    padding: 14px 0 6px;
    font-size: 16px;
    font-weight: 600;
}
.article.committee .event-list {
    margin-left: 20px;
    text-indent: -2px;
}
.article.committee .event-list li {
    list-style: square;
}
.article.committee table.tb-anchor tbody tr td {
    text-align: center;
    font-size: 14px;
    word-break: keep-all;
}
.article.committee table.tb-anchor tbody tr td:nth-last-child(2),
.article.committee table.tb-anchor tbody tr td:last-child {
    text-align: left;
}
.article.committee table tbody tr td {
    font-size: 15px;
    text-align: left;
}
.article.committee .qr-code div {
    display: inline-block;
    float: left;
}
.article.committee .qr-code p {
    display: inline-block;
    margin: 40px 0 0 10px;
}
/* ==================================================================================
    신진연구자교류회
================================================================================== */
.article.ceremony .young div {
    display: inline-block;
    width: calc(97% / 6);
    border: 1px solid #dfdfdf;
}
.article.ceremony .young div img {
    display: block;
    border-bottom: 1px solid #dfdfdf;
}
.article.ceremony .young div p {
    margin: 0;
    padding: 4px 0;
    font-weight: bold;
    text-align: center;
    background: #f1f7fe;
}
/* ==================================================================================
    행사장 안내
================================================================================== */
.article.eventhall {

}
.article.eventhall .nav-tabs-justified > li > a,
.article.eventhall .nav-tabs.nav-justified > li > a {
    font-size: 16px;
}
.article.eventhall .section h2.section-title:first-child {
    margin: 50px 0 40px;
    text-align: center;
}
.article.eventhall .thm {
    margin: 0 0 20px;
    text-align: center;
}
.article.eventhall .text-left {
    text-align: left !important;
}

/* ==================================================================================
    셔틀버스 및 대중교통
================================================================================== */
.article.venue {

}
/*.article.venue .section h2.section-title:first-child {*/
/*    margin: 50px 0 40px;*/
/*    text-align: center;*/
/*}*/
.article.venue .thm {
    margin: 0 0 20px;
    text-align: center;
}
.article.venue .text-left {
    text-align: left !important;
}

/* ==================================================================================
    셔틀버스안내
================================================================================== */
.article.shuttle .section h3 {
    margin-top: 0;
}
.article .section .table-responsive .table.tb-shuttle {
    margin: 0;
}
.article .section .table-responsive .table.tb-shuttle tbody th {
    background-color: rgb(244 246 251);
    border: 1px solid #c9c9c9;
}
.article.shuttle .img-bordered {
    border: 1px solid #e5e5e5;
    padding: 10px;
    background: #fdfdfd;
}
.article.shuttle .img-bordered img {
    display: block;
}
/* ==================================================================================
    map
================================================================================== */
.map-area {
    width: 100%;
    height: 400px;
    margin: 0 0 30px;
}
#marker-title {
    width: 200px;
    height: 40px;
}
#marker-title h1 {
    height:40px;
    line-height:40px;
    font-size: 15px;
}

/* ==================================================================================
    특별강연
================================================================================== */
.special .section .thm {
    float: left;
    width: 260px;
    padding-top: 5px;
}
.special .section .thm p {
    width: 200px;
    text-align: center;
    font-size: 13px;
    letter-spacing: -0.45px;
}
.special .section .thm p b {
    font-size: 18px;
}
.special .section .special-info {
    float: left;
    width: 580px;
    border-left: 1px solid #eee;
    padding-left: 60px;
}
.special .section .special-info b {
    display: block;
    margin: 0 0 5px;
    font-size: 17px;
}
.special .section .special-info ul {
    margin: 0 0 20px 20px;
    list-style: disc;
}
.special .section .special-info ul:last-child {
    margin: 0 0 0 20px;
}
.special .section .special-info ul li {

}

/* ==================================================================================
    특별세션Ⅱ (특별좌담회)
================================================================================== */
.speaker-list {
    padding: 10px 0 0;
}
.speaker-list > li {
    float: left;
    width: 20%;
    text-align: center;
}
.speaker-list > li > img{

}
.speaker-list > li > p.name {
    width: 130px;
    line-height: 1.3;
    font-weight: bold;
    margin: 5px auto 15px;
    margin: 5px auto 15px;
}
.speaker-list > li > ul {
    width: 140px;
    margin: 0 auto;
    padding: 0 0 0 15px;
    list-style: disc;
}
.speaker-list > li > ul > li {
    margin: 0 auto 5px;
    text-align: left;
    line-height: 1.3;
    letter-spacing: -0.75px;
    font-size: 13px;
}

/* ==================================================================================
    건축문화탐방
================================================================================== */
.article.tour {

}
.article.tour .td-tour {
    width: 100%;
    margin: 0 0 30px;
}
.article.tour .td-tour td {
    position: relative;
    vertical-align: top;
}
.article.tour .td-tour td img {

}
.article.tour .td-tour td h3 {
    margin: 0 0 10px;
    padding: 0;
    font-family: '맑은 고딕';
    font-size: 18px;
}
.article.tour .td-tour .info {

}
.article.tour .td-tour .info p {
    text-align: justify;
}
.article.tour .td-tour .license {
    position: absolute;
    left: 0;
    bottom: 5px;
    font-size: 14px;
    color: #999;
}

/* ==================================================================================
    테크니컬&컬쳐투어
================================================================================== */
.article.tech-tour {

}
.article.tech-tour .table-responsive table td {
    vertical-align: top;
}
.article.tech-tour .table-responsive table td.thm {
    text-align: center;
}
.article.tech-tour .table-responsive table td.thm img {

}
.article.tech-tour .table-responsive table td.info {
    /*padding-left: 20px;*/
    padding-left: 30px;
    text-align: justify;
}
.article.tech-tour .table-responsive table td.info ul {

}
.article.tech-tour .table-responsive table td.info ul li {

}

/* ==================================================================================
    지역건축문화 특별영상전
================================================================================== */
.article.special-video .tab-area {
    margin: 40px 0 20px;
}
.article.special-video .nav-justified,
.article.special-video .nav-tabs.nav-justified {
    margin: 0 0 20px;
}
.article.special-video .nav-tabs-justified > li > a,
.article.special-video .nav-tabs.nav-justified > li > a {
    padding: 10px 5px;
    letter-spacing: -0.75px;
    font-size: 14px;
}

/***************************************************************************
    가상전시회 - type1
***************************************************************************/
/*.virtual-area {*/

/*}*/

/*!* list *!*/
/*.virtual-list {*/
/*    margin: 0 0 40px;*/
/*    padding: 0 0 40px;*/
/*    border-bottom: 1px solid #eee;*/
/*}*/
/*.virtual-list > ul {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/
/*.virtual-list > ul > li {*/
/*    float: left;*/
/*    width: 205px;*/
/*    margin: 0 20px 20px 0;*/
/*    border: 1px solid #dfdfdf;*/
/*    border-radius: 2px;*/
/*}*/
/*.virtual-list > ul > li:nth-child(4n) {*/
/*    margin: 0 0 20px;*/
/*}*/
/*.virtual-list > ul > li:nth-child(7) {*/
/*    margin-bottom: 0;*/
/*}*/
/*.virtual-list > ul > li > a {*/
/*    display: block;*/
/*    height: 80px;*/
/*    padding: 25px 10px 0;*/
/*    text-align: center;*/
/*    border: 3px solid #f0f0f0;*/
/*    border-radius: 2px;*/
/*}*/
/*.virtual-list > ul > li > a > img{*/
/*    width: 100%;*/
/*}*/
/*.virtual-list > ul > li:nth-child(1) > a {*/
/*    padding-top: 18px;*/
/*}*/
/*.virtual-list > ul > li:nth-child(1) > a > img {*/
/*    width: 90%;*/
/*}*/
/*.virtual-list > ul > li:nth-child(2) > a {*/
/*    padding-top: 18px;*/
/*}*/
/*.virtual-list > ul > li:nth-child(2) > a > img {*/
/*    width: 90%;*/
/*}*/
/*.virtual-list > ul > li:nth-child(3) > a {*/
/*    padding-top: 18px;*/
/*}*/
/*.virtual-list > ul > li:nth-child(3) > a > img {*/
/*    width: 80%;*/
/*}*/
/*.virtual-list > ul > li:nth-child(5) > a > img {*/
/*    width: 90%;*/
/*}*/
/*.virtual-list > ul > li:nth-child(6) > a {*/
/*    padding-top: 23px;*/
/*}*/
/*.virtual-list > ul > li:nth-child(6) > a > img {*/
/*    width: 90%;*/
/*}*/
/*.virtual-list > ul > li:nth-child(7) > a {*/
/*    padding-top: 20px;*/
/*}*/
/*.virtual-list > ul > li:nth-child(7) > a > img {*/
/*    width: 90%;*/
/*}*/

/*!* info *!*/
/*.virtual-info-area {*/
/*    margin: 0 0 40px;*/
/*    padding: 0 0 40px;*/
/*    border-bottom: 1px solid #eee;*/
/*}*/
/*.virtual-info-area:last-child {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    border-bottom: 0;*/
/*}*/
/*.virtual-info-area .company-aside {*/
/*    float: left;*/
/*    width: 300px;*/
/*}*/
/*#company_kaeri.virtual-info-area .company-aside {*/
/*    margin-top: -25px;*/
/*}*/
/*#company_doosan.virtual-info-area .company-aside {*/
/*    margin-top: -25px;*/
/*}*/
/*.virtual-info-area .company-aside .company-logo {*/
/*    display: block;*/
/*    margin: 0;*/
/*    text-align: center;*/
/*}*/
/*.virtual-info-area .company-aside .company-logo img {*/
/*    max-width: 100%;*/
/*    max-height: 64px;*/
/*}*/
/*.virtual-info-area .company-aside .company-logo.h30 img {*/
/*    max-height: 30px;*/
/*    margin: 0 0 10px;*/
/*}*/
/*.virtual-info-area .company-aside .company-logo.h40 img {*/
/*    max-height: 40px;*/
/*}*/
/*.virtual-info-area .company-aside > .thm > a {*/
/*    display: block;*/
/*    width: 100%;*/
/*    !*height: 225px;*!*/
/*    margin: 0 0 10px;*/
/*    !*background-color: #eee;*!*/
/*    box-shadow: 0 1px 2px rgba(0,0,0,0.45);*/
/*}*/
/*.virtual-info-area .company-aside > .thm > a > img {*/
/*    display: block;*/
/*}*/
/*.virtual-info-area .company-aside > .thm > img {*/
/*    display: block;*/
/*    width: 100%;*/
/*    !*height: 225px;*!*/
/*    margin: 0 0 10px;*/
/*    !*background-color: #eee;*!*/
/*    box-shadow: 0 1px 2px rgba(0,0,0,0.45);*/
/*}*/
/*#company_renew.virtual-info-area .company-aside .company-logo {*/
/*    margin-top: -10px;*/
/*    margin-bottom: 10px;*/
/*}*/
/*#company_renew.virtual-info-area .company-aside .company-logo img {*/
/*    max-height: 40px;*/
/*}*/
/*#company_haeahn.virtual-info-area .company-aside .company-logo {*/
/*    margin-top: -15px;*/
/*    margin-bottom: 10px;*/
/*}*/
/*#company_haeahn.virtual-info-area .company-aside .company-logo img {*/
/*    max-height: 46px;*/
/*}*/
/*#company_sia.virtual-info-area .company-aside .company-logo {*/
/*    margin-top: -15px;*/
/*    margin-bottom: 10px;*/
/*}*/
/*#company_sia.virtual-info-area .company-aside .company-logo img {*/
/*    max-height: 46px;*/
/*}*/
/*#company_dain.virtual-info-area .company-aside .company-logo {*/
/*    margin-top: -15px;*/
/*    margin-bottom: 10px;*/
/*}*/
/*#company_dain.virtual-info-area .company-aside .company-logo img {*/
/*    max-height: 46px;*/
/*}*/
/*.virtual-info-area .company-aside > .thm-pr {*/
/*    overflow: hidden;*/
/*    width: 100%;*/
/*    height: 225px;*/
/*    margin: 0 0 20px;*/
/*    border: 1px solid #ccc;*/
/*}*/
/*.virtual-info-area .company-aside > .thm-pr img {*/
/*    max-width: 100%;*/
/*}*/
/*.virtual-info-area .company-aside .btn-list {*/
/*    margin: 0;*/
/*}*/
/*.virtual-info-area .company-aside .btn-list > li {*/
/*    margin: 0 0 5px;*/
/*}*/
/*.virtual-info-area .company-aside .btn-list > li > a {*/
/*    display: block;*/
/*    height: 30px;*/
/*    line-height: 30px;*/
/*    padding: 0 15px;*/
/*    text-overflow: ellipsis;*/
/*    overflow: hidden;*/
/*    white-space: nowrap;*/
/*    text-align: center;*/
/*    font-size: 13px;*/
/*    color: #fff;*/
/*    text-decoration: none;*/
/*    border-radius: 2px;*/
/*    background-color: #18a198;*/
/*}*/
/*.virtual-info-area .company-aside .btn-list > li > a.pdf {*/
/*    margin: 0;*/
/*}*/
/*.virtual-info-area .company-aside .btn-list > li > a.video {*/
/*    background-color: #15a1e5;*/
/*}*/

/*.virtual-info-area .company-info {*/
/*    float: left;*/
/*    width: 580px;*/
/*    padding-left: 30px;*/
/*}*/
/*.virtual-info-area .company-info h5 {*/
/*    margin-bottom: 17px;*/
/*    font-size: 27px;*/
/*    font-weight: bold;*/
/*    color: #0f75d0;*/
/*}*/
/*.virtual-info-area .company-info .tb-company {*/
/*    width: 100%;*/
/*    border-top: 2px solid #0f75d0;*/
/*}*/
/*.virtual-info-area .company-info .tb-company th {*/
/*    padding: 5px 0;*/
/*    text-align: center;*/
/*    font-size: 14px;*/
/*    font-weight: bold;*/
/*    border-bottom: 1px solid #dfdfdf;*/
/*    background-color: #fafafa;*/
/*}*/
/*.virtual-info-area .company-info .tb-company td {*/
/*    padding: 5px 5px 5px 15px;*/
/*    font-size: 14px;*/
/*    border-bottom: 1px solid #dfdfdf;*/
/*}*/

/***************************************************************************
    가상전시회 type2
***************************************************************************/
/*.virtual-area {*/

/*}*/
/*!* list *!*/
/*.virtual-list {*/
/*    margin: 0 0 40px;*/
/*    padding: 0 0 30px;*/
/*    border-bottom: 1px solid #eee;*/
/*}*/
/*.virtual-list > ul {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/
/*.virtual-list > ul > li {*/
/*    float: left;*/
/*    width: 168px;*/
/*    margin: 0 10px 10px 0;*/
/*    border: 1px solid #dfdfdf;*/
/*    border-radius: 2px;*/
/*}*/
/*.virtual-list > ul > li:nth-child(5n) {*/
/*    margin: 0 0 10px;*/
/*}*/
/*.virtual-list > ul > li > a {*/
/*    display: block;*/
/*    height: 60px;*/
/*    line-height: 60px;*/
/*    padding: 10px;*/
/*    text-align: center;*/
/*    border: 3px solid #f0f0f0;*/
/*    border-radius: 2px;*/
/*}*/
/*.virtual-list > ul > li > a > img{*/
/*    width: auto;*/
/*    height: 34px;*/
/*}*/

/*!* info *!*/
/*.virtual-info-area {*/
/*    !*float: left;*!*/
/*    width: 100%;*/
/*    margin: 0 0 40px;*/
/*    padding: 0 0 40px;*/
/*    !*border-bottom: 1px solid #eee;*!*/
/*}*/
/*.virtual-info-area.no-line {*/
/*    border-bottom: 0;*/
/*}*/
/*.virtual-info-area#company_heerim {*/
/*    border-bottom: 0;*/
/*}*/
/*.virtual-info-area:nth-child(2n) {*/
/*    padding-right: 20px;*/
/*}*/
/*.virtual-info-area .company-aside {*/

/*}*/
/*.virtual-info-area .company-aside > .thm > a {*/
/*    display: block;*/
/*    width: 100%;*/
/*    !*height: 225px;*!*/
/*    margin: 0 0 10px;*/
/*    !*background-color: #eee;*!*/
/*    box-shadow: 0 1px 2px rgba(0,0,0,0.45);*/
/*}*/
/*.virtual-info-area .company-aside > .thm > a > img {*/
/*    display: block;*/
/*}*/
/*.virtual-info-area .company-aside > .thm > img {*/
/*    display: block;*/
/*    width: 100%;*/
/*    !*height: 225px;*!*/
/*    margin: 0 0 10px;*/
/*    !*background-color: #eee;*!*/
/*    box-shadow: 0 1px 2px rgba(0,0,0,0.45);*/
/*}*/
/*.virtual-info-area .company-aside .video-area {*/
/*    height: 240px;*/
/*    margin: 0 0 10px;*/
/*}*/
/*.virtual-info-area .company-aside .thm-area {*/
/*    height: 240px;*/
/*    margin: 0 0 10px;*/
/*}*/
/*.virtual-info-area .company-aside .thm-area img {*/
/*    display: block;*/
/*}*/
/*.virtual-info-area .company-aside .btn-list {*/
/*    margin: 0;*/
/*}*/
/*.virtual-info-area .company-aside .btn-list > li {*/
/*    float: left;*/
/*    width: 50%;*/
/*    margin: 0 0 5px;*/
/*}*/
/*.virtual-info-area .company-aside .btn-list > li:nth-child(2n) {*/
/*    padding-left: 10px;*/
/*}*/
/*.virtual-info-area .company-aside .btn-list > li:nth-child(2n+1) {*/
/*    padding-right: 10px;*/
/*}*/
/*.virtual-info-area .company-aside .btn-list > li > a {*/
/*    display: block;*/
/*    height: 30px;*/
/*    line-height: 30px;*/
/*    padding: 0 15px;*/
/*    text-overflow: ellipsis;*/
/*    overflow: hidden;*/
/*    white-space: nowrap;*/
/*    text-align: center;*/
/*    font-size: 13px;*/
/*    color: #fff;*/
/*    text-decoration: none;*/
/*    border-radius: 2px;*/
/*    background-color: #2d3661;*/
/*}*/
/*.virtual-info-area .company-aside .btn-list > li > a.empty {*/
/*    background-color: transparent;*/
/*}*/
/*.virtual-info-area .company-aside .btn-list > li > a.pdf {*/
/*    margin: 0;*/
/*}*/

/*!* company-info *!*/
/*.virtual-info-area .company-info {*/
/*    margin: 0 0 10px;*/
/*}*/
/*.virtual-info-area .company-info .company-logo {*/
/*    display: block;*/
/*    margin: 0 0 10px;*/
/*}*/
/*.virtual-info-area .company-info .company-logo img {*/
/*    height: 50px;*/
/*}*/
/*.virtual-info-area .company-info h5 {*/
/*    margin-bottom: 17px;*/
/*    font-size: 27px;*/
/*    font-weight: bold;*/
/*    color: #0f75d0;*/
/*}*/
/*.virtual-info-area .company-info .tb-company {*/
/*    width: 100%;*/
/*    border-top: 2px solid #0f75d0;*/
/*}*/
/*.virtual-info-area .company-info .tb-company th {*/
/*    padding: 5px 0;*/
/*    text-align: center;*/
/*    font-size: 14px;*/
/*    font-weight: bold;*/
/*    border-bottom: 1px solid #dfdfdf;*/
/*    background-color: #fafafa;*/
/*}*/
/*.virtual-info-area .company-info .tb-company td {*/
/*    padding: 5px 5px 5px 15px;*/
/*    font-size: 14px;*/
/*    border-bottom: 1px solid #dfdfdf;*/
/*}*/

/***************************************************************************
    가상전시회 type3
***************************************************************************/
.virtual-area {

}
/* virtual-list */
.virtual-list {
    margin: 0 0 40px;
    padding: 0 0 30px;
    border-bottom: 1px solid #eee;
}
.virtual-list > ul {
    margin: 0;
    padding: 0;
}
.virtual-list > ul > li {
    float: left;
    width: 168px;
    margin: 0 10px 10px 0;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
}
.virtual-list > ul > li:nth-child(5n) {
    margin: 0 0 10px;
}
.virtual-list > ul > li > a {
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 10px;
    text-align: center;
    border: 3px solid #f0f0f0;
    border-radius: 2px;
}
.virtual-list > ul > li > a > img{
    width: auto;
    height: 34px;
}

/* virtual-info-area */
.virtual-info-area {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    margin: 0 0 40px;
    padding: 0 0 40px;
    border-bottom: 1px solid #eee;
}
.virtual-info-area.no-line {
    border-bottom: 0;
}
.virtual-info-area#company_heerim {
    border-bottom: 0;
}
.virtual-info-area:nth-child(2n) {
    /*padding-right: 20px;*/
}
.virtual-info-area .company-aside {
    width: 35%;
}
.virtual-info-area .company-aside > .thm > a {
    display: block;
    width: 100%;
    /*height: 225px;*/
    margin: 0 0 10px;
    /*background-color: #eee;*/
    box-shadow: 0 1px 2px rgba(0,0,0,0.45);
}
.virtual-info-area .company-aside > .thm > a > img {
    display: block;
}
.virtual-info-area .company-aside > .thm > img {
    display: block;
    width: 100%;
    /*height: 225px;*/
    margin: 0 0 10px;
    /*background-color: #eee;*/
    box-shadow: 0 1px 2px rgba(0,0,0,0.45);
}
.virtual-info-area .company-aside .video-area {
    height: 240px;
    margin: 0 0 10px;
}
.virtual-info-area .company-aside .thm-area {
    height: 240px;
}
.virtual-info-area .company-aside .thm-area img {
    display: block;
    max-width: 100%;
    box-shadow: 0 1px 2px rgb(0 0 0 / 45%);
}
.virtual-info-area .company-aside .btn-list {
    margin: 0;
}
.virtual-info-area .company-aside .btn-list > li {
    float: left;
    width: 50%;
    margin: 0 0 5px;
}
.virtual-info-area .company-aside .btn-list > li:nth-child(2n) {
    padding-left: 10px;
}
.virtual-info-area .company-aside .btn-list > li:nth-child(2n+1) {
    padding-right: 10px;
}
.virtual-info-area .company-aside .btn-list > li > a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    border-radius: 2px;
    background-color: #2d3661;
}
.virtual-info-area .company-aside .btn-list > li > a.empty {
    background-color: transparent;
}
.virtual-info-area .company-aside .btn-list > li > a.pdf {
    margin: 0;
}

/* company-info */
.virtual-info-area .company-info {
    width: 65%;
    margin: 0 0 10px;
    padding: 0 0 0 20px;
}
.virtual-info-area .company-logo {
    display: block;
    width: 100%;
    margin: 0 0 10px;
}
.virtual-info-area .company-logo img {
    height: 50px;
}
.virtual-info-area .company-info h5 {
    margin-bottom: 17px;
    font-size: 27px;
    font-weight: bold;
    color: #0f75d0;
}
.virtual-info-area .company-info .tb-company {
    width: 100%;
    border-top: 2px solid #0f75d0;
}
.virtual-info-area .company-info .tb-company th {
    padding: 5px 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #dfdfdf;
    background-color: #fafafa;
}
.virtual-info-area .company-info .tb-company td {
    padding: 5px 5px 5px 15px;
    font-size: 14px;
    border-bottom: 1px solid #dfdfdf;
}

/* member */
.special-area {
    margin: 20px 0 40px;
}
.special-area h4 {
    width: 230px;
    margin: 0 0 20px;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    background: #ccc;
}
.special-area.t1 h4 {
    background-color: #11b9e3;
}
.special-area.t2 h4 {
    background-color: #fc696c;
}
.special-area.t3 h4 {
    background-color: #FFD700;
}
.special-area.t4 h4 {
    background-color: #bcbec2;
}
.special-area.t5 h4 {
    background-color: #cd7f32;
}
.special-area.t5 {
    padding-bottom: 50px;
    border-bottom: 1px solid #dfdfdf;
}
.special-area.t6 {
    margin-top: 60px;
    padding-top: 0;
    background-color: #fafafa;
}

.highlignt-gray {
    border: 1px dashed #dddddd;
    padding: 15px 0;
    /* border-spacing: 6px; */
    background: #fbfbfb;
}
.section .section-title .small {
    font-size: 15px;
    font-weight: 400;
    color: #646464;
}

/* iframe-pdf */
.iframe-pdf {
    width: 100%;
    height: 1200px;
    border: 1px solid #35404f;
}

/* magnify */
.magnify-stage {
    top: 80px !important;
}
.magnify-header {
    height: auto !important;
}
.magnify-title {
    line-height: 1.5;
    white-space: normal;
    text-overflow: initial;
    overflow: visible;
}
.magnify-title h1 {
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: bold;
}
.magnify-title p {
    margin: 0 0 10px;
    font-size: 15px;
}

/* ==================================================================================
    Media query
================================================================================== */
@media only screen
and (max-width: 768px) {

    /* 인사말 */
    .article.greetings .thm {
        float: none;
    }
    .article.greetings .txt-info {
        float: none;
        width: 100%;
        padding: 20px 0 0;
    }
    .article.greetings .title {
        font-size: 19px;
        font-weight: bold;
    }
    .article.greetings .chairman {
        margin-top: 50px;
        text-align: right;
        font-size: 17px;
    }
    .article.greetings .chairman .sign b {
        margin-left: 5px;
        font-size: 19px;
        font-weight: bold;
    }

    /* ==================================================================================
        학술논문발표
    ================================================================================== */
    .list-col {

    }
    .list-col.col2 > li {
        float: none;
        width: auto;
    }
    .list-col.col5 > li {
        float: none;
        width: auto;
    }

    /* ==================================================================================
        특별강연
    ================================================================================== */
    .special .section .thm {
        float: none;
        width: 200px;
        margin: 20px auto 30px;
        padding-top: 5px;
    }
    .special .section .special-info {
        float: none;
        width: 100%;
        border-left: 0;
        padding-left: 0;
    }.

         /* ==================================================================================
             특별세션Ⅱ (특별좌담회)
         ================================================================================== */
     .speaker-list > li {
         float: left;
         width: 50%;
         height: 300px;
     }

    /* ==================================================================================
        건축문화탐방
    ================================================================================== */
    .article.tour .td-tour {
        width: 100%;
        margin: 0 0 50px;
    }
    .article.tour .table-responsive {
        overflow: initial;
        overflow-x: initial;
        min-height: auto;
        margin: 0;
        padding: 0;

    }
    .article.tour .td-tour table,
    .article.tour .td-tour tbody,
    .article.tour .td-tour tr,
    .article.tour .td-tour td {
        display: block;
    }
    .article.tour .td-tour td img {
        display: block;
        max-width: 100%;
        margin: 0 0 20px;
    }
    .article.tour .td-tour td h3 {
        margin: 0 0 10px;
        padding: 0;
        line-height: 1.3;
        font-family: '맑은 고딕';
        font-size: 18px;
    }
    .article.tour .td-tour .info {

    }
    .article.tour .td-tour .license {
        position: static;
        font-size: 14px;
        color: #999;
    }

    /* ==================================================================================
        위원회행사
    ================================================================================== */
    .article.committee .qr-code div {
        display: block;
        float: initial;
        text-align: center;
    }
    .article.committee .qr-code p {
        display: block;
        margin: 0;
    }

    /* ==================================================================================
        지역건축영상
    ================================================================================== */
    .article.special-video .exhibition-show-area .contents-result {
        margin: 0 0 100px;
    }
    .article.special-video .exhibition-show-area .contents-result p {
        margin: 0 auto 120px;
        text-align: center;
    }
    .article.special-video .exhibition-show-area .contents-result p.img img {
        max-width: 1200px;
        /*max-height: 1200px;*/
    }
    .article.special-video p.video {
        max-width: 1200px;
        /*max-height: 1200px;*/
    }
    .article.special-video .video-responsive {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0 auto 120px;
        text-align: center;
    }
    .article.special-video .video-responsive::before {
        display: block;
        content: "";
        padding-top: 56.25%;
    }
    .article.special-video .video-responsive .video-responsive-item {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

    /***************************************************************************
        가상전시회 type1
    ***************************************************************************/
    /*!* list *!*/
    /*.virtual-list {*/
    /*    margin: 0 0 40px;*/
    /*    padding: 0 0 40px;*/
    /*    border-bottom: 1px solid #eee;*/
    /*}*/
    /*.virtual-list > ul {*/
    /*    margin: 0;*/
    /*    padding: 0;*/
    /*}*/
    /*.virtual-list > ul > li {*/
    /*    width: 50%;*/
    /*    margin: 0 0 10px 0;*/
    /*    border: 0;*/
    /*}*/
    /*.virtual-list > ul > li:nth-child(2n) {*/
    /*    padding-left: 5px;*/
    /*}*/
    /*.virtual-list > ul > li:nth-child(2n+1) {*/
    /*    padding-left: 5px;*/
    /*}*/
    /*.virtual-list > ul > li:nth-child(4n) {*/
    /*    margin: 0 0 10px;*/
    /*}*/
    /*.virtual-list > ul > li > a {*/
    /*    height: 60px;*/
    /*}*/
    /*.virtual-list > ul > li > a > img{*/
    /*    width: 200px;*/
    /*}*/
    /*.virtual-list > ul > li:nth-child(1) > a {*/
    /*    padding-top: 7px;*/
    /*}*/
    /*.virtual-list > ul > li:nth-child(2) > a {*/
    /*    padding-top: 10px;*/
    /*}*/
    /*.virtual-list > ul > li:nth-child(3) > a {*/
    /*    padding-top: 10px;*/
    /*}*/
    /*.virtual-list > ul > li:nth-child(3) > a img {*/
    /*    width: 70%;*/
    /*}*/
    /*.virtual-list > ul > li:nth-child(4) > a {*/
    /*    padding-top: 15px;*/
    /*}*/
    /*.virtual-list > ul > li:nth-child(5) > a {*/
    /*    padding-top: 18px;*/
    /*}*/
    /*.virtual-list > ul > li:nth-child(6) > a {*/
    /*    padding-top: 15px;*/
    /*}*/
    /*.virtual-list > ul > li:nth-child(7) > a {*/
    /*    padding-top: 10px;*/
    /*}*/

    /*!* info *!*/
    /*.virtual-info-area .company-aside {*/
    /*    float: none;*/
    /*    width: 100%;*/
    /*    margin: 0 0 20px;*/
    /*}*/
    /*.virtual-info-area .company-aside .company-logo {*/
    /*    margin: 0 0 10px;*/
    /*}*/
    /*.virtual-info-area .company-aside .btn-list {*/
    /*    width: 280px;*/
    /*    margin: 0 auto 30px;*/
    /*}*/
    /*.virtual-info-area .company-aside .btn-list > li {*/
    /*    margin: 0 0 7px;*/
    /*}*/
    /*.virtual-info-area .company-aside .btn-list > li > a {*/
    /*    height: 34px;*/
    /*    line-height: 34px;*/
    /*}*/
    /*.virtual-info-area .company-aside > .thm > a {*/
    /*    width: 280px;*/
    /*    margin: 0 auto 10px;*/
    /*}*/
    /*.virtual-info-area .company-aside > .thm > a > img {*/
    /*    max-width: 280px;*/
    /*}*/
    /*.virtual-info-area .company-aside > .video iframe {*/
    /*    width: 100%;*/
    /*    height: 225px;*/
    /*}*/

    /*.virtual-info-area .company-info {*/
    /*    float: none;*/
    /*    width: 100%;*/
    /*    padding-left: 0;*/
    /*}*/
    /*.virtual-info-area .company-info h5 {*/
    /*    margin-bottom: 10px;*/
    /*    font-size: 21px;*/
    /*}*/
    /*.virtual-info-area .company-info .tb-company {*/
    /*    width: 100%;*/
    /*    border-top: 2px solid #0f75d0;*/
    /*}*/
    /*.virtual-info-area .company-info .tb-company th {*/
    /*    padding: 5px 0;*/
    /*    letter-spacing: -0.45px;*/
    /*    font-size: 13px;*/
    /*}*/
    /*.virtual-info-area .company-info .tb-company td {*/
    /*    padding: 5px 10px;*/
    /*    letter-spacing: -0.45px;*/
    /*    font-size: 13px;*/
    /*}*/

    /***************************************************************************
        가상전시회 type2
    ***************************************************************************/
    /* list */
    .virtual-list {
        margin: 0 0 40px;
        padding: 0 0 30px;
        border-bottom: 1px solid #eee;
    }
    .virtual-list > ul > li {
        float: left;
        width: 50%;
        margin: 0 0 10px 0;
        border: 0;
    }
    .virtual-list > ul > li:nth-child(2n) {
        margin: 0 0 10px 0;
        padding: 0 0 0 5px;
    }
    .virtual-list > ul > li:nth-child(2n+1) {
        margin: 0 0 10px 0;
        padding: 0 5px 0 0;
    }
    .virtual-list > ul > li > a {
        overflow: hidden;
        height: 60px;
        line-height: 60px;
        padding: 10px;
    }
    .virtual-list > ul > li > a > img{
        width: auto;
    }

    /* info */
    .virtual-info-area {
        float: none;
        width: 100%;
        margin: 0 0 50px;
        padding: 0;
        border-bottom: 0;
    }
    .virtual-info-area .company-info {
        width: 100%;
        padding: 0;
    }
    .virtual-info-area .company-aside {
        width: 100%;
    }
    /*.virtual-info-area:nth-child(2n) {*/
    /*    padding-right: 0;*/
    /*}*/
    /*.virtual-info-area:nth-child(2n+1) {*/
    /*    padding-left: 0;*/
    /*}*/
    .virtual-info-area .company-aside .video-area {
        height: auto;
    }
    .virtual-info-area .company-aside .thm-area {
        height: auto;
    }
    .virtual-info-area .company-aside .thm-area img {
        display: block;
    }
    .virtual-info-area .company-aside .btn-list {
        margin: 0;
    }
    .virtual-info-area .company-aside .btn-list > li {
        float: left;
        width: 50%;
        margin: 0 0 5px;
    }

    /* company-info */
    .virtual-info-area .company-info .tb-company th {
        vertical-align: middle;
    }
    .virtual-info-area .company-info .tb-company td {
        vertical-align: middle;
    }

}