/* ==================================================================================
    공통 스타일
================================================================================== */
.article b {
    font-weight: 800;
}
.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-top: 2px solid #638138;*/
    margin-bottom: 20px;
}
.article table.table thead th {
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf !important;
    background-color: #edf3fc;
}
.article table.table thead td {
    border: 1px solid #dfdfdf !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 tbody th {
    padding: 13px 20px !important;
    text-align: center;
    font-size: 17px;
}
.article table.table tbody td {
    padding: 13px 20px !important;
    text-align: center;
    word-break: keep-all;
    font-size: 17px;
}
.article .section p.visible-xs {
    margin-top:5px;
    font-size: 14px;
    color: #145ce5;
}
/* ==================================================================================
    인사말
================================================================================== */
.article.greetings .section {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}
.article.greetings .thm {
    display: flex;
    align-items: flex-end;
    width: 27%;
    padding: 50px 20px 0;
    border-radius: 10px;
    background: #EEEEEE url(/2025f/images/bg/greetings_bg.png) 95% 100% no-repeat;
    background-size: 100%;
}
.article.greetings .thm img {
    width: 170px;
}
.article.greetings .txt-info {
    width: 70%;
}
.article.greetings .title {
    font-size: 22px;
    font-weight: 800;
    margin: 0 0 25px;
    line-height: 1.8;
}
.article.greetings .txt-info p {
    text-align: justify;
}
.article.greetings .txt-info p.chairman {
    margin-top: 50px;
    text-align: right;
    font-size: 19px;
}
.article.greetings .chairman .date {
    display: block;
}
.article.greetings .chairman .sign b {
    margin-left: 16px;
    font-size: 22px;
    font-weight: 800;
}

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

}
.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(1) {
    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:nth-child(2) {
    margin-top: 10px;
}
.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;
}

/* ==================================================================================
    논문접수 > 논문모집 요강
================================================================================== */
.article .section.submission ul.section-list > li {
    margin: 0 0 30px 20px;
    list-style: disc;
}
.article .section.submission ul.section-list > li {
    margin: 0 0 30px 20px;
    list-style: disc;
}

/* ==================================================================================
    학술논문발표
================================================================================== */
.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;
}
/* ==================================================================================
    프로그램 일정표 - html 타임테이블
================================================================================== */
.time-table-area {

}

/* thead */

.programs.article .section .time-table-area .table-responsive .table thead th {
    padding: 15px 10px;
    background-color: #638138;
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: -0.8px;
}
.programs.article .section .time-table-area table.table tbody th {
    padding: 5px !important;
    font-size: 12px;
    font-weight: 800;
    background-color: #f7f7f7;
    letter-spacing: -0.8px;
    line-height: 0.8;
}
/* tbody */
.article.programs .section .time-table-area table.table tbody td {
    padding: 10px 3px !important;
    font-size: 12px;
    letter-spacing: -0.6px;
    text-align: center;
    word-break: keep-all;
    vertical-align: sub;
    white-space: wrap;
}
.article.programs .section .time-table-area table.table tbody td a {

}
.article.programs .section .time-table-area table.table tbody td a:hover {
    color: #0081ff;
}
.article.programs .section .time-table-area table.table tbody td a p {
    margin: 7px 0 0;
    word-break: break-all;
}
/* ----- 색상별 커스텀 ----- */
.article.programs .section .time-table-area table.table tbody td.bg-gray {
    background-color: #f7f7f7;
}
.article.programs .section .time-table-area table.table tbody td.bg-red {
    background-color: #ffddd9;
    font-size: 16px;
    font-weight: 800;
    border-bottom: 1px solid #ffffff !important;
}
.article.programs .section .time-table-area table.table tbody td.bg-red span {
    color: #0c77ff;
}
.article.programs .section .time-table-area table.table tbody td.bg-red a:hover,
.article.programs .section .time-table-area table.table tbody td.bg-red a:hover span {
    color: #ff4848
}
.article.programs .section .time-table-area table.table tbody td.bg-red small {
    font-size: 14px;
    font-weight: 600;
}
.article.programs .section .time-table-area table.table tbody td.bg-yellow {
    vertical-align: middle;
}
/* ----- 영역별 커스텀 ----- */
/* 포스터발표 */
.section .time-table-area .poster-area {
    background-color: #e9f7d6;
}
.section .time-table-area .poster-area span {
    padding: 4px 5px;
    border-radius: 50px;
    font-size: 12px;
    color: #fff;
    background-color: #13952a;
    font-weight: 600;
}

/* 포스터발표 */
.section .time-table-area .bg-yellow,
.section .time-table-area .oral-area {
    background-color: #fbf7e5;
}
.section .time-table-area .oral-area span {
    padding: 4px 7px;
    border-radius: 50px;
    font-size: 12px;
    color: #fff;
    background-color: #e8ae00;
    font-weight: 600;
}

/* 세션 */
.section .time-table-area .session-area {
    background-color: #e7f8ff;
}
.section .time-table-area .session-area span {
    padding: 4px 7px;
    border-radius: 50px;
    font-size: 12px;
    color: #fff;
    background-color: #00a6e8;
    font-weight: 600;
}

/* break */
.article.programs .section .time-table-area .table-responsive .table tr td.break {
    padding: 4px 0 !important;
    font-weight: 600;
    background-color: #f7f7f7;
}
/*lunch*/
.article.programs .section .time-table-area .table-responsive .table tr td.lunch {
    font-weight: 800;
    background-color: #ffe4c7;
}

.article.programs .section .time-table-area .table-responsive td svg {
    width: 27px;
    height: 27px;
    margin-top: 8px;
    color: #3690e1;
    background-color: #ebf6ff;
    border: 1px solid #b2d9fa;
    border-radius: 50px;
    padding: 5px;
    transition: all 0.4s;
}
.article.programs .section .time-table-area .table-responsive td svg:hover {
    background-color: #3690e1;
    color: #fff;
}
/* ==================================================================================
    위원회 행사
================================================================================== */
.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 {
    padding: 6px 20px !important;
    text-align: center;
    font-size: 15px;
    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 .section p {
    padding: 10px 0 20px;
}
.article.committee table th,
.article.committee table tbody th,
.article.committee table tbody tr td {
    padding: 8px 20px !important;
    font-size: 15px;
    text-align: left;
}
.article.committee table tbody tr td a {
    color: #226fe7;
}
.article.committee table tbody tr td a:hover {
    color: #0004ff;
}
.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.da .flex-box {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.article.da .flex-box .img-area {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 35%;
}
.article.da .img-area img {
    border: 1px solid #dfdfdf;
}
.article.da .flex-box .text-area {
    width: 55%;
}


/* ==================================================================================
    concert
================================================================================== */
.ceremony .img-area {
    display: flex;
    gap: 2%;
}
.ceremony .img-area img {
    width: 49%;
}
/* ==================================================================================
    프로그램 안내
================================================================================== */
.article.lecture > .section.lecture-info {
    display: flex;
    justify-content: space-between;
}
.article.lecture > .section.lecture-info > div:first-child {
    width: 30%;
}
.article.lecture > .section.lecture-info > div:nth-child(2){
    width: 65%;
}
.article.lecture .section .table-responsive .table tbody td {
    width: 50%;
    text-align: left;
}

.lecture .lecture-list {
    display: flex;
    gap: 50px;
}
.lecture .lecture-thm {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 20%;
    gap: 10px;
}
.lecture .lecture-thm p {
    margin :0
}
.lecture .lecture-thm .name {
    font-size: 21px;
    font-weight: 800;
}
.lecture .lecture-thm img {
    max-width: 230px;
}
.lecture .lecture-contents {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px 2%;
    width: 100%;
}
.lecture .lecture-contents > div:first-child {
    width: 49%;
}
.lecture .lecture-contents > div:nth-child(2) {
    width: 49%;
}
.lecture .lecture-contents .title-label {
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 12px;
    font-size: 16px;
    background-color: #008aef;
    color: #fff;
    border-radius: 5px;
}

/* ==================================================================================
    행사장 안내
================================================================================== */
.article.eventhall {

}
.article.eventhall .thm {
    margin: 0 0 20px;
    text-align: center;
}


/* ==================================================================================
    셔틀버스 및 대중교통
================================================================================== */
.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;
}
/* ==================================================================================
    특별세션Ⅱ (특별좌담회)
================================================================================== */
.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;
}

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

}
/* virtual-list */
.virtual-list {
    margin: 0 0 40px;
    padding: 0 0 30px;
    border-bottom: 1px solid #eee;
}
.virtual-list > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 5px;
    margin: 0;
    padding: 0;
}
.virtual-list > ul > li {
    width: 190px;
    height: 60px;
}
.virtual-list > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 6px 15px;
    text-align: center;
    border: 2px solid #f0f0f0;
    border-radius: 2px;
}
.article .section .virtual-list > ul > li > a > img {
    max-width: 140px;
    width: auto;
    max-height: 36px;
    height: auto;
    vertical-align: middle;
}

.virtual-list > ul > li.sizeup > a > img{
    height: 48px;
}
.virtual-list > ul > li.sizeup > a {
    padding:3px;
}


.magnify-stage{
    border:none;
}

/* virtual-info-area */
.virtual-info-area {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 40px;
    padding: 0 0 50px;
    border-bottom: 1px solid #eee;
}
.virtual-info-area.no-line {
    border-bottom: 0;
}
.virtual-info-area#company_heerim {
    border-bottom: 0;
}

.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 .list-btn {
    text-align: right;
}
.virtual-info-area .company-aside .list-btn a {
    /*width: 100%;*/
    margin-top: 30px;
}
.virtual-info-area .company-aside .thm-area {
    width: 250px;
    height: 350px;
    overflow: hidden;
    border: 1px solid #dfdfdf;
}
.virtual-info-area .company-aside .thm-area a {
    width: 100%;
}
.virtual-info-area .company-aside .thm-area a img {
    display: block;
    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;
}

.virtual-info-area .left-area {
    display: flex;
    flex-direction: column;
    width: 70%;
}
/* company-info */
.virtual-info-area .company-info {
    width: 100%;
}
.virtual-info-area .company-logo {
    display: block;
    max-width: 220px;
    width: auto;
    max-height: 65px;
    height: auto;
    margin: 0 0 10px;
}
.virtual-info-area .company-logo img {
    max-width: 170px;
    width: auto;
    max-height: 70px;
    height: auto;
}
.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: 3px solid #0f75d0;*/
    border-top: 3px solid #13952a;
}
.virtual-info-area .company-info .tb-company th {
    padding: 5px 0;
    text-align: center;
    font-size: 15px;
    font-weight: 800;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f8fcf8;
    vertical-align: middle;
}
.virtual-info-area .company-info .tb-company td {
    padding: 7px 20px 7px;
    font-size: 15px;
    border-bottom: 1px solid #dfdfdf;
}
.virtual-info-area .company-info .tb-company tr:first-child td {
    font-weight: 800;
    color: #13952a;
}
/* 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: 800;
}
.magnify-title p {
    margin: 0 0 10px;
    font-size: 15px;
}

.article .section .table-responsive .table tbody .committee-table-title th{
    font-weight:bold;
    background-color: #f1f7fe;
}

/* ==================================================================================
    Media query
================================================================================== */
@media only screen
and (max-width: 1100px) {
    .article.lecture > .section.lecture-info,
    .lecture .lecture-contents {
       flex-direction: column;
    }
    .lecture .lecture-contents > div,
    .article.lecture > .section.lecture-info > div:nth-child(2),
    .article.lecture > .section.lecture-info > div:first-child {
        width: 100% !important;
    }
    .lecture .lecture-list {
        flex-direction: column;
        align-items: center;
    }
    .lecture .lecture-thm {
        width: 100%;
    }
}
@media only screen
and (max-width: 900px) {
    .virtual-info-area {
        justify-content: center;
    }

    .virtual-info-area .company-aside {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
    }

    .virtual-info-area .left-area {
        width: 100%;
    }
}
@media only screen
and (max-width: 768px) {

    /* 인사말 */
    .article.greetings .section {
        flex-direction: column;
    }
    .article.greetings .thm {
        width: 100%;
        padding: 50px 50px 0;
    }
    .article.greetings .txt-info {
        width: 100%;
        padding: 20px 0 0;
    }
    .article.greetings .title {
        font-size: 17px;
    }
    .article.greetings .txt-info p.chairman {
        font-size: 17px;
    }
    .article.greetings .chairman .sign b {
        padding-left: 8px;
        font-size: 18px;
    }
    /* ==================================================================================
        학술논문발표
    ================================================================================== */
    .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;
    }

    /***************************************************************************
          디지털건축기술대전
        ***************************************************************************/
    .article.da .flex-box {
        flex-direction: column;
        align-items: center;
        gap: 60px;
        margin-top: -50px;
    }
    .article.da .flex-box .text-area {
        width: 100%;
    }
    .article.da .flex-box .img-area {
        width: 85%;
    }
    .article.da .flex-box .img-area img:nth-child(2) {
        display: none;
    }

    .ceremony .img-area {
        flex-flow: column;
    }
    .ceremony .img-area img {
        width: 100%;
    }
    .virtual-info-area .company-info .tb-company td {
        padding: 7px 10px;
        font-size: 14px;
    }
    .virtual-info-area .company-info .tb-company th {
        font-size: 14px;
    }
}
@media only screen
and (max-width: 430px) {

    .virtual-list > ul {
        justify-content: flex-start;
        gap: 23px 11px;
    }
    .virtual-list > ul > li {
        width: 47%;
        height: 48px;
    }
    .article .section .virtual-list > ul > li > a > img {
        max-width: 116px;
        max-height: 33px;
    }

}