@charset "utf-8";
@import url("base.css");

/* 
*
*

************************

FONT STYLE

************************
*
*
*/


@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css";

@font-face {
    font-family: 'jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* 
*
*

************************

COMMON STYLE

************************
*
*
*/

.wrap{width:100%; margin:0; padding: 0;}
.clear{clear:both}
.w-line{background:#e0e0e0; width:100%; height: 1px;}
.txt_en{font-family: 'Titillium Web', 'Malgun Gothic', sans-serif;}
.align_ct{text-align: center;}
p.message{font-size: 12px; margin-top: 3px;}
.palette_1{color: #145298 !important; font-weight: bold !important;}
.palette_2{color: #f2861d !important; font-weight: bold !important;}
.palette_3{color: #333333 !important; font-weight: 400 !important;}
.bold_text{font-weight: 600;}

button{cursor: pointer;}


/* Text Style */
.t_reduce {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;;     
}
.link_text2, .link_text3{
    overflow: hidden !important;    
    text-overflow: ellipsis;
    word-wrap: break-word;  
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.link_text2 {-webkit-line-clamp: 2;}
.link_text3 {-webkit-line-clamp: 3;}

.select_point {
    border-bottom: 2px solid #d8dff0;
    box-shadow: 0 -12px 0 #d8dff0 inset;
    font-weight: bold;
}

dl.theme_title dt, dl.theme_title dd, div.contents_text > h3, dl.category_title dt, div.keyword span, .fxd_btn a, div.keyword_mb ul.keylist li, .ready_cont h3, div.on_noti_text > h3{
    font-family: 'jalnan', 'Malgun Gothic', sans-serif;
}

.footerarea, div.spk_title > p, dl.spk_infowrap_l dd.spk_tit, dl.spk_infowrap_r dd.spk_tit, dd.fnx_pr_red,
li.spk_list dl.intro dt, dl.intro dt p, p.tag_txt, li.app_guide_col3 dl dd.txt p.ntxt, div.on_noti_text > p, div.et_ytlive p{
    font-family: 'Nanum Myeongjo', serif;
    letter-spacing: -0.4px;
}

table.table_board tr td:nth-of-type(1), table.table_board tr td:nth-of-type(3), table.program_table tr td.time, .table_row .time_date{
    font-family: 'Titillium Web', 'Malgun Gothic', sans-serif;
}


div.boardContents table, table.program_table, table.table_form{
    border-collapse: collapse;
    border-spacing: 0;
}

section.fxd_btnWrap {
    width: 100%;
    position: fixed;
    z-index: 9999;
    left: 0px;
    bottom: 0px;
    background: #1662b7;
    opacity: 0.9;
}
section.fxd_btnWrap div.fxd_btn{
    display:none;
    margin: 0 auto 0;
    z-index: 9999;
}
div.fxd_btn a{
    text-align: center;
    font-size: 20px;
    color: #fff;
    line-height: 1;
    display: block;
    padding: 24px 0 24px;
    position: relative;
    z-index: 999;
}
div.fxd_btn a span{
    position: relative;
    top: 1px;
    margin-left: 8px;
}
section.fxd_btnWrap .fxd_back{
    width: 50%;
    padding: 0;
    position: absolute;
    z-index: 99;
    right: 0;
    height: 100vh;
    background-color: #2777d1;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
}

/* 
*
*

************************

FNEXPO2020 HEADER

************************
*
*
*/


header{  
    width: 100%;
    background: #fff;
}
section.topWrap{
    max-width: 1184px;
    height: 90px;
    margin: 0 auto 0;
}
section.topWrap > div{
    float: left;
}

div.logotype{
    margin: 16px auto 0;
}
div.logotype img{
    max-width: 100%;
    height: 60px;
}


/*========================
GNB MENU
=========================*/

div.gnb_menu{
    float: right !important;
    margin-right: 10px;
    /*margin-top: 35px;*/
}
div.gnb_menu ul{
    font-size: 0;
}
div.gnb_menu ul > li{
    display: inline-block;
    font-size: 17px;
    margin-right: 45px;
    position: relative;    
}
/*div.gnb_menu ul li:nth-of-type(4n){*/
/*    margin-right: 0;*/
/*}*/
div.gnb_menu ul li:nth-of-type(5n){
    margin-right: 0;
}
ul.menus li a.gnbmm{
	font-family: 'jalnan', 'Malgun Gothic', sans-serif;
}
ul.menus li a{
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    text-decoration: none;
    line-height: 90px;
    font-weight: 500;
}
ul.menus li a:hover{
    text-decoration: none;
    color: #145298;
}
ul.menus:after{
    height: 0;
    visibility: hidden;
    content: "";
    display: block;
    clear: both;
}
ol.smenu {
    position: absolute;
    top: 90px;
    left: -50px;
    background: #fff;
    width: 164px;
    z-index: 100;
    padding: 0 0 0 0;
}
ol.smenu li.s_list{
    border-bottom: 1px solid #f2f2f2;
}
ol.smenu li.s_list a {
    font-size: 16px;
    width: 100%;
    display: block;
    text-align: left;
    font-weight: 400;
    color: #555;
    padding: 24px 0 24px;
    line-height: 100% !important;
    text-align: center;
}
ol.smenu li.s_list:last-child{
    border-bottom: none;
}
ol.smenu li.s_list a:hover{
    background: #1662b7;
    color: #fff;
}

ul.menus li a.gnb_on{
    text-decoration: none;
    color: #145298;
    font-weight: 500;
}


/*========================
MOBILE MENU
=========================*/
div.m_gnb_menu{
    float: right !important;
    margin-top: 35px;
    display: none;
}
.sidebar {width:100%; background-color:#fff; -webkit-overflow-scrolling:touch;}
/* .sidebar li:hover{background-color: #f1f1f1;} */

.sidebar nav{
    width:90%;
    margin: 5% auto 0;
}
.toolbar_menu{
    overflow:hidden;
}
.toolbar_menu li{
    float:left;
}
.toolbar_menu li:nth-child(2){
    float:right;
}
.toolbar_menu li.logo img{
    height: 40px;
}
.toolbar_menu li.close_btn img{
    height: 30px;
    margin-top: 4px;
}
.sidebar .category_menu{
    margin: 6% auto 6%;
    width: 90%;
}
.sidebar .category_menu h2{
    font-size: 22px;
    border-bottom: 1px solid #eee;
    padding: 8% 0 8% 5%;
    font-weight: 600; 
}
.sidebar ul.category_smenu{
    margin: 0 auto 0;
    width: 90%;
}
.sidebar ul.category_smenu li a{
    font-size: 18px;
    padding: 4% 0 4% 5%;
    font-weight: 300;
    color: #333;
    display: block;
}



/* 
*
*
************************

FNEXPO2020 CONTENTS

************************
*
*
*/

.kff_ContentsWrap{
    width: 100%;
    clear: both;
}

/* 
*
*

************************

Top Main Visual

************************
*
*
*/

section.main_visual_wrap{
    max-width: 1920px;
    width: 100%;
    margin: 0 auto 0;
    padding: 4% 0 4%;
    background: #f5f7fc;
    clear: both;
    overflow: hidden;
}

div.visual_contents{
    max-width: 1184px;
    margin: 0 auto 0;
    position: relative;
    width: 100%;
}
div.visual_contents::after{
    content: "";
    clear: both;
}
div.visual_contents > div{
    float: left;
}
div.visual_contents div.m_vs_img{
    position: relative;
    width: 55%;
    text-align: right;
}
div.m_vs_img img{
    margin-top: 16px;
}
div.theme_titlewrap{
    width: 45%;
}
dl.theme_title{
    margin-top: 24px;
    display: inline-block;
}
dl.theme_title dt, dl.theme_title dd{
    color: #444;
}
dl.theme_title dt{
    font-size: 28px;
    font-weight: 500;
}
dl.theme_title dt span{
    font-size: 36px;
    padding: 0 2px 0;
}
dl.theme_title dt span.en_kff{
    font-size: 20px;
    font-weight: 200;
}
dl.theme_title dd.ko_kff{
    font-size: 115px;
    line-height: 112%;
}
dl.theme_title dd.ko_kff span{
    color: #f1c42a;
}
dl.theme_title dd.subj_tit{
    font-size: 60px;
    font-weight: 400;
    margin-top: 8px;
}
dl.theme_title dd.date_loca{
    font-size: 22px;
    font-weight: 200;
    letter-spacing: 1px;  
    margin-top: 32px;
    line-height: 120%;
    position: relative;
}
dd.date_loca span.ytlive_ico{
    position: relative;
    vertical-align: text-top;
    top: -8px;
    margin-left: 8px;
}
dd.date_loca span.ytlive_ico img{
    height: 100%;
    width: 246px;
}
dl.theme_title dd.date_time{
    font-size: 22px;
    font-weight: 200;
    letter-spacing: 1px;
    margin-top: 8px;
}

dl.theme_title dd.date_time2{
    font-size: 26px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 12px;
    line-height: 160%;
    display: inline-block;
    padding: 16px 0 16px;
}
dl.theme_title dd.date_time2 span.yout_ico{
    position: relative;
    top: 0;
    margin-right: 8px;
}
dl.theme_title dd.date_time2 span.yout_ico img{
    max-width: 56px;
    height: 35px;
}


/*
*
*
************************

Notice

************************
*
*
*/

section.noti_wrap{
    max-width: 100%;
    background: #d6ecfb;
    padding: 24px 16px 24px;
}
section.noti_wrap div.notice_text{
    text-align: center;
    margin: 0 auto 0;
    max-width: 1184px;
}
section.noti_wrap div.notice_text > h3{
    font-size: 24px;
    font-weight: 400;
    line-height: 160%;
}
section.noti_wrap div.notice_text > h3 span{
    color: #ff0000;
}
section.noti_wrap div.notice_text > p{
    font-size: 16px;
    font-weight: 300;
    margin-top: 16px;;
    color: #555;
}


.liveWrap{
    width: 100%;
    background: #f9f9f9;
    padding: 54px 0;
}
.liveWrap .live_video{
    position: relative;
    max-width: 1184px;
    padding-bottom: 42.25%;
    height: 0;
    margin: 0 auto 0;
    -webkit-box-shadow: 13px 4px 85px -48px rgba(0,0,0,0.85);
    -moz-box-shadow: 13px 4px 85px -48px rgba(0,0,0,0.85);
    box-shadow: 13px 4px 85px -48px rgba(0,0,0,0.85);
}
@media screen and (max-width: 1600px){
    .liveWrap{
        padding: 4% 4%;
    }
    .liveWrap .live_video{
        padding-bottom: 56.25%;

    }
}



/* 
*
*
************************

Summury

************************
*
*
*/

section.summury_wrap{
    max-width: 1184px;
    margin: 56px auto 0;
}
section.summury_wrap div.contents_text{
    text-align: center;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 0 4%;
}
section.summury_wrap div.contents_text > h3{
    font-size: 24px;
    font-weight: 400;
    display: inline-block;
    letter-spacing: 1px;
}
section.summury_wrap div.contents_text > h3 br{
    display: none;
}
section.summury_wrap div.contents_text > p{
    font-size: 18px;
    font-weight: 300;
    margin-top: 30px;
    line-height: 170%;
    color: #555;
}
section.summury_wrap div.contents_text > p.tit_text{
    font-weight: 500;
    color: #333;
}


/* 
*
*
************************

SPEAKERS SLIDE

************************
*
*
*/

section.speakers_wrap{
/*    max-width: 1184px;*/
    width: 100%;
    margin: 60px auto 60px;
    text-align: center;
}
section.speakers_wrap::after{
    content: "";
    display: block;
    clear: both;
}
div.slider_contents{
    width:100%; 
    margin: 32px auto 0;
}
div.spk_title{
    text-align: center;
}
div.spk_title > h3{
    display: inline-block;
    font-size: 32px;
}
div.spk_title > p{
    font-size: 20px;
    margin-top: 16px;
}
div.slider_contents ul.spk_slider{
    width: 100%;
}
ul.spk_slider li{
    font-size: 0;
}
div.info_date{
    width: 50%;
    max-width: 590px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
div.info_date:nth-of-type(2n){
    text-align: right;
}
div.info_date div.thumbs{
    position: relative;
}
dl.spk_infowrap_l{
    display: block;
    position: absolute;
    right: 56px;
    top: 128px;
    z-index: 999;
}
dl.spk_infowrap_r{
    display: block;
    position: absolute;
    left: 56px;
    top: 128px;
    z-index: 999;
}
dl.spk_infowrap_l dt.spk_name,
dl.spk_infowrap_r dt.spk_name{
    font-size: 22px;
    color: #222;
    font-weight: 600;
    padding: 2px 4px 2px;
    background: #fff;
    border-radius: 8px;
}
dl.spk_infowrap_l dt.spk_name br,
dl.spk_infowrap_r dt.spk_name br{
    display: none;
}
dl.spk_infowrap_l dd.spk_tit,
dl.spk_infowrap_r dd.spk_tit{
    font-size: 20px;
    margin-top: 16px;
    background: #fff;
    padding: 0 4px 0;
    border-radius: 8px;
}
dl.spk_infowrap_l dd.spk_tit span,
dl.spk_infowrap_r dd.spk_tit span{
    color: #333;
    line-height: 150%;
}


/* 
*
*
************************

MAIN PROGRAM INFO 2021

************************
*
*
*/

section.fnx_program_wrap{
    clear: both;
    width: 100%;
    background: #f5f7fc;
    overflow: hidden;
}
div.fnx_program_c_list{
    width: 100%;
    max-width: 1184px;
    margin: 56px auto 56px;
}
div.fnx_program_c_list::after{
    content: "";
    display: block;
    clear: both;
}
div.fnx_program_c_list ul > li{
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: calc(100% / 3);
    max-width: 33.3%;
    float: left;
    text-align: center;
}
dt.fnx_pr_tit{
    font-size: 22px;
    font-weight: 600;
}
dd.fnx_pr_red{
    font-size: 15px;
    color: #555;
    margin-top: 16px;
    line-height: 160%;
}
dd.pr_imgs{
    margin-top: 24px;
}
dd.pr_imgs img{
    width: 260px;
    height: 100%;
}



/* 
*
*
************************

SPONSOR / BUTTON

************************
*
*
*/


section.spn_pts_wrap{
    clear: both;
    width: 100%;
    max-width: 1184px;
    margin: 0 auto 0;
    padding: 40px 0 0;
    overflow: hidden;
}
section.spn_pts_wrap::after{
    content: "";
    display: block;
    clear: both;
}
div.container_sponsor, div.container_partners{
    float: left;
}
div.container_sponsor{
    width: 72%;
    max-width: 852px;
}
div.container_sponsor h4{
    font-size: 18px;
    font-weight: 400;    
}
ul.spn_list{
    overflow: hidden;
    font-size: 0;
    margin-top: 16px;
    width: 100%;
}
ul.pts_list{
    margin-top: 40px;
}
ul.spn_list li{
    display: inline-block;
    margin-bottom: 16px;
    width: -webkit-calc(100% / 5);
    width: -moz-calc(100% / 5);
    width: calc(100% / 5);
    max-width: 20%;
    float: left;
}
div.container_partners{
    width: 28%;
    max-width: 332px;
}

a.facebook_btn, a.noti_btn{
    position: relative;
    width: 100%;
    text-align: center;
}
a.facebook_btn{
    display: block;
    background: #3b579d;
}
a.facebook_btn:hover{
    background: #2d4a91;
}
a.noti_btn{
    display: block;
    background: #555;
    margin-top: 16px;
}
a.noti_btn:hover{
    background: #444;
}
a.facebook_btn h5, a.noti_btn h5{
    text-align: center;
    color: #fff;
    height: 75px;
    line-height: 73px;
    padding-left:32px;
    font-size: 16px;
    font-weight: 200;
    position: relative;
    display: inline-block;
}
a.noti_btn h5{
    padding-left: 0;
}
a.facebook_btn h5 > span, a.noti_btn h5 > span{
    font-weight: 500;
}
a.facebook_btn h5::before{
    content: "";
    background-image: url(/2021/assets/css/images/fbook_ico.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 36%;
}

/* SUB PAGE ==========================================================================================================================*/


/* 
*
*
************************

SUB COMMON

************************
*
*
*/

h3.h_title{
    font-size: 24px;
    font-weight: 400;
    position: relative;
    display: inline-block;
}
h3.h_title span::before{
    content: "";
    background: url(/2021/assets/css/images/blt_ico.gif) no-repeat;
    width: 22px;
    height: 27px;
    position: relative;
    top: 3px;
    display: inline-block;
    margin-right: 10px;
}

div.btn_style_01 {
    clear: both;
    font-size: 18px;
    max-width: 328px;
    width: 100%;
    background: #1d6cc5;
    border-radius: 50px;
    margin: 3% auto 0;
    text-align: center;
}
div.btn_style_01 a{
    color: #fff;
    display: block;
    padding: 6% 0 6%;
}
div.btn_style_01:hover{
    background: #1a64b7;
}


.app_btn{
	background: #1d6cc5;
    padding: 5px 15px 6px;
    margin-left: 10px;
    border-radius: 100px;
    font-size: 14px;
    position: relative;
    top: -2px;
}
.app_btn a{
    color: #fff;
}
.app_btn_s{
	background: #1f62ad;
    padding: 3px 13px 4px;
    margin-left: 10px;
    border-radius: 100px;
    font-size: 14px;
    position: relative;
    top: 2px;
}
.app_btn_s a{
    color: #fff;
}

/* 
*
*
************************

SUB TOP VISUAL

************************
*
*
*/


section.sub_topvisual_wrap{
    max-width: 1920px;
    width: 100%;
    height: 280px;
    margin: 0 auto 0;
    background: #fff;
    clear: both;
    background: rgb(24,57,227);
    background-image: url(/2021/assets/css/images/sub_top_vs.jpg);
    background-position: center;
}    
div.sub_visual_contents{
    max-width: 1184px;
    width: 100%;
    margin: 0 auto 0;
    clear: both;
    overflow: hidden;
}
dl.category_title{
    text-align: center;
    margin-top: 88px;
}
dl.category_title dt, dl.category_title dd{
    color: #fff;
}
dl.category_title dt{
    font-size: 36px;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
dl.category_title dt br, dl.category_title dd br{
    display: none;
}
dl.category_title dd{
    font-weight: 200;
}



/* 
*
*
************************

SUB CATEGORY MENU LIST

************************
*
*
*/


section.sub_2ds_menu{
    max-width: 1184px;
    width: 100%;
    margin: -32px auto 0;   
}

div.smenu_list2 > ul, div.smenu_list3 > ul, div.smenu_list4 > ul, div.smenu_list5 > ul{
    overflow: hidden;
}
div.smenu_list2 > ul li a, div.smenu_list3 > ul li a, div.smenu_list4 > ul li a, div.smenu_list5 > ul li a{
    background: #f2f3f6;
    text-align: center;
    float: left;
    font-size: 16px;
    font-weight: 400;    
}
div.smenu_list2 > ul li a{
    max-width: 592px;
    height: 64px;
    line-height: 64px;    
    width: 50%;
}
div.smenu_list2 > ul li a.on{
    background: #1d6cc5;
    color: #fff;
}

div.smenu_list3 > ul li a{
    max-width: 100%;
    height: 64px;
    line-height: 64px;    
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: calc(100% / 3);
    max-width: 33.3%;
}
div.smenu_list3 > ul li a.on{
    background: #1d6cc5;
    color: #fff;
}

div.smenu_list4 > ul, div.smenu_list2 > ul{
    overflow: hidden;
}
div.smenu_list4 > ul li a{
    max-width: 296px;
    height: 64px;
    line-height: 64px;    
    width: 25%;
}
div.smenu_list4 > ul li a.on{
    background: #1662b7;
    color: #fff;
}

div.smenu_list5 > ul li a{
    max-width: 100%;
    height: 64px;
    line-height: 64px;    
    width: -webkit-calc(100% / 5);
    width: -moz-calc(100% / 5);
    width: calc(100% / 5);    
}
div.smenu_list5 > ul li a.on{
    background: #1662b7;
    color: #fff;
}


/*mobile select menu*/

div.sub_2ds_menu_select{
    display: none;
}






/* 
*
*
************************

행사소개

************************
*
*
*/



/*========================
개요
=========================*/

div.kff_infomation{
    max-width: 896px;
    width: 100%;
    margin: 16px auto 0;
}
div.kff_infomation table.table_formst{
    width: 100%;
    padding: 0 0 0;
}
table.table_formst tr:first-child{
    border-top: 1px solid #2c343e;    
}
table.table_formst tr{
    border-bottom: 1px solid #dedede;
}
table.table_formst tr td{
    padding: 24px 0 24px;
    font-size: 15px;
    line-height: 180%;
}
table.table_formst tr td.tit{
    font-weight: 500;
    width: 25%;
}
table.table_formst tr td.etmedia_logo, table.table_formst tr td.et_logo{
    font-size: 0;
}
table.table_formst tr td.etmedia_logo img{
    width: 20%;
}
table.table_formst tr td.et_logo img{
    width: auto;
}
ul.spn_list_tb{
    overflow: hidden;
    font-size: 0;
}
ul.spn_list_tb li{
    display: inline-block;
    margin: 8px 8px 8px 0;
}



/*========================
지난 행사 결과
=========================*/


/*tab select menu*/
.lastselect {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
    color: #cccccc;
    vertical-align: middle;
    text-align: left;
    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
    -webkit-touch-callout: none;
}
.lastselect .placeholder {
    position: relative;
    display: block;
    background-color: #555;
    z-index: 1;
    padding: 1em 2em 1em 2em;
    border-radius: 2px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
}
.lastselect .placeholder:hover {
  background: #494949;
}
.lastselect .placeholder:after {
    position: absolute;
    right: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'FontAwesome';
    content: '\f078';
    z-index: 10;
}
.lastselect.is-open .placeholder:after {
    content: '\f077';
}
.lastselect.is-open ul {
    display: block;
}
.lastselect.select--white .placeholder {
    background: #fff;
    color: #999;
}
.lastselect.select--white .placeholder:hover {
    background: #fafafa;
}
.lastselect ul {
    display: none;
    position: absolute;
    overflow: hidden;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 100;
}
.lastselect ul li{
    display: block;
    text-align: left;
    padding: 1em 2em 1em 2em;
    color: #999;
    cursor: pointer;
    background: #f9f9f9;
}
.lastselect ul li:hover {
    background: #4c75ef;
}
.lastselect ul li:hover a{
    color: #fff !important;
}

dl.tb_spk_info{
    margin-bottom: 24px;
}
dl.tb_spk_info:last-child{
    margin-bottom: 0;
}
dl.tb_spk_info dt{
    font-weight: 500;
    font-size: 16px;
}
dl.tb_spk_info dd.sbj_tit{
    color: #444;
    font-size: 16px;
}
dl.tb_spk_info dd{
    margin: 8px auto 0;
    font-size: 15px;
    color: #555;
    font-weight: 400;
}



/*tab contents*/
section.lastkff_wrap{
    max-width: 1184px;
    margin: 64px auto 0;
}
div.lastkff_infomation{
    max-width: 960px;
    width: 100%;
    margin: 0 auto 0;
}
div.lastkff_contents{
    margin-top: 64px;
}
div.lastkff_infomation table.table_form{
    width: 100%;
    margin-top: 32px;
}
table.table_form tr:first-child{
    border-top: 1px solid #2c343e;
}
table.table_form tr{
    border-bottom: 1px solid #eaeaea;
}
table.table_form tr td{
    padding: 30px 0 30px;
    font-size: 16px;
    line-height: 180%;
}
table.table_form tr td.tit{
    font-weight: 500;
    padding-left: 5%;
    width: 30%;
}
table.table_form tr td.etmedia_logo{
    font-size: 0;
}
table.table_form tr td.etmedia_logo img{
    width: 20%;
}

ul.spn_list_tb{
    overflow: hidden;
    font-size: 0;
}
ul.spn_list_tb li{
    display: inline-block;
    margin: 8px 8px 8px 0;
}
table.booth tr td{
    text-align: center;
    padding: 24px 0 24px;
    width: -webkit-calc((100% / 3) - 1px);
    width: -moz-calc((100% / 3) - 1px);
    width:  calc((100% / 3) - 1px);
    width: 33%;

}
table.booth tr:first-child{
    border-top: 1px solid #555;
}

/* Bar Graph */
div.iGraph{
    white-space: nowrap;
    height: 20px;
    padding-right: 24px;
    margin-bottom: 20px;
}
div.iGraph .gBar{
    width: 100%;
    text-align: right;
    border-radius: 20px;
}
div.iGraph:last-child{
    margin-bottom: 0;
}
div.iGraph .gAction{
    display: inline-block;
    height: 20px;
    background: #4c75ef;
    border-radius: 20px;
    float: left;
}
span.gph_tit{
    line-height: 20px;
    margin-left: 20px;
    font-size: 14px;
    vertical-align: top;
    color: #777;
}

table.table_form tr td dl.spk_smn{
    margin-bottom: 20px;
}
table.table_form tr td dl.spk_smn:last-child{
    margin-bottom: 0;
}
table.table_form tr td dl dd{
    color: #888;
}
tr td img.sponsor_logo{
    width: 100%;
    max-width: 661px;
}

div.lastyear_view_btn{
    width: 60%;
    margin: 0 auto 0;
}
div.lastyear_view_btn ul{
    overflow: hidden;
}
div.lastyear_view_btn ul li{
    width: 46%;
    margin-right: 4%;
    float: left;
    text-align: center;
}
div.lastyear_view_btn ul li:last-child{
    margin-right: 0;
    float: right;
}
div.lastyear_view_btn ul li a{
    clear: both;
    font-size: 16px;
    width: 100%;
    background: #345eda;
    border-radius: 50px;
    margin: 32px auto 0;
    padding: 5% 0 5%;
    text-align: center;
    display: block;
    color: #fff;
}

div.lastyear_view_btn ul li a:hover{
    background: #163fb9;
}



/*========================
지난행사현장
=========================*/

section.kff_gallery_wrap{
    max-width: 1184px;
    margin: 4% auto 0;
}
div.gallery_Contlist{
    clear: both;
    width: 100%;
    text-align: center;
    margin-top: 3%;
}
div.gallery_Contlist ul{
    font-size: 0;
}
div.gallery_Contlist ul li.photoList{
    width: -webkit-calc(94% / 4);
    width: -moz-calc(94% / 4);
    width: calc(94% / 4);
    overflow: hidden;
    display: inline-block;
    margin-right: 2%;
    margin-bottom: 2%;
    -webkit-box-shadow: 13px 4px 85px -48px rgba(0,0,0,0.85);
    -moz-box-shadow: 13px 4px 85px -48px rgba(0,0,0,0.85);
    box-shadow: 13px 4px 85px -48px rgba(0,0,0,0.85);     
}
div.gallery_Contlist ul li.photoList:nth-of-type(4n){
    margin-right: 0;
}
div.gallery_Contlist ul li.photoList:last-child{
    margin-right: 0;
}
ul li.photoList dl dt.photo_thumbnail{
    max-width: 100%;
}
ul li.photoList dl dt.photo_thumbnail img{
    width: 100%;
    height: 180px;
}
ul li.photoList dl dd.photo_newstit{
    background: #2e3444;
    padding: 6%;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;    
    background: #fff;
    height: -webkit-calc(100% - 20px);
    height: -moz-calc(100% - 20px);
    height: calc(100% - 20px);       
}
ul li.photoList dl dd.photo_newstit h4{
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 130%; 
    color: #555;
    display: block;
}

/* 현장스케치 연도별 선택 */
div.sorting_wrap{
    position: relative;
    width: 100%;
}
div.st_menu_cont{
    display: inline-block;
    margin-left: 2%;
}
ul li.st_menu span{
    vertical-align: middle;
    color: #555;
    font-weight: 200;
}
ul li.st_menu span.clk{
    display: inline-block;
    cursor: pointer;
    margin-left: 10px;
}
ul li.st_menu ol.dropmenu{
    display:none;
    position: absolute;
    background: #fafafa;
    width: 100%;
    max-width: 160px;
    border: 1px solid #888;
}
ul li.st_menu ol.dropmenu li a{
    padding: 8% 5% 8%;
    text-align: center;;
    display: block;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    color: #555;
}
ul li.st_menu ol.dropmenu li:last-child a{
    border-bottom: none;
}





/* 
*
*
************************

전시안내

************************
*
*
*/

section.inform_contents{
    clear: both;
    max-width: 1184px;
    width: 100%;
    margin: 32px auto 0;
    overflow: hidden;    
}
div.contentsform dl{
    max-width: 1120px;
    width: 100%;
    margin: 0 auto 0;
}
div.contentsform dl dt.subj_tit{
    font-size: 18px;    
    font-weight: 400;
    margin-top: 16px;
    line-height: 168%;
    color: #555;
}
div.contentsform dl dd.schd_tit{
    font-size: 18px;    
    font-weight: 300;
    margin-top: 24px;
    line-height: 168%;
    color: #888;
}
div.contentsform dl dd.scene_imgs{
    margin-top: 30px;
}
div.contentsform dl dd.scene_imgs ol{
    overflow: hidden;
    width: 100%;
}
div.contentsform dl dd.scene_imgs ol li{
    max-width: 400px;
    width: 32%;
    background: #ebebeb;
    float: left;
    margin-right: 2%;
}
div.contentsform dl dd.scene_imgs ol li:last-child{
    margin-right: 0;
}
div.contentsform dl dd.scene_imgs ol li img{
    height: 240px;
    width: 100%;
}


/*========================
전시 참가신청
=========================*/

div.titleform{
    margin-top: 48px;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 4%;
}
h3.ev_tit{
    font-size: 48px;
    font-weight: 600;
    position: relative;
    text-align: center;
    line-height: 130%;
    display: inline-block;
    border: 12px solid #345eda;
    padding: 5% 5% 5%;
}
div.titleform p{
    font-size: 22px;
    font-weight: 300;
    margin-top: 4%;
    line-height: 160%; 
    padding: 0 3% 0;
}
div.titleform p span{
    font-weight: 600;
}
ul.info_listwrap{
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 4%;    
}
ol.tablecont{
    font-size: 0;
    width: 92%; 
    margin: 3% auto 0;
}
ol.tablecont li{
    display: inline-block;
    font-size: 18px;
    width: 92%;  
    font-weight: 300;
}
ol.tablecont li.tit{
    width: 8%;
    vertical-align: top;
    font-weight: 500;
    color: #4159a2;
}
ol.tablecont li.tit::before{
    content: "쨌";
    display: inline-block;
    margin-right: 8px;
}

ol.tablecont2{
    font-size: 0;
    width: 92%; 
    margin: 3% auto 0;
}
ol.tablecont2 li{
    margin-bottom: 32px;
}
ol.tablecont2 li:last-child{
    margin-bottom: 0;
}
ol.tablecont2 li.tit2{
    font-weight: 400;
    font-size: 18px; 
    color: #333;
}
ol.tablecont2 li.tit2 p{
    margin: 16px 0 0 20px;
    font-weight: 300;
    color: #555;
    line-height: 172%;
}


ul.step_container{
    overflow: hidden;
    margin-top: 20px;
}
ul.step_container li.step_guide{
    width: -webkit-calc(92% / 5);
    width: -moz-calc(92% / 5);
    width: calc(92% / 5);
    background: #fafafa;
    float: left;
    margin-right: 2%;
    text-align: center;
    padding: 3% 0 3%;
    max-width: 18.4%;
}
ul.step_container li.step_guide:last-child{
    margin-right: 0;
}
ul.step_container li.step_guide dl dd{
    font-size: 18px;
    padding: 0 8% 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%;
    line-height: 160%;    
    font-size: 14px;
    color: #fff;
    border-radius: 24px;
    display: inline-block;    
}
ul.step_container li.step_guide dl dt.tm{
    background: #3156a6;
}
ul.step_container li.step_guide dl dt.tm2{
    background: #f85e2f;
}
ul.step_container li.step_guide dl dd.txt{
    margin-top: 8%;
}
ul.step_container li.step_guide dl dd.app_ico{
    text-align: center;
    margin-top: 18px;
}
ul.step_container li.step_guide dl dd.app_ico img{
    height: 80px;
}



/* 
*
*
************************

프로그램

************************
*
*
*/

.program_wd{
    width: 86% !important;
    max-width: 100%;
    margin: 0 auto 0;
    display: block !important;
}
section.program_contents{
    clear: both;
    max-width: 1184px;
    width: 100%;
    margin: 32px auto 0;
    overflow: hidden;    
}
div.program_titleform{
    margin-top: 48px;
    text-align: center;
/*    border-bottom: 1px solid #eaeaea;*/
    padding-bottom: 4%;
}
div.program_titleform > h3{
    font-size: 54px;
    font-weight: 600;
    position: relative;
    text-align: center;
    line-height: 132%;
    display: inline-block;
    border: none;
}
div.program_titleform p{
    font-size: 22px;
    font-weight: 300;
    margin-top: 16px;
    line-height: 160%; 
    padding: 0 3% 0;
    letter-spacing: -1px;
}


/* speaker intro */
div.keyword{
    width: 600px;
    height: 360px;
    margin: 0 auto 0;
}
div.jqcloud span{
    padding: 4px 4px 4px !important;
}

/*========================
전체프로그램
=========================*/

.mb_program_table{
    display: none;
}

/*tab menu*/

ul.tab_menu{
    font-size: 0;
    box-sizing: border-box;
    max-width: 1184px;
    width: 90%;
    margin: 0 auto 0;
}
ul.tab_menu li{
    width: 50%;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    background: #f9f9f9;
    font-weight: 500;
    padding: 18px 0 18px;
}
ul.tab_menu li:hover{
    cursor: pointer;
}
ul.tab_menu li.current{
    background: #4159a2 !important;
    box-sizing: border-box;
}
ul.tab_menu li.current a{
    color: #fff;
}

table.program_table{
    max-width: 1184px;
    width: 90%;
    margin: 32px auto 0;
}
table.program_table thead tr th{
    background: #f9f9f9;
    border: 1px solid #c5c5c5 !important;

}
table.program_table tbody tr td, table.program_table thead tr th{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 15px 20px 15px;
    font-size: 15px;
    text-align: center;
    word-break: break-all;
}
table.program_table tbody tr td.time{
    font-size: 17px;
}


/*========================
타임테이블
=========================*/
.tableWrap{
    border-radius: 10px;
    max-width:  1184px;
    width: 100%;
    overflow: hidden;
    margin-top: 16px !important;
}
.table_row{
    display: table-row;
    background: #ffffff;
    flex-wrap: wrap;
    width: 100% !important;
    max-width: 1184px;
}
.table_row:nth-of-type(even){
    background: #fafafa;
}
.table_row .cell {
    font-size: 16px;
    line-height: 1.2;
    font-weight: unset !important;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #333;
    vertical-align: middle;
}
.table_row.row_header {
    background: #4159a2;
}
.row_header .cell {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 24px 15px 24px;
}
.cell {
    display: table-cell;
    width: 33.3%;
    text-align: center;
}
.table_row .cell:nth-child(1){
    width: 240px;
}
.table_row .cell:nth-child(2){
    width: 680px;
}
.table_row .cell:nth-child(3){
    width: 264px;
}
.time_date{
    font-size: 16px !important;
}
.cell dl.speak dt, .cell dl.speak dd, .cell > p{
    font-size: 16px;
    line-height: 26px;
    padding: 0 16px 0;
}
.cell dl.speak dt{
    margin-bottom: 8px;
}
.cell dl.speak dd{
    font-weight: 300;
    color: #888;
}
.cell dl.speak dd.title{
    color: #1d6cc5;
    font-weight: 600;
}



/*========================
세미나 / 모의면접 / 취업강
=========================*/
ul.seminar_listwrap{
    padding-bottom: 64px;    
}
ol.sm_tablecont{
    font-size: 0;
    width: 86%;
    max-width: 100%;
    margin: 3% auto 0;
}
ol.sm_tablecont li{
    display: inline-block;
    font-size: 18px;
    width: 80%;  
    font-weight: 300;
}
ol.sm_tablecont li.tit{
    width: 14%;
    vertical-align: top;
    font-weight: 500;
    color: #4159a2;
}
ol.sm_tablecont li.tit::before{
    content: "※";
    display: inline-block;
    margin-right: 8px;
}

/*세미나 - 연사소개*/
div.sub_speaker_intorwrap{
    margin-top: 3%;
    width: 100%;
}
div.sub_speaker_intorwrap > h3, ul.sub_speaker_intro{
    width: 92%;
    margin: 0 auto 0;
}
div.sub_speaker_intorwrap > h3{
    font-size: 26px;
    font-weight: 500;
    margin-bottom: -20px;
}
ul.sub_speaker_intro{
    overflow: hidden;
    padding-top: 56px;
    padding-bottom: 56px;
    border-top: 1px solid #e2e2e2;
}
ul.sub_speaker_intro li{
    float: left;
}
ul.sub_speaker_intro li.spk_thumbs{
    width: 30%;
}
ul.sub_speaker_intro li.spk_thumbs img{
    border-radius: 25px;
    max-width: 300px;
    width: 100%;
}
ul.sub_speaker_intro li.spk_list{
    width: 58%;
    margin-left: 4%;
}

/*tag*/
li.spk_list p.tag_txt{
    font-size: 13px;
    font-weight: bold;
}
p.tag_txt span{
    margin-right: 12px;
    border-bottom: 2px solid #d8dff0;
    box-shadow: 0 -4px 0 #d8dff0 inset;
    line-height: 24px;
}
p.tag_txt span::before{
    content: "#";

}
/* speaker introduce*/
dl.intro{
    margin-top: 16px;
}
dl.intro dt{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 16px;
}
dl.intro dt p{
    font-size: 20px;
    font-weight: 300;
    margin-top: 4px;
}
dl.intro dt p span{
    font-size: 16px;
    color: #888;
    margin-left: 4px;
}
li.spk_list dl.intro dd{
    font-size: 15px;
    font-weight: 400;
    color: #666;
    position: relative;
    padding-left: 10px;
    margin-top: 8px;
    line-height: 160%;
}
li.spk_list dl.intro dd::before{
    content: "-";
    position: absolute;
    left: 0;
}
li.spk_list dl.intro dd p{
    font-size: 13px;
    font-weight: 300;
    color: #888;
    padding-left: 10px;
    line-height: 180%;
    margin-top: 8px;
}
dl.program{
    margin-top: 24px;
}
dl.program dt{
    font-size: 13px;
    margin-bottom: 8px;
    color: #fff;
    display: inline-block;
    background: #6874c9;
    border-radius: 25px;
    padding: 6px 16px 6px;
}
dl.program dd{
    font-size: 15px;
    font-weight: 300;
    color: #888;
    position: relative;
    margin-top: 6px;
}
dl.program dd.tit{
    font-size: 18px;
    color: #333;
    font-weight: 600;
}
dl.program dd.tit p{
    margin-bottom: 16px;   
}  
dl.program dd.spk_time{
    margin-top: 16px;
    font-weight: 400;
}

/* 은행권 모의면접 */
ol.sm_tablecont li table{
    background: #ddd;
    border-collapse: inherit;
    border-spacing: 1;
}
ol.sm_tablecont li table tr{
    width: -webkit-calc(100% / 2);
    width: -moz-calc(100% / 2);
    width: calc(100% / 2);
}
ol.sm_tablecont li table tr td.tit{
    background: #f9f9f9;
}
ol.sm_tablecont li table tr td{
    text-align: center;
    background: #fff;
    padding: 12px 15px 12px;
}
ol.sm_tablecont li p{
    margin-bottom: 8px;
}

/* 금융권 취업강연 */
li.spk_list table tr td{
    width: 50%;
    vertical-align: top;
}
li.spk_list table tr td:nth-of-type(2n){
    padding-left: 3%;
}


/*모바일 - 키워드*/
div.keyword_mb{
    width: 92%;
    margin: 0 auto 0;
    display: none;
}




/* 
*
*
************************

관람신청

************************
*
*
*/



/*========================
신청안내
=========================*/
section.guide_contents{
    clear: both;
    max-width: 1184px;
    width: 100%;
    margin: 32px auto 0;
    overflow: hidden;    
}
div.apply_contentsform{
    margin-top: 6%;
}
ul.apply_container{
    overflow: hidden;
    margin-top: 24px;
}
ul.apply_container li.app_guide{
    width: -webkit-calc(94% / 4);
    width: -moz-calc(94% / 4);
    width: calc(94% / 4);
    background: #fafafa;
    float: left;
    margin-right: 2%;
    text-align: center;
    padding: 4% 0 4%;
}
ul.apply_container li.app_guide:last-child{
    margin-right: 0;
}
ul.apply_container li.app_guide dl dt, ul.apply_container li.app_guide dl dd{
    font-size: 18px;
    padding: 0 8% 0;
    line-height: 160%;
}
ul.apply_container li.app_guide dl dd.txt{
    margin-top: 4%;
}
ul.apply_container li.app_guide dl dd.app_ico{
    text-align: center;
    margin-top: 24px;
}
div.faq_wrap{
    margin-top: 30px;
    width: 100%;
}
ul.faq_conts{
    margin-top: -1px;
}
ul.faq_conts:last-child{
    border-bottom: 1px solid #e9e9e9;  
}
ul.faq_conts li.question{
    padding: 28px 60px 28px;
    background: #fff;
    border-top: 1px solid #e9e9e9;    
    box-sizing: border-box;   
    position: relative;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
}
ul.faq_conts li.question span::before{
    content: "Q.";
    position: absolute;
    left: 28px;
}
ul.faq_conts li.answer{
    display: none;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    padding: 28px 58px 28px;
    background: #f9f9f9;
    line-height: 26px;
}


/* 신청안내 추가 css */
ul.apply_container li.app_guide_col3{
    width: -webkit-calc(96% / 3);
    width: -moz-calc(96% / 3);
    width: calc(96% / 3);
    background: #fafafa;
    float: left;
    margin: 0 2% 0 0;
    text-align: center;
    padding: 4% 0 3%;
    border-radius: 10px;
}
ul.apply_container li.app_guide_col3:last-child{
    margin: 0 0 0 0;
}
li.app_guide_col3 dl dt{
    font-size: 20px;
    padding: 0 8% 0;
    font-weight: 400;
}
li.app_guide_col3 dl dd.txt{
    margin-top: 4%;
    font-size: 24px;
    font-weight: 400;
}
li.app_guide_col3 dl dd.txt p.ntxt{
    margin-top: 4%;
    font-size: 12px;
    font-weight: 400;
    color: #888;
    padding: 0 8% 0;
}
li.app_guide_col3 dl dd.txt p.ntxt.prntxt{
    text-indent: -9990px;
}
li.app_guide_col3 dl dd.app_ico{
    text-align: center;
    margin-top: 3%;
}
li.app_guide_col3 dl dd.app_ico img{
    max-width: 100%;
}
div.on_noti_text{
    text-align: center;
    margin-top: 4%;
    padding: 0 8% 0;
}
div.on_noti_text > h3{
    font-size: 24px;
    line-height: 160%;
}
div.on_noti_text > h3 span{
    color: #145298;
}
div.on_noti_text > p{
    font-size: 15px;
    color: #888;
    margin-top: 16px;
}

.loca_pd{
    margin-top: 4% !important;
    margin-bottom: 8% !important;
}
div.et_ytlive{
    text-align: center;
}
div.et_ytlive p{
    font-size: 16px;
    font-weight: 600;
}
div.et_ytlive img{
    max-width: 100%;
}

/*========================
오시는길
=========================*/

ul.traffic_listwrap{
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 64px;    
}
ol.trf_tablecont{
    font-size: 0;
    width: 92%;
    margin: 3% auto 0;
}
ol.trf_tablecont li{
    display: inline-block;
    font-size: 15px;
    width: 80%;  
    font-weight: 400;
}
ol.trf_tablecont li.tit{
    width: 10%;
    vertical-align: top;
}
ol.trf_tablecont li.tit img{
    height: 72px;
}
div.mapimg{
    margin-top: 24px;
}
div.mapimg img{
    width: 100%;
}
ol.trf_tablecont li p{
    margin-top: 16px;
    line-height: 28px;    
}
span.sbw_1, span.sbw_2, span.sbw_3{
    position: relative;
    margin-right: 16px;
    padding-left: 16px;
    font-weight: 500;
}
span.sbw_1::before, span.sbw_2::before, span.sbw_3::before{
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 9px;
}
span.sbw_1{
    color: #26a649;
}
span.sbw_2{
    color: #263c96;
}
span.sbw_3{
    color: #5b7623;
}
span.sbw_1::before{
    background: #26a649;
}
span.sbw_2::before{
    background: #263c96;
}
span.sbw_3::before{
    background: #5b7623;
}




ol.trf_tablecont li dl.bus dt{
    padding: 6px 16px 6px 16px;
    display: inline-block;
    text-align: center;
    margin-right: 16px;
    border-radius: 24px;
    background: #eaeaea;
    margin-top: 20px;
    margin-bottom: 12px;
}
ol.trf_tablecont li dl.bus dd{
    padding: 8px 16px 8px 16px;
    position: relative;
}
ol.trf_tablecont li dl.bus dd::before {
    content: "-";
    position: absolute;
    left: 0;
}




/* 
*
*
************************

커뮤니티

************************
*
*
*/


/*========================
공지사항 리스트
=========================*/

section.noticeboardWrap{
    clear: both;
    max-width: 1184px;
    width: 100%;
    margin: 64px auto 0;
}
div.boardContents {
    width: 100%;
    max-width: 960px;
    margin: 0 auto 0;
}
div.boardContents table{
    table-layout: fixed;    
}
div.boardContents table.table_board {
    width: 100%;
    font-size: 15px;    
}
table.table_board th {
    padding: 20px 0 20px;
    background: #f9f8f8;
    color: #333;
    font-weight: 600;
}
table.table_board tr {
    border-top: 1px solid #555555;
    border-bottom: 1px solid #e0e0e0;
}

tabletable.table_board tr:nth-of-type(1){
    border-top: 1px solid #333;
}

table.table_board tr td {
    padding: 20px 0 20px;
    text-align: center;
    color: #333;
}
table.table_board tr td a:hover{
    text-decoration: underline;
}

table.table_board tr td.cont_tit {
    text-align: left;
    padding-left: 8%;
}


/*========================
공지사항 page navi
=========================*/

.paginWrap {
    clear: both;
    max-width: 720px;
    margin: 4% auto 4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.paginWrap .pagination {
    overflow: hidden;
    text-align: center;
    font-size: 0;
}

.paginWrap .pagination a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    margin-right: 8px;
    width: 32px;
    height: 32px;
    line-height: 32px !important;
    font-size: 11px;
    color: #555;
    background: #f5f5f5;
    text-align: center;
    border-radius: 100%;    
}

.paginWrap .pagination .page-arrow {
    font-size: 8px;
}
.paginWrap .pagination .active {
    color: #fff !important;
    font-weight: bold;
    background-color: #1d6cc5;
}




/*========================
공지사항 본문
=========================*/

div.boardContents table.table_view {
    width: 100%;
}

table.table_view tr {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

table.table_view tr:nth-of-type(1) {
    border-top: 1px solid #333333;
}

table.table_view tr td {
    padding: 20px 0 20px 40px;
    text-align: left;
    color: #888;
    font-size: 15px;;
}
table.table_view tr td a:hover{
    text-decoration: underline;
}
table.table_view tr td.tit {
    text-align: center;
    padding: 16px 0 16px 0;
    background: #f7f7f7;
    color: #333;
    font-size: 15px;
}
table.table_view tr td.cont {
    text-align: center;
    color: #333;
    font-size: 15px;
    line-height: 180%;
    padding-right: 5%;
}


div.listBtn{
    width: 124px;
    text-align: center;
    margin-top: 20px;
}

div.listBtn a {
    display: block;
    color: #222;
    font-size: 14px;
    background: #eee;
    padding: 12px 0 12px; 
}
div.listBtn a:hover {
    background: #345eda;
    border: 0;
    color: #fff;   
}


/*========================
이벤트 리스트
=========================*/
section.sect_event_wrap{
    clear: both;
    width: 100%;
}
div.evt_container{
    width: 100%;
    max-width: 1184px;
    margin: 24px auto 0;
    padding-bottom: 24px;
}
div.evt_container ul{
    width: 100%;
}
div.evt_container ul::after{
    content: "";
    display: block;
    clear: both;
}
div.evt_container ul li.cont_list{
    background: #fff;
    max-width: 580px;
    position: relative;
    float: left;
    margin-top: 4%;
    margin-right: 2%;
    padding-bottom: 4%;
    width: -webkit-calc(98% / 2);
    width: -moz-calc(98% / 2);
    width: calc(98% / 2);
    float: left;
    -webkit-box-shadow: 3px 10px 24px 0px rgb(212 212 212 / 68%);
    -moz-box-shadow: 3px 10px 24px 0px rgba(212,212,212,0.68);
    box-shadow: 3px 10px 24px 0px rgb(212 212 212 / 68%);
}
div.evt_container ul li.cont_list img{width: 100%;}
div.evt_container ul li.cont_list:nth-of-type(even){
    margin-right: 0;
}
div.evt_container ul li.cont_list dl dd.tit{
    font-size: 36px;
    font-weight: 300;
    margin-top: 28px;
    padding: 0 56px 0;
}
div.evt_container ul li.cont_list dl dd.txt{
    font-size: 20px;
    padding: 0 56px 0;
    margin-top: 16px;
    color: #888;
}


/* Gallery Poptrox Popup*/

.poptrox-popup {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 0.5em 3em 0 rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    overflow: hidden;
}

    .poptrox-popup .closer {
        -moz-transition: opacity 0.2s ease-in-out;
        -webkit-transition: opacity 0.2s ease-in-out;
        -ms-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
        text-decoration: none;
        position: absolute;
        top: 1em;
        right: 1em;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        white-space: nowrap;
        text-indent: 2.5em;
        overflow: hidden;
        width: 2.5em;
        height: 2.5em;
        display: block;
        z-index: 9999;
    }

        .poptrox-popup .closer:before {
            content: "x";
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-transform: none !important;
        }

        .poptrox-popup .closer:before {
            display: block;
            position: relative;
            text-indent: 0;
            border-radius: 100%;
            box-shadow: inset 0 0 0 1px #ffffff;
            color: #ffffff !important;
            width: 2.5em;
            height: 2.5em;
            line-height: 2.35em;
        }

    .poptrox-popup:hover .closer {
        opacity: 0.5;
    }

        .poptrox-popup:hover .closer:hover {
            opacity: 1.0;
        }




/* FOOTER ==========================================================================================================================*/



.footerarea{
    width: 100%;
    text-align: center;
    padding: 2% 0 2%;
    margin: 4% auto 0;
    color: #222;
    clear: both;
    background: #f5f7fc;
    font-size: 16px;
    font-weight: 400;
}


/* READY CONTENTS ==========================================================================================================================*/

div.ready_cont{
    max-width: 760px;
    width: 100%;
    margin: 10% auto 10%;
}
div.ready_cont p, div.ready_cont h3, div.ready_cont h4{
    text-align: center;
}
div.ready_cont h3{
    font-size: 64px;
    font-weight: 200;
    margin: 20px 0 10px;
    color: #1662b7;
}
div.ready_cont h3 span{
    color: #6874c9
}
div.ready_cont p{
    font-size: 16px;
    color: #888;
    font-weight: 300;
    line-height: 160%;
}
div.ready_cont div.n_txt{
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
    text-decoration: underline;
    font-weight: 400;
}
div.ready_cont h4::before{
    content: "";
    width: 80px;
    height: 5px;
    background: #345eda;
    position: absolute;
    top: 0;
    margin-left: -40px;
    left: 50%;
}
div.ready_cont h4{
    width: 100%;
    position: relative;
    font-size: 24px;
    font-weight: 400;
    margin: 50px 0 10px;
    padding-top: 30px;
    letter-spacing: -1px;
}