/* MEDIA QUERY */


/*=======================
=========================


＠Min 756px - Max 1046px 


=========================
========================*/

@media screen and (max-width: 65.375em) {

    /* 상단 메뉴 header */
    div.logotype {
        margin: 18px auto 0;
    }
    div.logotype img {
        height: 52px;
    }
    section.topWrap {
        max-width: 1184px;
        height: 88px;
        margin: 0 auto 0;
        padding: 0 4% 0;
    }
    div.gnb_menu ul > li {
        font-size: 16px;
        margin-right: 42px;
    }
    ul.menus li a {
        line-height: 88px;
    }
    ol.smenu li.s_list a {
        font-size: 15px;
        padding: 16px 0 16px;
    }
    ol.smenu {
        top: 88px;
        left: -40px;
        width: 140px;
    }
    
    /* 상단비주얼 */
    div.visual_contents {
        padding: 0 6% 0;
    }
    dl.theme_title {
        margin-top: 16px;
    }
    section.main_visual_wrap {

    }
    div.m_vs_img img{
        margin-top: 48px;
        width: 100%;
    }
    dl.theme_title dd.subj_tit{
        line-height: 1.2;
    }
    dl.theme_title dt, dl.theme_title dt span.en_kff{
        font-size: 15px;
    }
    dl.theme_title dd.ko_kff, dl.theme_title dd.subj_tit{
        font-size: 64px;
    } 
    dl.theme_title dd.date_loca{
        font-size: 14px;
        margin-top: 24px;
    }
    dd.date_loca span.ytlive_ico{
        top: -4px;
        margin-left: 8px;
    }
    dd.date_loca span.ytlive_ico img{
        width: 123px;
    }
    dl.theme_title dd.date_time{
        font-size: 14px;
        margin-top: 8px;
    }


    /* 연사 */
    div.slider_contents{
        margin: 8px auto 0;
    }
    section.speakers_wrap {
        height: 100%;
        margin: 4% 0 4%;
    }
    div.spk_title > p{
        font-size: 17px;
    }
    div.spk_title > h3{
        font-size: 24px;
    }
    div.info_date {
        padding: 2%;
    }
    div.info_date > h4 {
        font-size: 16px;
        margin-top: 10px;
        margin-left: 2%;
    }
    div.info_date dl dt.sbj_tit{
        font-size: 28px;
        margin-top: 16px;
    }
    div.info_date dl dd.spk_name {
        font-size: 13px;
        margin-top: 12px;
    }
    div.info_date dl dd.spk_intro {
        font-size: 13px;
        margin-top: 24px;
        width: 60%;
    }
    div.info_date dl dd.spk_intro div span::before{
        top: 6px;
    }
    .bx-wrapper img {
        width: 90%;
    }
    div.info_date dl {
        margin-left: 2%;
    }
    
    div.info_date_bank dl dt.sbj_tit{
        font-size: 32px;
        margin-top: 36px;
    }
       
    dl.spk_infowrap_l dt.spk_name,
    dl.spk_infowrap_r dt.spk_name{
        font-size: 16px;
    }

    dl.spk_infowrap_l dd.spk_tit,
    dl.spk_infowrap_r dd.spk_tit{
        font-size: 15px;
        margin-top: 8px;
        padding: 0 4px 0;
    }
     dl.spk_infowrap_l{
        right: 10px;
        top: 80px;
    }
     dl.spk_infowrap_r{
        left: 10px;
        top: 80px;
    }
    
    
    /*프로그램*/
    div.fnx_program_c_list{
        margin: 32px auto 32px;
    }
    dt.fnx_pr_tit{
        font-size: 20px;
    }
    dd.fnx_pr_red{
        font-size: 13px;
        padding: 0 8% 0;
    }
    dd.fnx_pr_red br{
        display: none;
    }
    dd.pr_imgs img{
        width: 130px;
    }


    /* 후원, 제휴 */
    section.spn_pts_wrap{
        padding: 0 8% 5%;
        margin-top: 4%;
    }
    iv.container_sponsor{
        float: left;
    }
    div.container_sponsor, div.container_partners{
        width: 100%;
        max-width: 100%;
    }
    div.container_sponsor > ul.spn_list li img{
    }
    div.container_sponsor h4, div.container_sponsor > ul.spn_list{
        margin-left: 0;
    } 
    div.container_sponsor h4{
        font-size: 18px;
        font-weight: 600;
    }    
    div.container_partners{
        margin-top: 0;
    }
    ul.spn_list li {
        display: inline-block;
        margin-bottom: 2%;
        width: -webkit-calc(100% / 4);
        width: -moz-calc(100% / 4);
        width: calc(100% / 4);
        max-width: 25%;
        float: left;
    }
    a.facebook_btn h5, a.noti_btn h5 {
        font-size: 15px;
        height: 65px;
        line-height: 63px;
    }
    ul.pts_list{
        margin-top: 24px;
    }
    

    /* SUB PAGE ==========================================================================================================================*/ 
    
    
    /* SUB COMMON */
    h3.h_title{
        font-size: 20px;    
    }
    

    /* 행사소개-소개글 */
    section.summury_wrap {
        margin: 48px 5% 0;
    }
    section.summury_wrap div.contents_text > h3 {
        font-size: 24px;
    }
    section.summury_wrap div.contents_text > p {
        font-size: 16px;
        margin-top: 24px;
    }
    section.summury_wrap div.contents_text > p br {
        display: none;
    }


    /* 행사소개-개요 */
    ul.spn_list_tb li img{
        height: 36px;
    }
    table.table_formst tr td{
        font-size: 14px;
        padding: 20px 0 20px;
    }
    table.table_formst tr td.etmedia_logo img, table.table_form tr td.etmedia_logo img{
        width: 40%;
    }
    table.table_formst tr td.et_logo img{
    width: auto;
    }
    section.summury_wrap div.contents_text > h3 > span{
        border-bottom: 2px solid #d8dff0;
        box-shadow: 0 -12px 0 #d8dff0 inset;
    }
    .poptrox-popup{
        width: 92%;
    }


    /* 전시안내 */
    section.sub_2ds_menu{
        width: 96%;
        margin: -32px auto 0;
    }
    section.inform_contents {
        width: 96%;
        margin: 32px auto 0;
    }   
    div.contentsform{
            margin-top: 6%;
    }
    div.contentsform dl dd.scene_imgs ol li img{
        height: 176px;
    }    

    
    /*지난 행사 결과*/

    section.lastkff_wrap {
        margin: 48px 5% 0;
    }
    table.table_form tr td {
        padding: 20px 0 20px 10px;
        font-size: 14px;
        line-height: 160%;
    }
    table.table_form tr td.tit{
        font-weight: 500;
        padding-left: 10px;
        width: 25%;
    }
    div.lastyear_view_btn ul li a{
        font-size: 16px;
    }

    dl.tb_spk_info dt, dl.tb_spk_info dd.sbj_tit, dl.tb_spk_info dd{font-size: 14px;}



    h3.ev_tit{
        font-size: 40px;
        border: 8px solid #345eda;
        padding: 5% 5% 5%;
    }    
    div.titleform p{
        font-size: 18px;
        margin-top: 4%;
        padding: 0 5% 0;
    }    
    div.titleform p br{display: none;}  
    ol.tablecont li, ol.tablecont2 li.tit2{
        font-size: 16px;
    }   
    ol.tablecont2 li{margin-bottom: 24px;}
    
    ul.step_container{
        margin-top: 20px;
    }
    ul.step_container li.step_guide{
        padding: 3% 0 3%;
    }
    ul.step_container li.step_guide dl dd{
        font-size: 15px;
        padding: 0 6% 0;
        line-height: 160%;
    }
    ul.step_container li.step_guide dl dt.tm, ul.step_container li.step_guide dl dt.tm2{
        padding: 2% 8% 2%;   
        font-size: 12px;  
    }
    ul.step_container li.step_guide dl dd.txt{
        margin-top: 6%;
    }
    ul.step_container li.step_guide dl dd.app_ico{
        text-align: center;
        margin-top: 14px;
    }
    ul.step_container li.step_guide dl dd.app_ico img{
        height: 54px;
    }    
    

    /* 행사현장 */
    section.kff_gallery_wrap  {
        width: 96%;
        margin: 32px auto 0;
    }    
    
    

    /* 프로그램 - 세미나 */  
    section.program_contents{
        margin: 0 auto 0;
    }
    ol.sm_tablecont li {
    font-size: 16px;
    }
    div.program_titleform > h3 {
        font-size: 48px;
    }    
    div.program_titleform p {
        font-size: 18px;
    }    
    
    div.keyword{
        margin-top: 24px;
    }


    /*========================
    ＠타임테이블 20200619
    =========================*/

    .tableWrap{
        padding: 0 15px 0;
    }
    .row_header .cell{
        font-size: 15px;
    }
    .time_date{
    font-size: 14px !important;
    }
     .cell dl.speak dt, .cell dl.speak dd, .cell > p{
    font-size: 14px;
    line-height: 24px;
    }
    
    
    /* 관람신청 */
    section.guide_contents{
        width: 92%;
        margin: 0 auto 0;
    }        
    ul.apply_container li.app_guide {
        width: -webkit-calc(98% / 2);
        width: -moz-calc(98% / 2);
        width: calc(98% / 2);
        margin-right: 2%;
        margin-bottom: 2%;
        padding: 6% 0 6%;
    }    
    ul.apply_container li.app_guide:nth-of-type(2n) {
        margin-right: 0;
    }    
    .apply_contentsform{
        margin-top: 6%;
    }
    
    li.app_guide_col3 dl dd.txt {
        margin-top: 4%;
        font-size: 16px;
    }
    li.app_guide_col3 dl dt {
        font-size: 15px;
        padding: 0 8% 0;
    }
    li.app_guide_col3 dl dd.txt p.ntxt{
        font-size: 11px;
    }
    div.on_noti_text {
    margin-top: 8%;
    }
    div.on_noti_text > h3 {
        font-size: 20px;
        line-height: 160%;
    }

    div.faq_wrap{
        margin-top: 30px;
    }
    ul.faq_conts li.question{
        padding: 20px 30px 20px 40px;
        font-size: 15px;
    }
    ul.faq_conts li.question span::before {
        left: 18px;
    }    
    ul.faq_conts li.answer{
        font-size: 15px;
        padding: 20px 38px 20px;
        line-height: 26px;
    }
    
    /* 오시는 길 */
    ol.trf_tablecont{
        width: 100%;
    }
    ol.trf_tablecont li.tit {
        width: 14%;
    }
    span.sbw_1, span.sbw_2, span.sbw_3{
        margin-right: 12px;
        padding-left: 12px;
    }
    
    
    /* 이벤트 게시판 */
    section.sect_event_wrap{
        width: 96%;
        margin: 0 auto 0;
    }
    div.evt_container {
        margin: 8px auto 0;
    }
    div.evt_container ul li.cont_list dl dd.tit{
        font-size: 24px;
        margin-top: 16px;
        padding: 0 6% 0;
    }
    div.evt_container ul li.cont_list dl dd.txt{
        font-size: 16px;
        padding: 0 8% 0;
        margin-top: 8px;
    }


    /* FOOTER */
    .footerarea{font-size: 14px;}    
    

}




/*=======================
=========================


＠Min 321px - Max 755px 


=========================
========================*/


@media screen and (max-width: 47.2em) {
    
    /* 상단 메뉴 header */
    
    div.gnb_menu {
        display: none;
    }
    div.m_gnb_menu {
        display: block;
    }    
    
    header {
        padding: 0 0 0
    }
    div.logotype {
        margin: 10px auto 0;
    }
    div.logotype img {
        height: 38px;
    }
    section.topWrap {
        height: 60px;
    }
    div.m_gnb_menu {
        margin-top: 20px;
    }
    div.m_gnb_menu img{
        height: 22px;
    } 
    .sidebar ul.category_smenu li a {
        font-size: 16px;
        padding: 4% 0 4% 5%;
    }
    .sidebar .category_menu h2{
        font-size: 18px;
    }



    /* 상단비주얼 */
    div.visual_contents {
        padding: 0 6% 0;
    }
    div.visual_contents > div{
        float: none;
        width: 100%;
        text-align: center;
    }
    dl.theme_title {
        margin-top: 8px;
    }
    dl.theme_title dt span {
        font-size: 24px;
        padding: 0 2px 0;
    }
    div.visual_contents div.m_vs_img{
        position: relative;
        text-align: center;
        width: 100%;
    }
    div.m_vs_img img{
        margin-top: 16px;
        width: 93%;
    }
    dl.theme_title dd.subj_tit{
        line-height: 1.2;
    }
    dl.theme_title dt, dl.theme_title dt span.en_kff{
        font-size: 15px;
    }
    dl.theme_title dd.ko_kff, dl.theme_title dd.subj_tit{
        font-size: 52px;
        letter-spacing: -1px;
    }
    dl.theme_title dd.ko_kff br{
        display: none;
    }
    dl.theme_title dd.date_time{
        font-size: 15px;
    }
    

/* 연사 */
    div.slider_contents{
        margin: 8px auto 0;
        padding: 0 2% 0;
    }
    section.speakers_wrap {
        height: 100%;
        margin: 6% 0 4%;
    }
    div.spk_title > p{
        font-size: 15px;
        margin-top: 8px;
    }
    div.spk_title > h3{
        font-size: 20px;
    }
    div.info_date {
        padding: 4%;
    }
    div.info_date > h4 {
        font-size: 16px;
        margin-top: 10px;
        margin-left: 2%;
    }
    div.info_date dl dt.sbj_tit{
        font-size: 28px;
        margin-top: 16px;
    }
    div.info_date dl dd.spk_name {
        font-size: 13px;
        margin-top: 12px;
    }
    div.info_date dl dd.spk_intro {
        font-size: 13px;
        margin-top: 24px;
        width: 60%;
    }
    div.info_date dl dd.spk_intro div span::before{
        top: 6px;
    }    
    .bx-wrapper img {
        width: 100%;
    }
    div.info_date dl {
        margin-left: 2%;
        text-align: center;
    }
    
    div.info_date_bank dl dt.sbj_tit{
        font-size: 32px;
        margin-top: 36px;
    }

    dl.spk_infowrap_l dt.spk_name,
    dl.spk_infowrap_r dt.spk_name{
        font-size: 16px;
    }

    dl.spk_infowrap_l dd.spk_tit,
    dl.spk_infowrap_r dd.spk_tit{
        font-size: 13px;
        margin-top: 8px;
        padding: 0 4px 0;
    }
    dl.spk_infowrap_l dd.spk_tit br,
    dl.spk_infowrap_r dd.spk_tit br{
        display: none;
    }    
     dl.spk_infowrap_l{
        right: 0;
        top: 0;
        position: relative;
    }
     dl.spk_infowrap_r{
        left: 0;
        top: 0;
        position: relative;
    }

    
    /*프로그램*/
    div.fnx_program_c_list ul > li {
        width: -webkit-100%;
        width: -moz-100%;
        width: 100%;
        max-width: 100%;
        float: none;
        text-align: center;
        padding: 0 8% 0;
        margin-bottom: 32px;
    }
    div.fnx_program_c_list{
        margin: 32px auto 32px;
    }
    dt.fnx_pr_tit{
        font-size: 22px;
    }
    dd.fnx_pr_red{
        font-size: 15px;
        padding: 0 6% 0;
        margin-top: 8px;
    }
    dd.fnx_pr_red br{
        display: none;
    }
    dd.pr_imgs {
        margin-top: 16px;
    }
    dd.pr_imgs img{
        width: 200px;
    }
    
    /* 후원, 제휴 */
    section.spn_pts_wrap{
        padding: 0 8% 5%;
        margin-top: 4%;
    }
    iv.container_sponsor{
        float: left;
    }
    div.container_sponsor, div.container_partners{
        width: 100%;
        max-width: 100%;
    }
    div.container_sponsor > ul.spn_list li img{
        width: 100%;
        height: 100%;
    }
    div.container_sponsor h4, div.container_sponsor > ul.spn_list{
        margin-left: 0;      
    } 
    div.container_sponsor h4{
        font-size: 18px;
        font-weight: 600;
    }    
    div.container_partners{
        margin-top: 0;
    }
    ul.spn_list li {
        display: inline-block;
        margin-bottom: 2%;
        margin-right: 2%;
        width: -webkit-calc(100% / 4);
        width: -moz-calc(100% / 4);
        width: calc(100% / 4);
        max-width: 23%;
        float: left;
    }
    ul.spn_list li:nth-of-child(4n){

    }
    a.facebook_btn h5, a.noti_btn h5 {
        font-size: 14px;
        height: 54px;
        line-height: 52px;
    }
    a.facebook_btn h5::before {
        top: 33%;
    }
    ul.pts_list{
        margin-top: 8px;
    }
    div.fxd_btn a {
        font-size: 16px;
        padding: 20px 0 16px;
    }
    div.fxd_btn a span {
        top: -1px;
        margin-left: 6px;
    }
    
    /* SUB PAGE ==========================================================================================================================*/    

    div.btn_style_01 {
        font-size: 14px;
        max-width: 248px;
        margin: 6% auto 0;
    }
    div.btn_style_01 a{
        padding: 5% 0 5%;
    }

    .app_btn{
        padding: 3px 12px 4px;
        font-size: 12px;
        top: 0;
    }

    
    /* 서브페이지 상단 비주얼 */
    section.sub_topvisual_wrap{
        padding-bottom: 8%;
        height: auto;
        background-size: auto;
    }
    dl.category_title{
        text-align: center;
        margin-top: 8%;
    }
    dl.category_title dt{
        font-size: 24px;
        margin-bottom: 8px;
        line-height: 140%;
    }    
    dl.category_title dd{
        font-size: 14px;
        width: 75%;
        margin: 0 auto 0;
    }
    dl.category_title dt br, dl.category_title dd {
        display: block;
    }    

    section.sub_2ds_menu{display: none;}    
    
    
    div.sub_2ds_menu_select{
        display: block;
    }   
    .sub_2ds_menu_select select {
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        appearance: none;
        background: url(/2021/assets/css/images/arrow.png) no-repeat 97% 52%;
        background-size: 24px;
        background-color: #fafafa;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        box-sizing: border-box;
        color: #333;
        display: block;
        padding: 2% 3% 2%;
        text-decoration: none;
        width: 92%;
        font-size: 14px;
        font-weight: 400;
        margin: 5% auto 0;
    }       
    

    /* 행사소개-소개글 */
    section.summury_wrap {
        margin: 24px 5% 0;
    }
    section.summury_wrap div.contents_text > h3 {
        font-size: 18px;
    }
    section.summury_wrap div.contents_text > p {
        font-size: 14px;
        margin-top: 18px;
    }

    
    /* 행사소개-개요 */
    ul.spn_list_tb li{
        margin: 2px 2px 2px 0;
    }
    ul.spn_list_tb li img{
        height: 36px;
    }
    table.table_formst tr td{
        font-size: 13px;
        padding: 16px 0 16px;
    }
    table.table_formst tr td.tit{
        vertical-align: top;
    }
    table.table_formst tr td.etmedia_logo img, table.table_form tr td.etmedia_logo img{
        width: 40%;
    }
    table.table_formst tr td.et_logo img{
    width: 65px;
    height: auto;
    }
    section.summury_wrap div.contents_text > h3 > span{
        border-bottom: 2px solid #d8dff0;
        box-shadow: 0 -12px 0 #d8dff0 inset;        
    }
    .poptrox-popup{
        width: 92%;
    }



    /*지난 행사 결과*/
    div.lastkff_contents {
        margin-top: 32px;
    }
    div.lastkff_infomation table.table_form {
        margin-top: 16px;
    }
    table.table_form tr td {
        font-size: 13px;
    }
    div.iGraph{
        height: 14px;
        padding-right: 10px;
        margin-bottom: 16px;
    }
    div.iGraph .gAction {
        height: 14px;
    }
    span.gph_tit {
        line-height: 14px;
        margin-left: 6px;
        font-size: 12px;
    }
    div.lastyear_view_btn{
        width: 90%;
    }
    div.lastyear_view_btn ul li{
        width: 48%;
        margin-right: 2%;
    }
    div.lastyear_view_btn ul li a {
        font-size: 13px;
        margin: 24px auto 0;
        padding: 5% 0 5%;
    }

    .lastselect .placeholder, .lastselect ul li{
        font-size: 14px;
    }


    dl.tb_spk_info dt, dl.tb_spk_info dd.sbj_tit, dl.tb_spk_info dd{font-size: 13px;}

    

    /* 전시안내 */
    section.inform_contents {
        width: 92%;
        margin: 0 auto 0;
    }   
    div.contentsform{
        margin-top: 24px;
    }
    div.contentsform dl dd.scene_imgs ol li img{
        height: 116px;
    }       
    h3.h_title{
        font-weight: 400;
        font-size: 16px;
    }
    div.contentsform dl dt.subj_tit{
        font-size: 16px;
        font-weight: 200;
    }
    div.contentsform dl dt.subj_tit br{
        display: none;
    }    
    h3.h_title span::before{
        margin-right: 5px;
    }
    div.contentsform dl dd.schd_tit{
        font-size: 15px;
        margin-top: 12px;
    }
    
    
    
    h3.ev_tit{
        font-size: 28px;
        border: 6px solid #345eda;
        padding: 5% 5% 5%;
    }    
    div.titleform{
        margin-top: 32px;
        padding-bottom: 6%;
    }
    div.titleform p{
        font-size: 15px;
        margin-top: 4%;
        padding: 0 6% 0;
    }    
    ol.tablecont li{
        width: 80%;
    }
    ol.tablecont li.tit{
        width: 20%;
    }
    ol.tablecont li, ol.tablecont2 li.tit2{
        font-size: 14px;
        line-height: 160%;
    }   
    ol.tablecont2 li{margin-bottom: 24px;}
    ol.tablecont2 li.tit2 p{
        margin: 12px 0 0 12px;
    }
    
    /* 참가신청절차 */
    ul.step_container{
        margin-top: 20px;
    }
    ul.step_container li.step_guide{
        width: -webkit-calc(96% / 3);
        width: -moz-calc(96% / 3);
        width: calc(96% / 3);        
        padding: 4% 0 4%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    ul.step_container li.step_guide dl dd{
        font-size: 15px;
        padding: 0 6% 0;
        line-height: 140%;
    }
    ul.step_container li.step_guide dl dt.tm, ul.step_container li.step_guide dl dt.tm2{
        padding: 2% 10% 2%; 
        font-size: 11px;
    }
    ul.step_container li.step_guide dl dd.txt{
        margin-top: 6%;
        font-size: 13px;
        padding: 0 4% 0;        
    }
    ul.step_container li.step_guide dl dd.app_ico{
        text-align: center;
        margin-top: 10px;
    }
    ul.step_container li.step_guide dl dd.app_ico img{
        height: 48px;
    }       
    ul.step_container li.step_guide:nth-child(3n){
        margin-right: 0;
    }
    
    
    /* 행사현장 */
    ul li.st_menu span  {
        font-size: 14px;
    }       
    div.gallery_Contlist{
        margin-top: 5%;
    }
    ul li.photoList dl dt.photo_thumbnail img{
        height: 120px;
    }
    

    /* 프로그램 - 전체 프로그램 */
    .mb_program_table{
        display: block;
    }
    .pc_program_table{
        display: none;
    }
    ul.tab_menu{
        width: 94%;
    }
    ul.tab_menu li{
        font-size: 14px;
        padding: 16px 0 16px;
    }
    ul.tab_menu li.current2{
        background: #4159a2 !important;
        box-sizing: border-box;
    }
    ul.tab_menu li.current2 a{
        color: #fff;
    }


    table.program_table{
        width: 94%;
        margin: 24px auto 0;
    }
    table.program_table tbody tr td, table.program_table thead tr th{
        padding: 12px 20px 12px;
        font-size: 14px;
    }
    table.program_table tbody tr td.time{
        font-size: 14px;
    }
    table.program_table dl.tb_spk_info dd.sbj_tit{
        color: #4159a2;
        font-size: 14px;
        font-weight: 500;
    }
    table.program_table dl.tb_spk_info dd.sbj_tit br{
        display: none;
    }
    table.program_table dl.tb_spk_info dd{
        width: 96%;
        margin: 8px auto 0;
        font-size: 14px;
    }
    

    /* 프로그램 - 세미나 */  
    .program_wd{
        width: 92% !important;
        margin-bottom: 5%;
    }
    section.program_contents{
        margin: 0 auto 0;
    }
    ol.sm_tablecont li {
    font-size: 13px;
    }
    div.program_titleform{
        margin-top: 32px;
        padding-bottom: 32px;
    }
    div.program_titleform > h3 {
        font-size: 32px;
    }  
    div.program_titleform p {
        font-size: 15px;
        padding: 0 5% 0;
    }     
    div.program_titleform p br{
        display: none;
    }
    ol.sm_tablecont{
        width: 92%;
    }
    ol.sm_tablecont li{
        width: 70%;
    }
    ol.sm_tablecont li.tit{
        width: 24%;
        margin-right: 3%;
    }
    ul.seminar_listwrap{
        padding-bottom: 24px;
    }
    div.sub_speaker_intorwrap > h3{
        text-align: center;
        font-size: 20px;
    }
    li.spk_list p.tag_txt{
        padding-left: 4px;
    }
    li.spk_list dl.intro dt {
        font-size: 16px;
        margin-bottom: 16px;
        padding-left: 4px;
    }
    li.spk_list dl.intro dt br{
        display: none;
    }
    li.spk_list dl.intro dt p, dl.intro dt p span{
        font-size: 13px;
        color: #222;
    }    
    li.spk_list dl.intro dd {
        font-size: 13px;
        padding-left: 8px;
        margin-top: 10px;
    }
    li.spk_list dl.program dt {
        font-size: 12px;
        margin-bottom: 12px;
        padding: 4px 12px 4px;
    }
    ul.sub_speaker_intro {
        margin-top: 0;
        padding-top: 24px;
        padding-bottom: 24px;
    }
    li.spk_list dl.program dd {
        font-size: 13px;
        margin-top: 4px;
    }
    li.spk_list dl.program dd.tit {
        font-size: 14px;
    }
    
    li.spk_list table tr td{
        width: 100%;
        display: block;
    }
    li.spk_list table tr td:nth-of-type(2n){
        padding-left: 0;
    }    
    
    
    /*모바일 키워드*/
    div.keyword{display: none;}
    div.keyword_mb{
        display: block;
        margin: 16px auto 16px;
        width: 88%;

    }
    div.keyword_mb::after{
        content: "";
        display: block;
        clear: both;
    }
    div.keyword_mb ul.keylist li{
        width: -webkit-calc(100% / 3);
        width: -moz-calc(100% / 3);
        width: calc(100% / 3);
        float: left;
        text-align: center;
        padding: 12px 0 12px;
        width: 33.3%;
        font-size: 14px;
    }
    div.keyword_mb ul.keylist:nth-child(1) li a{
        color: #6874c9
    }
    div.keyword_mb ul.keylist:nth-child(2) li a{
        color: #1662b7
    }
    div.keyword_mb ul.keylist:nth-child(3) li a{
        color: #26adf8;
    }
    div.keyword_mb ul.keylist li a{
        border-bottom: 2px solid #d8dff0;
        box-shadow: 0 -6px 0 #d8dff0 inset;
    }

    /*========================
    ＠타임테이블 20200619
    =========================*/
    .tableWrap{
        padding: 0 15px 0;
    }
    .table_row, .cell {
        width: 100% !important;
}
    .row_header .cell{
        display: none;
    }
    .cell {
        display: block;
        text-align: left;
    }
    .time_date{
        font-size: 15px !important;
    }
    .cell dl.speak dt{
        margin-top: 12px;
    }
    .cell dl.speak dt, .cell dl.speak dd, .cell > p{
        font-size: 14px;
        line-height: 24px;
    }
    .table_row{
        display: block;
        border-bottom: 1px solid #eaeaea;
        padding-left: 32px;
        padding-right: 16px;
        background: #fafafa;
    }
    .table_row .cell{
        border-bottom: 0;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 14px;
    }
    .table_row .cell:before {
        font-size: 13px;
        color: #333;
        font-weight: 400;
        margin-bottom: 8px;
        content: attr(data-title);
        min-width: 98px;
        display: block;
    }
    .ept{display: none;}
    
    

    /* 관람신청 */
    section.guide_contents{
        width: 92%;
        margin: 0 auto 0;
    }        
    ul.apply_container li.app_guide {
        width: -webkit-calc(98% / 2);
        width: -moz-calc(98% / 2);
        width: calc(98% / 2);
        margin-right: 2%;
        margin-bottom: 2%;
        padding: 6% 0 6%;
    }   
    ul.apply_container li.app_guide dl dt, ul.apply_container li.app_guide dl dd {
        font-size: 15px;
    }
    ul.apply_container li.app_guide dl dd.app_ico img{
        height: 54px;
    }    
    ul.apply_container li.app_guide:nth-of-type(2n) {
        margin-right: 0;
    }    
    .apply_contentsform{
        margin-top: 6%;
    }   
    

    ul.apply_container li.app_guide_col3 {
        width: -webkit-calc(90% / 1);
        width: -moz-calc(90% / 1);
        width: calc(90% / 1);
        background: #fafafa;
        float: none;
        margin: 0 auto 4% auto;
        text-align: center;
        padding: 8% 0 5%;
        border-radius: 10px;
    }
    ul.apply_container li.app_guide_col3:last-child {
        margin: 0 auto 6% auto;
    }
    li.app_guide_col3 dl dd.txt {
        margin-top: 4%;
        font-size: 18px;
    }
    li.app_guide_col3 dl dt {
        font-size: 16px;
        padding: 0 8% 0;
    }
    li.app_guide_col3 dl dd.txt p.ntxt{
        font-size: 12px;
    }
    li.app_guide_col3 dl dd.app_ico img {
        max-width: 70%;
    }
    div.on_noti_text {
    margin-top: 8%;
    }
    div.on_noti_text > h3 {
        font-size: 15px;
        line-height: 160%;
    }
    div.on_noti_text > h3 br{
        display: none;
    }
    div.on_noti_text > p {
    font-size: 12px;
    margin-top: 8px;
    }

    div.faq_wrap{
        margin-top: 20px;
    }
    ul.faq_conts li.question{
        padding: 16px 20px 16px 40px;
        font-size: 14px;
        line-height: 22px;
    }
    ul.faq_conts li.question span::before {
        left: 18px;
    }    
    ul.faq_conts li.answer{
        font-size: 14px;
        padding: 16px 32px 16px;
        line-height: 22px;
    }   
    
    /* 오시는 길 */
    ol.trf_tablecont{
        width: 100%;
    }
    ul.traffic_listwrap {
        padding-bottom: 24px;
    }    
    ol.trf_tablecont li {
        font-size: 14px;
    }    
    ol.trf_tablecont li.tit {
        width: 14%;
        margin-right: 3%;
    }
    ol.trf_tablecont li.tit img {
        height: 46px;
    }    
    ol.trf_tablecont li p:first-child{
        margin-top: 6px;
    }    
    span.sbw_1, span.sbw_2, span.sbw_3{
        margin-right: 8px;
        padding-left: 8px;
    }    
    ol.trf_tablecont li dl.bus dt {
        padding: 10px 12px 10px;
        text-align: left;
        background: #eaeaea;
        margin-bottom: 6px;
        margin-top: 12px;
        margin-right: 0;
        border-radius: 0;
        font-weight: 500;
    }    
    ol.trf_tablecont li dl.bus dd {
        padding: 8px 12px 8px 12px;
        position: relative;
    }
    
    .loca_pd{
        margin-bottom: 12% !important;
    }
    div.et_ytlive{
        padding: 0 8% 0;
    }
    div.et_ytlive p{
        font-size: 13px;
    }
    
    
    /* 공지사항 */
    section.noticeboardWrap{
        margin: 24px auto 0;
    }     
    div.boardContents{
        width: 94%;
    }
    div.boardContents table.table_board{
        font-size: 13px;
    }  
    table.table_board tr td.cont_tit{
        padding-left: 3%;
        padding-right: 3%;
    }
    table.table_board th, table.table_board tr td{
        padding: 12px 0 12px;
    } 
    
    table.table_view tr td {
        padding: 12px 2% 12px 2%;
        font-size: 13px;
    }    
    table.table_view tr td.tit, table.table_view tr td.stit {
        padding: 12px 2% 12px 2%;
        font-size: 13px;
    }
    table.table_view tr td.cont{
        font-size: 14px;
    }
    .paginWrap .pagination a{
        zoom: 0.8;
    } 
    div.listBtn{
        width: 88px;
    }
    div.listBtn a{
        font-size: 13px;
        padding: 8px 0 8px;    
    }
    div.gallery_Contlist ul li.photoList {
        width: -webkit-calc(94% / 2);
        width: -moz-calc(94% / 2);
        width: calc(94% / 2);
        margin-right: 2%;
        margin-bottom: 2%;
    }    
    div.gallery_Contlist ul li.photoList:last-child, div.gallery_Contlist ul li.photoList:nth-of-type(2n){
        margin-right: 0;
    } 
    div.gallery_Contlist ul{
        margin-top: 0;
    }
    section.kff_gallery_wrap{
        width: 94%;
    }
    ul li.photoList dl dd.photo_newstit h4{
        font-size: 14px;
    }    
    
    
    /* 이벤트 게시판 */
    section.sect_event_wrap{
        width: 92%;
        margin: 0 auto 0;
    }
    div.evt_container {
        margin: 8px auto 0;
        padding-bottom: 16px;
    }
    div.evt_container ul li.cont_list{
        min-height: 215px;
    }
    div.evt_container ul li.cont_list dl dd.tit{
        font-size: 14px;
        margin-top: 8px;
        padding: 0 6% 0;
    }
    div.evt_container ul li.cont_list dl dd.txt{
        font-size: 12px;
        padding: 0 8% 0;
        margin-top: 8px;
    }

    /* FOOTER */
    .footerarea{
        font-size: 13px;
        padding: 5% 0 4%;
        margin: 6% auto 0;
    }


    /* FOOTER */
    .footerarea{
        font-size: 13px;
        padding: 5% 0 4%;
        margin: 6% auto 0;
    }


    /*준비중*/

    div.ready_cont{
        width: 86%;
    }
    div.ready_cont h3{
        font-size: 32px;
        font-weight: 200;
        margin: 20px 0 10px;
    }
    div.ready_cont h4{
        font-size: 16px;
        font-weight: 400;
        margin: 30px 0 10px;
    }
    div.ready_cont h4 br{
        display: none;
    }
    div.ready_cont p{
        font-size: 14px;
        width: 90%;
        margin: 0 auto 0;
    }
    div.ready_cont p img{
        height: 100%;
        width: 100%;
    }
    div.ready_cont div.n_txt{
        font-size: 16px;
    }
    div.ready_cont h4::before{
        width: 50px;
        margin-left: -25px;
    }
    
}




/*=======================
=========================


＠min 0 ~ max 320px 
//

=========================
========================*/


@media screen and (max-width: 20em) {
    header {
/*      background: #000;
        border: 1px solid red*/
    }
}