/* 
*
*

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

FONT STYLE

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

@charset "utf-8";
@import url("base.css");
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@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: 'Paperlogy';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-3Light.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-3Light.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-3Light.otf') format('opentype'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-3Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Paperlogy';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-4Regular.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-4Regular.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-4Regular.otf') format('opentype'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-4Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Paperlogy';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-5Medium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-5Medium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-5Medium.otf') format('opentype'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-5Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Paperlogy';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-6SemiBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-6SemiBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-6SemiBold.otf') format('opentype'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-6SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Paperlogy';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-7Bold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-7Bold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-7Bold.otf') format('opentype'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-7Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Paperlogy';
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-8ExtraBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-8ExtraBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-8ExtraBold.otf') format('opentype'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-8ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Paperlogy';
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src:url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-9Black.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-9Black.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-9Black.otf') format('opentype'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-9Black.ttf') format('truetype');
}



/* 
*
*

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

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;}

/* 텍스트 말줄임 */
.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;
}

.footerarea, dl.theme_title dt, dl.theme_title dd,
section.summury_wrap div.contents_text > h3, div.ready_cont h3, div.ready_cont h4,
ul.container li dl dt.group_cont_title,
ul.container li dl dd.group_cont_txt,
div.shot_notice_wrap h4,
div.facebook_btn h5,
div.container_sponsor h4,
div.container_partners h4,
div.info_date > h4, div.info_date dl dt, div.info_date dl dd, div.info_date_bank dl dt, div.info_date_bank dl dd,
dl.category_title dt,
div.smenu_list2 > ul li, div.smenu_list3 > ul li, div.smenu_list4 > ul li, div.smenu_list5 > ul li,
h3.h_title, div.contentsform dl dt.subj_tit,
.sidebar .category_menu h2, div.st_menu_cont ul li.st_menu span, h3.ev_tit, div.program_titleform > h3, ul.apply_container li.app_guide dl dd, ul.faq_conts li.question, .row_header .cell, section.noti_wrap div.notice_text > h3{
    font-family: 'Paperlogy', 'Malgun Gothic', sans-serif;    
    font-family: -ms-'Paperlogy', 'Malgun Gothic', sans-serif;
    font-family: -webkit-'Paperlogy', 'Malgun Gothic', sans-serif;
}

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;
}



/* 
*
*

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

FNEXPO2020 HEADER

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


header{  
    width: 100%;
    background: #fafafa;
}
section.topWrap{
    max-width: 1184px;
    height: 90px;
    margin: 0 auto 0;
    background: #fafafa;
}
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: 16px;
    margin-right: 40px;
    position: relative;    
}
div.gnb_menu ul li:last-child{
    margin-right: 0;
}

ul.menus li a{
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    text-decoration: none;
    line-height: 90px;
    font-weight: 700;
}
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: -42px;
    background: #fafafa;
    width: 140px;
    z-index: 100;
    padding: 0 0 0 0;
}
ol.smenu li.s_list{
    border-bottom: 1px solid #e8e8e8;    
}
ol.smenu li.s_list a {
    font-size: 14px;
    display: block;
    text-align: left;
    font-weight: 600;
    padding: 20px 0 20px;
    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: #434343;
    color: #fff;
}

ul.menus li a.gnb_on{
    text-decoration: none;
    color: #345eda;
}


/*========================
＠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: 20px;
    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: 17px;
    padding: 4% 0 4% 5%;
    font-weight: 200; 
    color: #333;
    display: block;
}


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

FNEXPO2020 CONTENTS

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

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

/* 
*
*

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

Top Main Visual

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

section.main_visual_wrap{
    max-width: 1920px;
    width: 100%;
    height: 650px;
    margin: 0 auto 0;
    background: #fff;
    clear: both;
    overflow: hidden;
    background: rgb(24,57,227);
    background: -webkit-linear-gradient(18deg, rgba(24,57,227,1) 0%, rgba(49,81,246,1) 49%, rgba(24,57,227,1) 100%);
    background: -o-linear-gradient(18deg, rgba(24,57,227,1) 0%, rgba(49,81,246,1) 49%, rgba(24,57,227,1) 100%);
    background: linear-gradient(108deg, rgba(24,57,227,1) 0%, rgba(49,81,246,1) 49%, rgba(24,57,227,1) 100%);
    background-image: url(https://www.financeshow.co.kr/2020/assets/css/images/main_vs_bg.jpg);
    background-position: center;
}

div.visual_contents{
    max-width: 1184px;
    margin: 0 auto 0;
}
dl.theme_title{
    margin-top: 88px;
}
dl.theme_title dt, dl.theme_title dd{
    color: #fff;
}
dl.theme_title dt{
    font-size: 28px;
    font-weight: 500;
    color: #fff;
}
dl.theme_title dt span{
    font-size: 42px;
}
dl.theme_title dt span.en_kff{
    font-size: 20px;
    letter-spacing: 1px;
    color: #c8d3f7;
    font-weight: 500;
    margin-left: 16px;
}
dl.theme_title dd.ko_kff{
	font-size: 98px;
    font-weight: 900;
    letter-spacing: 10px;
    margin-top: 20px;
    line-height: 108%;
}
dl.theme_title dd.subj_tit{
    font-size: 40px;
    font-weight: 800;
    color: #5dd5e0;
    margin-top: 26px;
}
dl.theme_title dd.date_time{
    font-size: 18px;
    color: #fff;
    letter-spacing: 1px;  
    margin-top: 32px;
}
dl.theme_title dd.date_time br{
    display: none;
}
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: 2px;
    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: #ecf5fb;
    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: 22px;
    font-weight: 600;
    line-height: 135%;
}
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: 8px;;
    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: 64px auto 0;    
}
section.summury_wrap div.contents_text{
    text-align: center;
}
section.summury_wrap div.contents_text > h3{
    font-size: 20px;
    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{
    width: 100%;
    margin-top: 60px;
    background:#f7f7f7;  
}
div.slider_contents{
    width:100%; 
    margin: 0 auto 0;
}
div.slider_contents ul.spk_slider{
    width: 100%;
}
div.info_date{
    width: 100%;
    max-width: 1184px;
    height: 380px;
    margin: 0 auto 0;
    position: relative;
}
div.info_date div.thumbs{
    position: absolute;
    bottom: 0;
    right: 0;
}
div.info_date > h4{
    font-size: 32px;
    font-weight: 200;
    display: inline-block;
    margin-top: 60px;
}
div.info_date dl dt.sbj_tit{
    font-size: 48px;
    font-weight: 800;
    margin-top: 36px;
}
div.info_date dl dt.sbj_tit br{
    display: none;
}
div.info_date dl dd.spk_name{
    font-size: 20px;
    color: #888888;
    font-weight: 200;
    margin-top: 16px;
}
div.info_date dl dd.spk_name span{
    color: #333;
    font-weight: 400;
}
div.info_date dl dd.spk_intro{
    margin-top: 32px;  
    font-size: 16px;
    color: #333;
    font-weight: 200;    
    width: 58%;
}
div.info_date dl dd.spk_intro div{
    display: block;
    margin-top: 5px;
    line-height: 165%;
    position: relative;
    padding-left: 12px;
}
div.info_date dl dd.spk_intro div span::before{
    content: "";
    width: 3px;
    height: 3px;
    background: #555;
    position: absolute;
    left: 0;
    top: 9px;
    border-radius: 100%;
}

div.info_date_bank{
    width: 100%;
    max-width: 1184px;
    height: 420px;    
    margin: 0 auto 0;
    position: relative;
    text-align: center;
    overflow: hidden;
}
div.info_date_bank dl dt.sbj_tit{
    font-size: 46px;
    font-weight: 600;
    margin-top: 64px;
    line-height: 140%;
}
div.info_date_bank dl dt.sbj_tit br{
    display: none;
}
div.info_date_bank dl dd.spk_name{
    font-size: 32px;
    color: #888888;
    font-weight: 200;
    margin-top: 24px;
}
div.info_date_bank div.thumbs_bank{
    text-align: center;
    margin-top: 20px;
}

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

GRID GROUP

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


.group_cont_palette_1{
    background: rgb(96,73,253);
    background-image: background: -webkit-linear-gradient(18deg, rgba(96,73,253,1) 0%, rgba(79,59,217,1) 100%);
    background-image: background: -o-linear-gradient(18deg, rgba(96,73,253,1) 0%, rgba(79,59,217,1) 100%);
    background-image: background: linear-gradient(108deg, rgba(96,73,253,1) 0%, rgba(79,59,217,1) 100%);     
}
.group_cont_palette_2{
    background: rgb(71,110,254);
    background-image: background: -webkit-linear-gradient(18deg, rgba(71,110,254,1) 0%, rgba(21,82,184,1) 100%);
    background-image: background: -o-linear-gradient(18deg, rgba(71,110,254,1) 0%, rgba(21,82,184,1) 100%);
    background-image: background: linear-gradient(108deg, rgba(71,110,254,1) 0%, rgba(21,82,184,1) 100%);   
}
.group_cont_palette_3{
    background: rgb(106,78,226);
    background-image: background: -webkit-linear-gradient(18deg, rgba(106,78,226,1) 0%, rgba(82,34,221,1) 100%);
    background-image: background: -o-linear-gradient(18deg, rgba(106,78,226,1) 0%, rgba(82,34,221,1) 100%);
    background-image: background: linear-gradient(108deg, rgba(106,78,226,1) 0%, rgba(82,34,221,1) 100%); 
}
.group_cont_palette_4{
    background: #11d0dc;
}

section.group_cont_wrap{
    clear: both;
    width: 100%;
    max-width: 1184px;
    margin: 60px auto 0;
}
div.group_cols_2 ul.container, div.group_cols_3 ul.container{
    overflow: hidden;
    width: 100%;
}
ul.container{
    overflow: hidden;
}
ul.container > li{
    width: 50%;
    max-width: 592px;
    height: 380px;
    float: left;
    overflow: hidden;
    position: relative;
}
ul.container li dl dt.group_cont_title, ul.container li dl dd.group_cont_txt{
    color: #fff;
}
ul.container li dl{
    padding: 64px 0 0 56px;
}
ul.container li dl dt.group_cont_title{
    font-size: 32px;
    width: 100%;
    max-width: 280px;
    line-height: 130%;
	font-weight: 600;
}
ul.container li dl dt.group_cont_title br{
    display: block;
}
ul.container li dl dd.group_cont_txt{
    font-size: 16px;
    font-weight: 200;
    width: 100%;
    max-width: 195px;
    margin-top: 30px;
    line-height: 165%;
}
div.theme_img{
    position: absolute;
    right: -50px;
    bottom: 0;
}


/*========================
＠하단 3열 그룹
=========================*/

ul.container li.cont_box50{
    width: 50%;
    max-width: 592px;
    height: 380px;
    overflow: hidden;
    position: relative;
}
ul.container li.cont_box20{
    width: 22%;
    max-width: 260px;
    height: 380px;
    overflow: hidden;
    position: relative;
}
ul.container li.cont_box20 dl{
    padding: 64px 0 0 0;
}
ul.container li.cont_box20 dl dt{
    max-width: 186px;
    text-align: center;
    margin: 0 auto 0;
}

ul.container li.cont_box20 div.theme_img{
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
}
ul.container li.cont_box20 div.theme_img img{
    width: 95%;
}

 ul.container li.cont_box28{
    width: 28%;
    max-width: 332px;
    height: 380px;
    overflow: hidden;
    background: #f7f7f7;
}
ul.container li.cont_box28 ol.noti_list, ul.container li.cont_box28 div.shot_notice_wrap h4{
    width: 100%;
    max-width: 270px;
    margin: 0 auto 0;
}

/*========================
＠공지사항 / 페이스북
=========================*/

div.shot_notice_wrap h4{
    font-size: 18px;
    font-weight: 400;
    margin: 25px auto 10px !important;
}
div.shot_notice_wrap ol.noti_list > li:first-child{
    border-top: 1px solid #333;
}
div.shot_notice_wrap ol.noti_list > li:last-child{
    border-bottom: none;
}
div.shot_notice_wrap ol.noti_list > li{
    font-size: 14px;
    color: #555;
    padding: 14px 5px;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;    
}
div.facebook_btn{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
div.facebook_btn a{
    display: block;
    background: #3b579d;    
}
div.facebook_btn a:hover{
    background: #2d4a91;    
}
div.facebook_btn h5{
    text-align: center;
    color: #fff;  
    padding: 24px 0 24px 32px;
    font-size: 17px;
    font-weight: 200;
    position: relative;
    display: inline-block;
}
div.facebook_btn h5 > span{
    font-weight: 400;
}
div.facebook_btn h5::before{
    content: "";
    background-image: url(/2020/assets/css/images/fbook_ico.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 32%;
}


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

SPONSOR / PARTNERS

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


section.spn_pts_wrap{
    clear: both;
    width: 100%;
    max-width: 1184px;
    margin: 0 auto 0;
    padding: 40px 0;
    background: #f7f7f7;
    overflow: hidden;
}
div.container_sponsor, div.container_partners{
    float: left;
}
div.container_sponsor{
    width: 72%;
    max-width: 852px;
}
div.container_sponsor h4, div.container_sponsor > ul.spn_list{
    margin-left: 36px;
} 
div.container_sponsor h4, div.container_partners h4{
    font-size: 18px;
    font-weight: 400;    
}
ul.spn_list, ul.pts_list{
    overflow: hidden;
    font-size: 0;
    margin-top: 16px;
}
ul.spn_list li, ul.pts_list li{
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
}
ul.spn_list li:nth-of-type(5n), ul.pts_list li:nth-of-type(2n){
    margin-right: 0;
}

div.container_partners{
    width: 28%;
    max-width: 332px;
}



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


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

SUB COMMON

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

div.contentsform{
    margin-top: 64px;
}
h3.h_title{
    font-size: 24px;
    font-weight: 400;
    position: relative;
    display: inline-block;
}
h3.h_title span::before{
    content: "";
    background: url(/2020/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: #345eda;
    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: #163fb9;
}


.app_btn{
	background: #1f62ad;
    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(/2020/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;
	font-weight: 700;
}
dl.category_title dt br, dl.category_title dd br{
    display: none;
}
dl.category_title dd{
    font-weight: 400;
}



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

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: #345eda;
    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: #345eda;
    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: #345eda;
    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: #345eda;
    color: #fff;
}



/*mobile select menu*/

div.sub_2ds_menu_select{
    display: none;
}






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

행사소개

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



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

div.kff_infomation{
    max-width: 896px;
    width: 100%;
    margin: 5% auto 0;
}
div.kff_infomation table.table_formst{
    width: 100%;
}
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: 30px 0 30px;
    font-size: 15px;
    line-height: 180%;
}
table.table_formst tr td.tit{
    font-weight: 500;
    padding-left: 5%;
    width: 30%;
}
table.table_formst tr td.etmedia_logo{
    font-size: 0;
}
table.table_formst 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;
}



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


/*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;
}



/*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;
}
table.table_form tr td img.sponsor_logo{
    width: 100%;
}

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;
    margin-top: 2%;
}
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%;
    -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: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%;  
}
ol.tablecont li.tit{
    width: 8%;
    vertical-align: top;
    font-weight: 600;
    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-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: 800;
    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;
}

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

.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;
}
table.program_table dl.tb_spk_info dt{
    font-weight: bold;
}
table.program_table dl.tb_spk_info dd.sbj_tit{
    color: #4159a2;
    font-size: 18px;
    font-weight: 500;
}
table.program_table dl.tb_spk_info dd{
    width: 80%;
    margin: 8px auto 0;
    font-size: 15px;
    color: #555;
    font-weight: 300;
}

/*========================
＠타임테이블 20200619
=========================*/
.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;
}
.cell dl.speak dt{
    margin-bottom: 8px;
}
.cell dl.speak dd{
    font-weight: 300;
    color: #888;
}
.cell dl.speak dd.title{
    color: #4159a2;
    font-weight: 600;
}



/*========================
＠세미나 / 모의면접 / 취업강연
=========================*/
ul.seminar_listwrap{
    border-bottom: 1px solid #eaeaea;
    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: 86%;
    margin: 0 auto 0;
}
div.sub_speaker_intorwrap > h3{
    font-size: 26px;
    font-weight: 500;
    margin-bottom: -20px;
}
ul.sub_speaker_intro{
    overflow: hidden;
    margin-top: 48px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 48px;
}
ul.sub_speaker_intro li{
    float: left;
}
ul.sub_speaker_intro li.spk_thumbs{
    width: 18%;
}
ul.sub_speaker_intro li.spk_thumbs img{
    border-radius: 25px;
    width: 100%;
    max-width: 180px;
}
ul.sub_speaker_intro li.spk_list{
    width: 78%;
    margin-left: 4%;
}
li.spk_list dl.intro dt{
    font-size: 20px;
    margin-bottom: 16px;
}
li.spk_list dl.intro dt p{
    font-size: 16px;
    font-weight: 300;
}

li.spk_list dl.intro dd{
    font-size: 15px;
    font-weight: 300;
    color: #888;
    position: relative;
    padding-left: 10px;
    margin-top: 8px;
}
li.spk_list dl.intro dd::before{
    content: "-";
    position: absolute;
    left: 0;
}
li.spk_list dl.program{
    margin-top: 24px;
}
li.spk_list dl.program dt{
    font-size: 16px;
    margin-bottom: 16px;
    color: #fff;
    display: inline-block;
    background: #f2861d;
    border-radius: 25px;
    padding: 6px 16px 6px;
}
li.spk_list dl.program dd{
    font-size: 15px;
    font-weight: 300;
    color: #888;
    position: relative;
    margin-top: 6px;
}
li.spk_list dl.program dd.tit{
    font-size: 18px;
    color: #333;
    font-weight: 600;
}
li.spk_list dl.program dd.tit p{
    margin-bottom: 16px;   
}  


/* 은행권 모의면접 */
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%;
}






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

관람신청

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



/*========================
＠신청안내
=========================*/
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: 20px;
}
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: 8%;
}
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;
}
ul.faq_conts li.question span::before{
    content: "Q";
    position: absolute;
    left: 28px;
}
ul.faq_conts li.answer{
    display: none;
    font-size: 17px;
    font-weight: 300;
    color: #333;
    padding: 28px 58px 28px;
    background: #f2f3f7; 
    line-height: 26px;
}


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

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: #a98b3a;
}
span.sbw_3{
    color: #5b7623;
}
span.sbw_1::before{
    background: #26a649;
}
span.sbw_2::before{
    background: #a98b3a;
}
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: #345eda;
}




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

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;   
}




/* 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: 5% auto 0;
    color: #fff;
    clear: both;
    background: #345eda;
    font-size: 16px;
    font-weight: 300; 
}


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

div.ready_cont{
    max-width: 760px;
    width: 100%;
    margin: 80px auto 100px;
}
div.ready_cont p, div.ready_cont h3, div.ready_cont h4{
    text-align: center;
    line-height: 160%;
}
div.ready_cont h3{
    font-size: 28px;
    font-weight: 600;
    margin: 20px 0 10px;
}
div.ready_cont h3{
    font-weight: 400;
}
div.ready_cont h3 span{
    font-weight: 700;
}
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;
}