@charset "utf-8";

/*///////////////////////////////////////////////////////
 Main
 ///////////////////////////////////////////////////////*/

/* 포럼 메인 페이지  //////////////////////////////////////*/
.forum_fintech2023_bg {padding-top:90px; background: #3253a4;}

.fintech2023main_width {margin:0 auto; width:100%; position: relative;}
/* 테스크탑 */
@media all and (max-width:1200px){
	.fintech2023main_width {width:auto; box-sizing:border-box;}
}

@media only screen and (max-width:1024px){
	.forum_fintech2023_bg {padding-top:70px;}
}

/*///////////////////////////////////////////////////////
 포럼용 서브 공통 레이아웃
 ///////////////////////////////////////////////////////*/
.sub_visual_forum_fintech2022 {height:300px; background:url('../images/forum_fintech_2022/sub_visual.jpg') #0f2040 no-repeat center top; background-attachment:fixed;}
.sub_visual_forum_fintech2022 .outline {display:table; width:1200px; height:100%; margin:0 auto;}
.sub_visual_forum_fintech2022 .outline .cell {display:table-cell; padding-top:90px; vertical-align:middle; text-align:center;}
.sub_visual_forum_fintech2022 .outline .cell h2 {display:inline-block; padding:10px 0; font-size:36px; font-weight:normal; color:#fff; position:relative;}
.sub_visual_forum_fintech2022 .outline .cell h2:after {display:block; content:''; width:50px; height:2px; background-color:#ff6c04; position:absolute; bottom:0; left:50%; margin-left:-25px;}

@media all and (max-width:1200px){
	.sub_visual_forum_fintech2022 .outline {width:100%;}
}


@media all and (max-width:1024px){
	.sub_visual_forum_fintech2022 {height:250px;}
	.sub_visual_forum_fintech2022 .outline .cell {padding-top:60px;}
	.sub_visual_forum_fintech2022 .outline .cell h2 {font-size:30px;}
}

@media all and (max-width:640px){
	.sub_visual_forum_fintech2022 {height:180px;}
	.sub_visual_forum_fintech2022 .outline .cell h2 {font-size:24px;}

	/* .sub_visual_forum_fintech2022 {background:url('../images/sub/sub_visual.jpg') #0f2040 no-repeat right top;} */
}


/* 키비쥬얼 ///////////////////////////////////////////////*/
.keyvisual2023 {overflow: hidden;}
.keyvisual2023 .outline_table {display:block; width:100%; height:720px; position: relative;}
.keyvisual2023 .outline_table .visual {display:block;}
.keyvisual2023 .outline_table .visual img {min-width:100%; max-width: none;}
.keyvisual2023 .outline_table .visual .swipe2023 {man-width:100%; height:720px; overflow:hidden;}

/*.keyvisual .outline_table .visual .swipe_article {padding:0; border-top:none;}
.keyvisual .outline_table .visual .slick-slide {margin:0px; width: auto;}
.keyvisual .outline_table .visual .mainslide_fintech.slider {width:960px;}
.keyvisual .outline_table .visual .slick-dotted.slick-slider {margin-bottom:0;}
.keyvisual .outline_table .visual .slick-slider img {display:inline-block !important;}
.keyvisual .outline_table .visual .swipe_article .slick-arrow {display:none;}*/
.forum_quickmenu_2023 {position: absolute; left:50%; margin-left:380px; top:30px; width:220px;}
.forum_quickmenu_2023 .quick_table {display:flex; flex-wrap:wrap; align-content:stretch; width:100%; height:620px;}
.forum_quickmenu_2023 .quick_table .q_row {width:100%; height:33.33%; background-color:#eeefef; /*border-bottom:solid 1px #2894ac;*/margin-bottom: 5px; text-align:center; align-content:center;}
.forum_quickmenu_2023 .quick_table .q_row:last-child {border-bottom:none;}
.forum_quickmenu_2023 .quick_table .q_row.app {background-color:#2bb7a3; border-bottom:none; margin-bottom: 5px;}
.forum_quickmenu_2023 .quick_table .q_row a {display:block; height:100%; padding-top:40px;}
.forum_quickmenu_2023 .quick_table .q_row img {margin-bottom:5px; transform:rotateY(0deg); transition: 2s; width:50%;}
.forum_quickmenu_2023 .quick_table .q_row span {display:block; font-size:24px; color:#222;}
.forum_quickmenu_2023 .quick_table .q_row a:hover img {transform:rotateY(180deg); transition: 0.5s;}



@media only screen and (max-width:1400px){

}

@media only screen and (max-width:1200px){
    .forum_quickmenu_2023 {position:inherit; /*width:100%;*/ left:0; top:0; margin-left:0px; }
	.keyvisual2023 .outline_table {display:block; width:auto; height:auto;}
	.keyvisual2023 .outline_table .visual {display:block;}
    .keyvisual2023 .outline_table .visual img {width:100%; }
	.keyvisual2023 .outline_table .visual .swipe2023 {width:auto; height:auto; overflow:hidden;}

	.keyvisual2023 .outline_table .visual .mainslide_fintech.slider {width:auto;}
	.keyvisual2023 .outline_table .forum_quickmenu_2023 {display:block; width:auto;}
	.keyvisual2023 .outline_table .forum_quickmenu_2023 .quick_table {display:flex; flex-wrap:initial; height:auto;}
	.keyvisual2023 .outline_table .forum_quickmenu_2023 .quick_table .q_row {height:initial; border-bottom:none; margin-bottom: 0px;  border-right:solid 1px #2894ac;}
	.keyvisual2023 .outline_table .forum_quickmenu_2023 .quick_table .q_row:last-child {border-right:none;}
    .keyvisual2023 .outline_table .forum_quickmenu_2023 .quick_table .q_row.app {background-color:#2bb7a3; border-bottom:none; margin-bottom: 0px; }
	.keyvisual2023 .outline_table .forum_quickmenu_2023 .quick_table .q_row a {display:block; height:initial; padding-top:initial; padding:10px;}
    .keyvisual2023 .outline_table .forum_quickmenu_2023 .quick_table .q_row img {margin-bottom:5px; transform:rotateY(0deg); transition: 2s; width:36%;}
	.keyvisual2023 .outline_table .forum_quickmenu_2023 .quick_table .q_row span {font-size:20px;}
}

@media only screen and (max-width:1024px){

}

@media only screen and (max-width:480px){
	.keyvisual2023 .outline_table .forum_quickmenu_2023 .quick_table .q_row span {font-size:16px;}
}

/* 포럼 네비 ////////////////////////////////////////////////*/
.forum2023_navi_main {background-color:#e1e1e1; /*background: linear-gradient( 180deg, #818383, #b5b6b6);*/ border-top: 1px solid #203777;}
.forum2023_navi_main .outline {display:table; width:1200px; margin: 0 auto;}
.forum2023_navi_main .outline .navi_item {display:table-cell; width:20%; position:relative;}
.forum2023_navi_main .outline .navi_item a.title {display:block; text-align:center; line-height:50px; color:#333; font-size:18px; border-right: solid 1px #b5b6b6;}
.forum2023_navi_main .outline .navi_item a.title:hover {background-color:#2bb7a3; color:#fff;}
.forum2023_navi_main .outline .navi_item:last-child a.title {border-right:none;}

.forum2023_navi_main .outline .navi_item a.title.is_sub {}
.forum2023_navi_main .outline .navi_item .sub_item {position:absolute; bottom:50px; left:0; width:100%;}
.forum2023_navi_main .outline .navi_item .sub_item ul {background-color:#008f64;}
.forum2023_navi_main .outline .navi_item .sub_item ul li {}
.forum2023_navi_main .outline .navi_item .sub_item ul li a {display:block; padding:5px 20px; line-height:30px; border-bottom:solid 1px #0ea97a; font-size:16px; color:#fff;}
.forum2023_navi_main .outline .navi_item .sub_item ul li:last-child a {border-bottom:none;}
.forum2023_navi_main .outline .navi_item .sub_item ul li a:hover {background-color:#0ea97a;}

@media only screen and (max-width:768px){
    .forum2023_navi_main {background-color:#3253a4; /*background: linear-gradient( 180deg, #818383, #b5b6b6);*/ border-top: 1px solid #203777;}
    .forum2023_navi_main .outline {position:relative; width:100%;}
	.forum2023_navi_main .outline .navi_item {position:initial;}
	.forum2023_navi_main .outline .navi_item a.title {font-size:15px; letter-spacing:-1px; color:#fff;}
}


/* 연사리스트 ////////////////////////////////////////////////*/
.forum_speaker_main_2023 {margin:0 auto; background-color:#fff; /*overflow: hidden;*/ width:1200px; }
.carousel_pc {display: block;}
.carousel_m {display: none;}
.speaker_swipe {display:table; width:100%;}
.speaker_swipe .thum {display:table-cell; vertical-align:top; width:250px;}
.speaker_swipe .info {display:table-cell; vertical-align:top; position:relative;}
.speaker_swipe .info .top {margin-bottom:10px; margin-top:0;}
.speaker_swipe .info .top .speaker_title {display:block; margin-bottom:5px; font-size:18px;}
.speaker_swipe .info .top .position {display:block; margin-bottom:5px; font-size:14px; color:#999999;}
.speaker_swipe .info .top .cata {display:inline-block; padding:0 10px; height:24px; line-height:24px; font-size:14px; color:#5581ac; background-color:#adcded; border-radius:30px;}
.speaker_swipe .info .carrer {}
.speaker_swipe .info .carrer ul {word-break:keep-all;  white-space:-moz-pre-wrap;  white-space:-pre-wrap;  white-space:-o-pre-wrap;  word-wrap:break-word;}
.speaker_swipe .info .carrer ul li {padding:3px 0 3px 10px; line-height:1.5; color:#999999; background:url('../images/forum_fintech_2022/bullet_bar.png') no-repeat left 12px;}
/*.speaker_swipe .info .bottom {position:absolute; bottom:20px; left:10px;}
.speaker_swipe .info .bottom a {display:inline-block; padding-left:24px; height:26px; line-height:24px; font-size:14px; color:#999999; background:url('../images/forum_fintech_2022/icon_arrow_circle.png') no-repeat left top;}
.speaker_swipe .info .bottom a:hover {text-decoration:underline;}*/

.slider_wrap {width:1200px; margin:50px auto; overflow: hidden;}

@media only screen and (max-width:1200px){
	.speaker_swipe .thum {width:40%;}
	.speaker_swipe .info {padding-bottom:40px;}
	/*.speaker_swipe .info .bottom {position:absolute; bottom:0; left:10px;}*/
}

@media only screen and (max-width:768px){
    .forum_speaker_main_2023 {margin:0 auto; background-color:#fff; overflow: hidden; width:auto; }
    .carousel_pc {display: none;}
    .carousel_m {display: block;}
    .slider_wrap {width:94%; margin:0 auto; padding:3%; background: #fff;}
    .speaker_swipe .info {padding-bottom:0;}
    .speaker_swipe .info .top {margin-top:30px;}
}

@media only screen and (max-width:414px){
	.speaker_swipe {display:block; width:auto;}
	.speaker_swipe .thum {display:block; vertical-align:top; width:auto; text-align:center;}
	.speaker_swipe .thum img {width:90%; margin:0 auto;}
	.speaker_swipe .info {display:block; vertical-align:top;}
}


.forum_speaker_main .slick-next {
    left: inherit;
    right: -40px;
    top: 150px;
}

.forum_speaker_main_2023 .slick-next:before {
    content: '';
    background: url('../images/forum_fintech_2023/swipe_navi_arrow_right2023.png') no-repeat center center;
    display: inline-block;
    width: 27px;
    height: 62px;
    line-height: 62px;
    text-align: center;
    background-color:initial;
    border:none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

.forum_speaker_main_2023 .slick-prev {
    left: -40px;
    right: inherit;
    top: 150px;
    z-index: 999;
}

.forum_speaker_main_2023 .slick-prev:before {
    content: '';
    background: url('../images/forum_fintech_2023/swipe_navi_arrow_left2023.png') no-repeat center center;
    display: inline-block;
    width: 27px;
    height: 62px;
    line-height: 62px;
    text-align: center;
    background-color:initial;
    border:none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

.forum_speaker_main_2023 .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.forum_speaker_main_2023 .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #ff6633;
}

@media only screen and (max-width:640px){
	.forum_speaker_main_2023 .slick-dots {display:none !important;}
}
/* 문의 정보 //////////////////////////////////////////////////////*/
.custom_info_2023 {display:table; width:1200px; margin:0 auto; background-color:#edf2fb;}
.custom_info_2023 .custom_info_row {display:table-cell; vertical-align:top; width:50%;}
.custom_info_2023 .custom_info_row .top {background-color:#3172b1; text-align:center;}
.custom_info_2023 .custom_info_row .top .main_title {line-height:50px; font-size:20px; color:#fff; font-weight:normal;}
.custom_info_2023 .custom_info_row .cont {}
.custom_info_2023 .custom_info_row .cont .custom_row {border-top:solid 2px #fff; line-height:60px;}
.custom_info_2023 .custom_info_row .cont .custom_row .custom_table {display:table; width:100%;}
.custom_info_2023 .custom_info_row .cont .custom_row .custom_table .icon {display:table-cell; vertical-align:middle; width:25%; text-align:center;}
.custom_info_2023 .custom_info_row .cont .custom_row .custom_table .icon img {}
.custom_info_2023 .custom_info_row .cont .custom_row .custom_table .title {display:table-cell; vertical-align:middle; width:15%;}
.custom_info_2023 .custom_info_row .cont .custom_row .custom_table .title strong {color:#24659f;  font-weight:normal;}
.custom_info_2023 .custom_info_row .cont .custom_row .custom_table .info {display:table-cell; vertical-align:middle;}
.custom_info_2023 .custom_info_row .cont .custom_row .custom_table .info strong {font-size:18px; color:#666;  font-weight:normal;}

@media only screen and (max-width:1024px){
	.custom_info_2023 .custom_info_row .cont .custom_row .custom_table .icon {width:15%;}
	.custom_info_2023 .custom_info_row .cont .custom_row .custom_table .info strong {font-size:16px;}
}

@media only screen and (max-width:768px){
	.custom_info_2023 {display:block; width:auto;}
	.custom_info_2023 .custom_info_row {display:block; width:auto;}
	.custom_info_2023 .custom_info_row .cont .custom_row {line-height:1.2;}
	.custom_info_2023 .custom_info_row .cont .custom_row .custom_table .icon {width:15%;}
	.custom_info_2023 .custom_info_row .cont .custom_row .custom_table .title {padding:0 10px; width:20%;}
	.custom_info_2023 .custom_info_row .cont .custom_row .custom_table .info strong {font-size:15px;}
}

@media only screen and (max-width:480px){
	.custom_info_2023 .custom_info_row .top .main_title {line-height:40px; font-size:18px;}
	.custom_info_2023 .custom_info_row .cont .custom_row .custom_table .icon {display:none;}
	.custom_info_2023 .custom_info_row .cont .custom_row .custom_table .title {padding:10px 5px 10px 10px;}
	.custom_info_2023 .custom_info_row .cont .custom_row .custom_table .info {padding:10px 10px 10px 5px;}
}



/*///////////////////////////////////////////////////////
 포럼 서브 페이지 공통 Grid
 ///////////////////////////////////////////////////////*/
.forum_grid_leftaside {display:table; width:1200px; margin:0 auto;}
.forum_grid_leftaside .left_side {display:table-cell; width:180px; padding-top:50px; padding-right:10px; vertical-align:top; border-right:solid 1px #ccc;}
.forum_grid_leftaside .left_side .left_nav {margin-bottom:300px; margin-left:5px;}
.forum_grid_leftaside .left_side .left_nav ul {}
.forum_grid_leftaside .left_side .left_nav ul li {}
.forum_grid_leftaside .left_side .left_nav ul li a.stitle {display:block; padding:10px; font-size:16px; position:relative;}
.forum_grid_leftaside .left_side .left_nav ul li a.stitle span.cert {display:inline-block; margin-top:-5px; width:17px; height:10px; background:url('../images/forum_fintech_2022/icon_cert.png') no-repeat center center; position:absolute; right:10px; top:50%;}
.forum_grid_leftaside .left_side .left_nav ul li a.stitle:hover {color:#0c7ce6;}
.forum_grid_leftaside .left_side .left_nav ul li.active a.stitle {color:#0c7ce6; font-weight:600; font-size:18px;}
.forum_grid_leftaside .left_side .left_nav ul li.active a.stitle span.cert {background:url('../images/forum_fintech_2022/icon_cert_active.png') no-repeat center center;}
.forum_grid_leftaside .left_side .left_nav ul li .sub_item {}
.forum_grid_leftaside .left_side .left_nav ul li .sub_item ul {padding:15px; background-color:#f2f2f2; border-radius:5px; /*border:solid 1px #0c7ce6;*/}
.forum_grid_leftaside .left_side .left_nav ul li .sub_item ul li {line-height:30px;}
.forum_grid_leftaside .left_side .left_nav ul li .sub_item ul li a {display:block; padding:0 10px 0 20px; font-size:16px; background:url('../images/forum_fintech_2022/leftnavi_bar.png') no-repeat left center;}
.forum_grid_leftaside .left_side .left_nav ul li .sub_item ul li a:hover {color:#0c7ce6; text-decoration:underline;}
.forum_grid_leftaside .left_side .left_nav ul li .sub_item ul li a.active {color:#0c7ce6; text-decoration:underline; font-weight:600;}

.forum_grid_leftaside .base_cont {display:table-cell; width:auto; padding-left:20px; padding-bottom:100px; vertical-align:top;}

/* 테블릿과 모바일*/
@media all and (max-width:1200px){
	.forum_grid_leftaside {width:100%;}
	.forum_grid_leftaside .left_side {width:130px;}
	.forum_grid_leftaside .left_side .left_nav ul li .sub_item ul {padding:5px;}
	.forum_grid_leftaside .left_side .left_nav ul li .sub_item ul li {line-height:30px;}
	.forum_grid_leftaside .left_side .left_nav ul li .sub_item ul li a {display:block; padding:0 0 0 20px; font-size:14px; background:url('../images/forum_fintech_2022/leftnavi_bar.png') no-repeat left center;}
}
/* 모바일*/
@media all and (max-width:768px){	
	.forum_grid_leftaside {display:block;}
	.forum_grid_leftaside .left_side {display:block; margin:0 10px; width:auto; padding-top:0; padding-right:0;}
	.forum_grid_leftaside .left_nav {display:none;}
	.forum_grid_leftaside .base_cont {display:block; padding-left:10px; padding-right:10px;}
}

/* 테블릿과 모바일*/
@media all and (max-width:1200px){
}
/* 테블릿과 모바일*/
@media all and (max-width:1024px){
}

/* 모바일*/
@media all and (max-width:768px){
}

/* 모바일 전용 메뉴 */
.mobile_forum_nav {display:none; position:relative;}
.mobile_forum_nav a.btn_mobile_forum_nav {display:block; height:30px; line-height:30px; font-size:16px; text-align:center; color:#156e97; background-color:#fff; border:solid 1px #287fa7; border-radius:5px;}
.mobile_forum_nav>ul {margin-top:2px; background-color:#fff; border:solid 1px #999; border-radius:5px; position:absolute; top:41px; left:0; width:100%; box-sizing:border-box;}
.mobile_forum_nav ul li {}
.mobile_forum_nav ul li a.stitle {display:block; padding:10px; font-size:16px; position:relative;}
.mobile_forum_nav ul li a.stitle span.cert {display:inline-block; margin-top:-5px; width:17px; height:10px; background:url('../images/forum_fintech_2022/icon_cert.png') no-repeat center center; position:absolute; right:10px; top:50%;}
.mobile_forum_nav ul li.active a.stitle span.cert {background:url('../images/forum_fintech_2022/icon_cert_active.png') no-repeat center center;}
.mobile_forum_nav ul li .sub_item {display:none;}
.mobile_forum_nav ul li.active .sub_item {display:block;}
.mobile_forum_nav ul li .sub_item ul {padding:15px; background-color:#f2f2f2;}
.mobile_forum_nav ul li .sub_item ul li {line-height:30px;}
.mobile_forum_nav ul li .sub_item ul li a {display:block; padding:0 10px 0 20px; font-size:16px; background:url('../images/forum_fintech_2022/leftnavi_bar.png') no-repeat left center;}

@media all and (max-width:768px){
	.mobile_forum_nav {display:block; padding-top:10px;}
}


.forum_title {padding:20px 0 10px; margin-bottom:30px; border-bottom:solid 1px #ccc;}
h3.title_forum_base {display:inline-block; font-size:24px; color:#333; font-weight:normal;}
h4.title_forum {padding-left:20px; font-size:20px; color:#333; font-weight:600; background:url(../images/icon/icon_bar_red.png) no-repeat 5px center;}

@media all and (max-width:640px){
	h3.title_forum_base {font-size:22px;}
	h4.title_forum {font-size:16px;}
}

.forum_introduce {}
.forum_introduce ul {}
.forum_introduce>ul>li {}
.forum_introduce>ul>li .outline {display:table; width:100%;}
.forum_introduce>ul>li .outline .thum {display:table-cell; vertical-align:middle; width:325px;}
.forum_introduce>ul>li .outline .thum img {border-radius:20px 0 20px 0; overflow:hidden;}

.forum_introduce>ul>li .outline .info_box {display:table-cell; vertical-align:middle;}
.forum_introduce>ul>li .outline .info_box .innerbox {padding:0 0 0 30px;}
.forum_introduce>ul>li .outline .info_box .innerbox .base_info {}
.forum_introduce>ul>li .outline .info_box .innerbox .base_info ul { color:#666666; font-size:16px; line-height:1.5;}
.forum_introduce>ul>li .outline .info_box .innerbox .base_info ul li {padding:5px 0;}
.forum_introduce>ul>li .outline .info_box .innerbox .base_info ul li .ti {display:inline-block; vertical-align:middle; margin-right:15px; width:70px; font-size:14px; color:#336699; background:url('../images/forum_fintech_2022/bar.png') no-repeat right center;}
.forum_introduce>ul>li .outline .info_box .innerbox .base_info ul li .tx {display:inline-block; vertical-align:middle; font-size:18px;}
.forum_introduce>ul>li .outline .info_box .innerbox .base_info ul li .main_subject {font-weight:600; color:#333; text-decoration:underline;}

@media all and (max-width:1200px){
	.forum_introduce>ul>li .outline .thum {width:280px;}
	.forum_introduce>ul>li .outline .info_box .innerbox .base_info ul li {padding:5px 0;}
}
@media all and (max-width:1024px){
	.forum_introduce>ul>li .outline .thum {width:250px;}
	.forum_introduce>ul>li .outline .info_box .innerbox .base_info ul {font-size:14px;}
	.forum_introduce>ul>li .outline .info_box .innerbox .base_info ul li .ti {width:60px;}
	.forum_introduce>ul>li .outline .info_box .innerbox .base_info ul li .tx {font-size:16px;}
}
@media all and (max-width:768px){
	.forum_introduce>ul>li {padding:20px 0;}
	.forum_introduce>ul>li .outline .thum {width:230px}
	.forum_introduce>ul>li .outline .info_box .innerbox {padding:0 10px;}
	.forum_introduce>ul>li .outline .info_box .innerbox .base_info ul {}
	.forum_introduce>ul>li .outline .info_box .innerbox .base_info ul li .ti {width:50px; padding-right:10px; margin-right:5px; line-height:1; font-size:14px;}
	.forum_introduce>ul>li .outline .info_box .innerbox .base_info ul li .tx {padding-left:5px; font-size:14px;}
}
@media all and (max-width:640px){
	.forum_introduce>ul>li .outline .thum {display:block; margin-bottom:10px; width:auto; text-align:center;}
	.forum_introduce>ul>li .outline .info_box {display:block; width:auto; border-top:solid 1px #ccc;}
	.forum_introduce>ul>li .outline .info_box .innerbox .base_info ul li .ti {display:block; width:auto; padding-right:0; margin-right:0; margin-bottom:5px; background:none;}
	.forum_introduce>ul>li .outline .info_box .innerbox .base_info ul li .tx {display:block; padding-left:0; font-size:16px;}
}


.gray_box {padding:15px; background-color:#f2f2f2; border-radius:10px; position:relative;}
.gray_box ul {font-size:16px;}
.gray_box ul li {padding:5px;}

.gray_box a.btn_app {display:inline-block; width:100px; height:100px; line-height:100px; text-align:center; color:#fff; font-size:18px; background-color:#1e2188; border-radius:100px; position:absolute; right:30px; top:50%; margin-top:-50px;}
.gray_box a.btn_app:hover {opacity:0.8;}

@media all and (max-width:480px){
	.gray_box a.btn_app {width:100%; height:40px; line-height:40px; position:relative; right:initial; top:initial; margin-top:5px;}
}

/* 등록 절차  */
.procces {}
.procces ul {display:table; width: 100%;}
.procces ul li {display:table-cell; vertical-align:top; text-align:center;}
.procces ul li.icon {}
.procces ul li.arrow {vertical-align:top; padding-top:50px;}

.btn_free_app, a.btn_free_app {display:inline-block; width:450px; height:70px; line-height:70px; font-size:22px; color:#fff; background-color:#990000; border:none; border-radius:40px; }
.btn_free_app:hover {background-color:#333;}

.btn_free_app2023, a.btn_free_app2023 {display:inline-block; width:350px; height:70px; line-height:70px; font-size:22px; color:#fff; background-color:#990000; border:none; border-radius:40px; margin:0 10px;}
.btn_free_app2023:hover {background-color:#333;}

@media all and (max-width:1024px){
	.procces ul li.icon {padding:0 10px; box-sizing:border-box;}
	.procces ul li.arrow {width:20px;}
}

@media all and (max-width:768px){
	.procces ul {display:block; width:auto; overflow:hidden;}
	.procces ul li {float:left; display:block; height:200px;}
	.procces ul li.icon {}
	.procces ul li.arrow {padding-top:50px; height:150px;}
    .btn_free_app, a.btn_free_app {display:inline-block; width:320px; height:50px; line-height:50px; font-size:18px; color:#fff; background-color:#990000; border:none; border-radius:40px;}
    .btn_free_app2023, a.btn_free_app2023 {display:inline-block; width:320px; height:50px; line-height:50px; font-size:18px; color:#fff; background-color:#990000; border:none; border-radius:40px; margin:0 0 10px 0;}
}

@media all and (max-width:640px){
	.procces ul li {height:220px;}
	.procces ul li.icon {width:43%;}
	.procces ul li.arrow {width:7%; height:160px;}
}

@media all and (max-width:480px){
	.procces ul li {height:200px;}
	.procces ul li.icon {width:43%;}
	.procces ul li.arrow {width:7%; height:140px;}
}


/* 행사 구성 */
.conference_list {}
.conference_list ul {overflow:hidden;}
.conference_list ul li {float:left; margin-bottom:20px; width:50%;}
.conference_list ul li:nth-child(even) {text-align:right;}

@media all and (max-width:480px){
	.conference_list ul li {float:initial; margin-bottom:20px; width:auto;}
	.conference_list ul li:nth-child(even) {text-align:left;}
}


/* 하단 기능버튼 */
.page_bottom {padding:30px 0;}

a.btn_forum {display:inline-block; padding:0 30px; height:50px; line-height:50px; font-size:18px; color:initial; border-radius:50px;}
a.btn_forum:hover {opacity:0.8;}
.bg_primary {color:#fff !important; background-color:#990000;}
.bg_white {color:#333; background-color:#fff; border:solid 1px #333;}


/* 행사장 안내 */
.map {}
.map_info {margin-bottom:50px; padding:5px 0; overflow:hidden;}
.map_info .left {float:left; line-height:26px;}
.map_info .right {float:right;}
a.btn_navermap {display:inline-block; padding:0 20px; height:26px; line-height:26px; font-size:14px; color:#fff; background-color:#4caf50; border-radius:5px;}

.coex_traffic {text-align:center;}
.coex_traffic a {display:inline-block; padding:0 20px; height:40px; line-height:40px; font-size:18px; color:#fff; background-color:#c33a8b; border-radius:50px;}
.coex_traffic a:hover {opacity:0.8;}

@media all and (max-width:480px){
	.coex_traffic a {height:30px; line-height:30px; font-size:16px;}
}


/* 강연 프로그램 */
.forum_speaker_list {padding:20px 0;}
.forum_speaker_list>ul {overflow:hidden;}
.forum_speaker_list>ul>li {float:left; width:50%;}
.forum_speaker_list ul li .speaker_box {display:table; width:100%;}
.forum_speaker_list li .speaker_box .thum {display:table-cell; padding:0 5px; vertical-align:top; width:35%; box-sizing:border-box;}
.forum_speaker_list li .speaker_box .thum img {border-radius:10px; border:solid 3px #ddd;}
.forum_speaker_list li .speaker_box .info {display:table-cell; padding-left:10px; vertical-align:top; height:220px; box-sizing:border-box;}
.forum_speaker_list li .speaker_box .info .top {margin-bottom:10px;}
.forum_speaker_list li .speaker_box .info .top .speaker_title {display:block; margin-bottom:5px; font-size:17px;}
.forum_speaker_list li .speaker_box .info .top .position {display:block; margin-bottom:5px; font-size:14px; color:#999999;}
.forum_speaker_list li .speaker_box .info .top .cata {display:inline-block; padding:0 10px; height:22px; line-height:22px; font-size:13px; color:#333; background-color:#eee; border:solid 1px #ccc; border-radius:30px;}
.forum_speaker_list li .speaker_box .info .carrer {}
.forum_speaker_list li .speaker_box .info .carrer ul {word-break:keep-all;  white-space:-moz-pre-wrap;  white-space:-pre-wrap;  white-space:-o-pre-wrap;  word-wrap:break-word;}
.forum_speaker_list li .speaker_box .info .carrer ul li {padding:3px 0 3px 10px; line-height:1.2; color:#999999; background:url('../images/forum_fintech_2022/bullet_bar.png') no-repeat left 12px;}

@media only screen and (max-width:1024px){
	.forum_speaker_list li .speaker_box .info {height:250px;}
}
@media only screen and (max-width:640px){
	.forum_speaker_list>ul>li {float:none; width:auto; margin-bottom:30px;}
	.forum_speaker_list li .speaker_box .thum {width:30%;}
	.forum_speaker_list li .speaker_box .thum img {border-radius:10px; border:solid 1px #3f51b5;}
	.forum_speaker_list li .speaker_box .info {height:auto;}
}

/* 부스 참가안내 */
.bizapp_procces {}
.bizapp_procces ul {display:table; width: 100%;}
.bizapp_procces ul li {display:table-cell; vertical-align:top; text-align:center;}
.bizapp_procces ul li.icon {}
.bizapp_procces ul li.arrow {vertical-align:top; padding-top:50px;}

@media all and (max-width:1024px){
	.bizapp_procces ul li.icon {padding:0 10px; box-sizing:border-box;}
	.bizapp_procces ul li.arrow {width:20px;}
}

@media all and (max-width:768px){
	.bizapp_procces ul {display:block; width:auto; overflow:hidden;}
	.bizapp_procces ul li {float:left; display:block;}
	.bizapp_procces ul li.icon {}
	.bizapp_procces ul li.arrow {padding-top:50px;}
}

@media all and (max-width:640px){
	.bizapp_procces ul li {margin-bottom:10px;}
	.bizapp_procces ul li.icon {width:43%;}
	.bizapp_procces ul li.arrow {width:7%;}
}

@media all and (max-width:480px){
	.bizapp_procces ul li {}
	.bizapp_procces ul li.icon {width:43%;}
	.bizapp_procces ul li.arrow {width:7%;}
}


/* 역대행사 //////////////////////////////////////////////////////////////////////////*/
.forum_fintech_history {padding:0 10px;}
.forum_fintech_history .history_row {display:table; margin-bottom:30px; width:100%;}
.forum_fintech_history .history_row .thum {display:table-cell; vertical-align:middle; width:260px;}
.forum_fintech_history .history_row .thum img {}
.forum_fintech_history .history_row .info {display:table-cell; padding-left:15px; vertical-align:middle;}
.forum_fintech_history .history_row .info ul {}
.forum_fintech_history .history_row .info ul li {padding:3px 0; font-size:15px;}
.forum_fintech_history .history_row .info .func_area {padding-top:10px;}
.forum_fintech_history .history_row .info .func_area a.btn_history_detail {display:inline-block; padding:0 15px; height:24px; line-height:24px; font-size:14px; color:#fff; background-color:#990000; border-radius:30px;}
.forum_fintech_history .history_row .info .func_area a.btn_history_detail:hover {opacity:0.8;}

@media all and (max-width:640px){
	.forum_fintech_history .history_row .thum {width:200px;}
}

@media all and (max-width:480px){
	.forum_fintech_history .history_row {display:block; margin-bottom:20px; border:solid 1px #ccc; border-radius:5px;}
	.forum_fintech_history .history_row .thum {display:block; padding:5px; width:auto; text-align:center; border-bottom:solid 1px #eee;}
	.forum_fintech_history .history_row .info {display:block; padding-left:0; padding:10px 10px;}
}

.modal_forum_history {width:900px; margin-left:-450px; background-color:#fff; position:absolute; left:50%; top:200px; z-index:101;}
.modal_forum_history .modal_header {padding:10px 20px; background-color:#1e2188; position:relative;}
.modal_forum_history .modal_header h3 {font-size:20px; color:#fff; font-weight:normal;}
.modal_forum_history .modal_header a.btn_modal_close {display:inline-block; padding:0 10px; height:30px; line-height:30px; color:#fff; position:absolute; top:50%; right:10px; margin-top:-15px;}
.modal_forum_history .modal_cont {padding:20px; height:500px; overflow-y:auto; border:solid 1px #ccc;}
.modal_forum_history .modal_footer {padding:15px 10px; text-align:center; border:solid 1px #ccc; border-top:none; background-color:#fff;}
.modal_forum_history .modal_footer a {display:inline-block; padding:0 15px; height:30px; line-height:30px; font-size:14px; color:#333; background-color:#fff; border:solid 1px #333; border-radius:3px;}
.modal_forum_history .modal_footer a:hover {background-color:#f2f2f2;}


@media all and (max-width:1024px){
	.modal_forum_history {width:86%; margin-left:0; left:7%; top:150px;}
}

@media all and (max-width:768px){
	.modal_forum_history {width:90%; left:5%; top:100px;}
	.modal_forum_history .modal_cont {padding:15px; height:400px;}
}

@media all and (max-width:640px){
	.modal_forum_history {width:94%; left:3%; top:50px;}
}

.table_late_forum {width:100%; font-size:14px; border-top:2px solid #093e37; background-color:#fff;}
.table_late_forum.tac td {text-align:center;}
.table_late_forum th, .table_late_forum td {border-left:1px solid #ccc;}
.bdr_n {border-left:0 !important;}
.table_late_forum th {background-color:#f2f2f2; text-align:center; border-bottom:1px solid #ccc; padding:3px 10px; color:#333;}
.table_late_forum td {border-bottom:1px solid #ccc; line-height:1.6; text-align:left; padding:5px 10px !important; color:#333;}

@media (max-width:480px){
 .table_late_forum {width:550px;}
}



/* 준비중 */
.preparation_page {padding:150px 0; text-align:center;}
.preparation_page img {margin-bottom:10px;}
.preparation_page strong {display:block; font-size:20px;}

@media (max-width:480px){
	.preparation_page {padding:50px 0;}
}

/* 메타버스 구글설문링크 */
a.btn_meta_poll {display:inline-block; padding:0 10px; height:24px; line-height:24px; color:#fff; background-color:#e91e63; border-radius:50px;}
a.btn_meta_poll:hover {background-color:#a71345;}


/* 강연 프로그램 2022-08-22 */
h4.title_forum_replay {padding-left:20px; padding-bottom:10px; font-size:20px; color:#034992; font-weight:600; border-bottom:solid 2px #ccc; background:url(../images/icon/icon_bar_red.png) no-repeat 5px 10px;}

.lecture_playlist {padding:20px 0; position:relative;}
.lecture_playlist nav {position:absolute; top:-35px; right:0;}
.lecture_playlist nav a {display:inline-block; padding:0 10px; height:30px; line-height:30px; text-align:center; color:#fff; background-color:#bbb; border-radius:30px;}
.lecture_playlist nav a:hover {background-color:#aaa;}
.lecture_playlist nav a.active {background-color:#2196f3;}

.lecture_playlist ul {overflow:hidden; margin-bottom:30px;}
.lecture_playlist li {float:left; width:50%; margin-bottom:30px;}
.lecture_playlist li .speaker_box {margin:0 10px;}
.lecture_playlist li .speaker_box a {display:block; margin: 0 1px}
.lecture_playlist li .speaker_box .title {padding:10px 0; background:url('../images/forum_fintech_2022/replay/icon_speak.png') no-repeat left center;}
.lecture_playlist li .speaker_box .title strong {display:block; padding-left:40px; font-size:18px; line-height:1.2;}
.lecture_playlist li .speaker_box .info {padding:10px; box-sizing:border-box; border:solid 1px #ccc;}
.lecture_playlist li .speaker_box .info strong {font-size:16px;}
.lecture_playlist li .speaker_box .info span {display:block; padding-top:3px; font-size:12px; color:#999;}


@media only screen and (max-width:1024px){
	.lecture_playlist li {width:50%;}	
}

@media only screen and (max-width:800px){
	.lecture_playlist li .speaker_box .title {height:40px;}
}

@media only screen and (max-width:680px){
	.lecture_playlist ul {margin-bottom:0;}
	.lecture_playlist li {width:auto; margin-bottom:20px;}	
	.lecture_playlist li .speaker_box .title {height:auto;}
	.lecture_playlist li .speaker_box .title strong {font-size:16px;}
	.lecture_playlist li .speaker_box .info strong {font-size:14px;}
}

