* {font-family: ‘SUIT’, sans-serif;}
@font-face {
font-family: 'TTHakgyoansimSamulhamR';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_keris@1.0/TTHakgyoansimSamulhamR.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@media (max-width: 1023px){
#wrapper {
width: 1400px;
}
}
strong{font-weight:600;}
button{font-family: 'SUIT-Regular', sans-serif;}
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt80{margin-top:80px !important;}
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}
.mb40{margin-bottom:40px !important;}
.mb60{margin-bottom:60px !important;}
.mb90{margin-bottom:90px !important;}
.mb120{margin-bottom:120px !important;}
.ml0{margin-left:0px !important;}
.ml3{margin-left:3px !important;}
.mr0{margin-right:0px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;} .mr37{margin-right:37px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb60{padding-bottom:60px !important;}
.pb90{padding-bottom:90px !important;}
.pb120{padding-bottom:120px !important;}
.pl0{padding-left:0px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pt13{padding-top: 13px !important;} .pt25{padding-top: 25px !important;}
.txt-red{color:#ef4e4c !important;}
.txt-navy{color:#475cce !important;}
.txt-sky{color: #109dc8 !important;}
.txt-green{color:#269f83 !important}
.txt-yellow{color:#ffd800 !important;}
.txt-fff{color:#ffffff !important;}
.txt-black{color:#000 !important;}
del{color: #b3b3b3;}
.underline{color: #025cc6; border-bottom: 1px solid #025cc6; height: 26px; font-weight: 500; background: #e6f2fb;}
.click{background-color: #e6f2fb; color: #025cc6; padding: 2px 5px; display: inline-block; font-weight: 500;}
.yle_b{background:#fffa6a; font-weight:500;}
.fl-left{float:left;}
.fl-right{float:right;}
.al-center{text-align:center !important;}
.al-left{text-align:left !important;}
.al-right{text-align:right !important;}
.al-justify{text-align:justify;}
.display-bc{display:block; margin:0 auto;}
.cl_both{clear: both !important;}
.fs15{font-size: 15px !important;} .fs16{font-size: 16px !important;} .fs17{font-size: 17px !important;} .fs20{font-size: 20px !important;}
.fs13{font-size: 13px;}
.fs11{font-size: 11px; font-weight:500;}
.txt-under{text-decoration: underline;}
/*btn css*/
a.link{background: inherit; transition: 0.3s; color: #175692; border-radius: 10px;}
a.link:hover{background: #175692; color: #fff; padding: 0 5px;}
a.btn01 {position: relative; display: inline-block; padding:17px 34px; letter-spacing: -0.2px; font-size: 18px; font-weight: 600; border-radius:20px; border: 2px solid #000; box-shadow:4px 4px 0 #000; text-align: left;
-ms-transition: all ease 0.35s;
-webkit-transition: all ease 0.35s;
transition: all ease 0.35s; margin: 0 17px 0 0;}
a.btn01:hover{
box-shadow:none;
-ms-transform:translate( 3px, 4px);
-webkit-transform:translate( 3px, 4px);
transform:translate( 3px, 4px);
}
a.btn_small{font-size:13.5px; padding: 0 8px; margin: 0 3px; border: 1px solid #000; box-shadow: 2px 2px 0 #000; line-height: 19px;}
a.btn_small:hover{
box-shadow:none;
-ms-transform:translate( 2px, 2px);
-webkit-transform:translate( 2px, 2px);
transform:translate( 2px, 2px);
}
.pl_btnWrap{position: absolute; right: 0; top: 65px;}
.bio-btn{padding: 0 20px; margin-top: 5px; display: inline-block; line-height:24px; font-size:15px; border-radius:8px; border: 1px solid #14a0c1; text-align: center; box-sizing: border-box; background: linear-gradient(#14a0c1, #175692); color: #fff; font-weight: 500;}
.ab-btn{padding: 0 20px; margin-top: 5px; display: inline-block; line-height:35px; font-size:15px; border-radius:30px; border: 1px solid #ff9724; text-align: center; box-sizing: border-box; background: linear-gradient(#ff9724,#df7e14); color: #fff; font-weight: 500;}
.bio-btn:hover, .bio-btn:focus, .ab-btn:hover, .ab-btn:focus {color: #fff; text-decoration: none; cursor: pointer;}
/*table css*/
.s_table{border-top: 3px solid #2ebed9; width: 100%;}
.s_table.bt1{border-top: 1px solid #c8ccd3 !important;}
.s_table th{background: #ddfaff; font-weight: 700; padding: 13px; border-bottom: 1px solid #2ebed9; border-right: 1px solid #c8ccd3;}
.s_table td{border-bottom: 1px solid #c8ccd3; padding: 10px; line-height: 1.5; font-size: 15px; border-right: 1px solid #c8ccd3;} .s_table td li{font-size: 15px;}
.s_table th:last-child, .s_table td:last-child{border-right: 0;}
.s_table th.bR0, .s_table td.bR0{border-right: 0px solid #e4e6e7 !important;}
.s_table th.bR1, .s_table td.bR1{border-right: 1px solid #c8ccd3 !important;}
.s_table th.bB1, .s_table td.bB1{border-bottom: 1px solid #c8ccd3 !important;}
.s_table th.bB3, .s_table td.bB3{border-bottom: 3px double #2ebed9 !important;}
.s_table th.soldout, .s_table td.soldout{background:#f5f5f5; color:#bdbdbd; position:relative;}
.s_table td.soldout img{position:absolute; left:50%; margin-left:-58px; z-index:99;}
.table_T{background:#2ebed9; color:#fff; display:inline-block; padding:4px 35px; border-radius:10px 10px 0 0; margin-top:11px; font-weight: 700;}
/*ul css*/
.s_list {padding-left:16px;}
.s_list > li {position:relative; line-height:22px; padding:4px 0; text-align: justify;}
.s_list > li::after {display:block; content:''; width:4px; height:4px; position:absolute; right:100%; background:#333; margin-right:10px; top: 13px; border-radius: 50%;}
.s_list.floatL li{float: left; width: 50%;}
.s_list2{list-style: none; padding: 0; margin: 0;}
.s_list2 > li{position: relative; padding-left: 20px; margin: 9px 0;}
.s_list2 > li:before {content:""; position:absolute; top: 12px; left: 4px; width: 5px; height: 1px; background: #333;}
.s_list3{list-style: none; padding: 0; margin: 0;}
.s_list3 > li{position: relative; padding-left: 17px; margin: 3px 0;}
.s_list3 > li:before {content:"*"; position:absolute; top: 4px; left: 4px; width: 5px; height: 1px;}
.s_list4{list-style: none; padding: 0; margin: 0;}
.s_list4 > li{position: relative; padding-left: 24px; margin: 3px 0;}
.s_list4 > li:before {content:"※"; position:absolute; top: 1px; left: 4px; width: 5px; height: 1px;}
.decimal, .decimal li{list-style: decimal; padding-left: 20px; margin: 0;}
.decimal li{padding: 0;} .decimal li:after{display: none;}
#subvisual {width:100%; height:175px; background:url('../images/sub/sub-hd.jpg') 0 0 no-repeat;}
#subtitle {margin:0 0 50px 0; position:relative;}
#subtitle h2 {color:#222; font-size:38px; font-weight:500;}
#cont {margin:50px 50px 0 50px;}
#con_area {padding:0 0 100px 0; min-height: 1200px;}
#con_area h3.title{font-size: 25px; position: relative; font-family: 'TTHakgyoansimSamulhamR'; line-height: 55px; margin-bottom: 30px;}
#con_area h3.title:before{background:#14a0c1; width: 80px; height: 2px; content: ""; position: absolute; bottom: -2px; left: 0;}
#con_area h3.title.al-center{padding: 0;} #con_area h3.title.al-center:before{display: none;}
#con_area h4.h4{margin: 10px 0 5px; color: #0db0b7; font-size: 19px; font-weight: 600; padding-left: 11px; position: relative;}
#con_area h4.h4::before{content: ''; display: block; background: #0db0b7; position: absolute; left: 0; top: 0; width: 4px; height: 21px; border-radius: 10px;}
.import{padding-left: 18px; position: relative;}
.import::before{content: '※'; display: block; position: absolute; left: 0; top: 0;}
/*welcome*/
.greet {background:url('../images/sub/greet.png') 100% 0 no-repeat; height:582px; box-sizing:border-box;}
.greet div {width: 69%;}
.greet p {line-height:24px; word-break:keep-all; margin:18px 0 0 0;}
.greet p:first-child {margin:0;}
.greet p.end {margin:25px 0 0 0; font-size: 14px; line-height: 21px;}
.greet p.end strong{font-size: 18px;}
.greet p.end span {float: left; margin: 13px 28px 10px 0;}
/*about busan*/
.aroundArea {overflow:hidden;}
.aroundInfoList {overflow:hidden;}
.aroundInfoList > li {overflow:hidden; float:left; width:100%; margin:40px 0 0;}
.aroundInfoList > li:nth-child(1){margin-top:0;}
.aroundInfoList > li:nth-child(2n+1) {margin-left:0; clear:left;}
.aroundInfoList > li > div.arImg {float:left; width:23%;}
.aroundInfoList > li > div.arTxt {overflow:hidden; padding:0 0 0 30px;}
.aroundInfoList > li > div.arTxt > span {display:block; padding-bottom:10px; font-size:17.5px; font-weight: 600; color:#109dc8;}
.aroundInfoList > li > div.arTxt .arDetail {text-align: justify; padding:20px; background: #f3f3f3; line-height:1.6;}
/*useful*/
.usefulBox{display: inline-block; width: 100%; overflow: hidden;}
.useTit{background:#eaeaea; border: 3px solid #eaeaea; border-radius:50px; display: flex; align-items: center; justify-content: flex-start;}
.useTit span{padding-left:15px; font-weight:600; font-size:1.1rem;}
.useTit span.img{padding: 0; background: #fff; border-radius: 50%; width: 53px; height: 53px;}
.usefulBox>div{padding:17px; background:#fff;}
.thead{background:#2ebed9; color:#fff; padding:4px 4px 1px; border-radius:10px 10px 0 0; text-align:center; font-size: 15px;}
/*transportation*/
.accordion {width: 100%; margin: 0 auto; padding: 2rem 0;}
.accordion-item {position: relative; margin-bottom: 15px;}
.accordion-item.active .icon:after {width: 0;}
.accordion-item .heading {display: block; text-decoration: none; font-weight: 600; font-size: 1rem; position: relative; padding: 18px 20px 18px 16px; transition: 0.3s ease-in-out; border: 3px solid #39598a; color: #39598a; background: #f1f3f5 url(../images/sub/acc_bg.png) left no-repeat;}
.accordion-item .heading .title{color: #39598a !important; font-weight: 500}
.accordion-item .heading .title span{color: #fff; margin-right: 36px; font-weight: 500}
.accordion-item .icon {display: block; position: absolute; top: 50%; right: 0; width: 3rem; height: 3rem; border-radius: 3px; transform: translateY(-50%);}
.accordion-item .icon:before, .accordion-item .icon:after {content: ""; width: 1.25rem; height: 0.25rem; background: #39598a; position: absolute; border-radius: 3px; left: 50%; top: 50%; transition: 0.3s ease-in-out; transform: translate(-50%, -50%);}
.accordion-item .icon:after {transform: translate(-50%, -50%) rotate(90deg); z-index: -1;}
.accordion-item .content {display: none; padding: 20px;}
.accordion-item .content p {margin-top: 0;}
.m_box{border: 1px solid #0db0b7; border-radius: 10px 10px 0 0; overflow: hidden; padding-bottom: 15px; background: #f7f7f7;}
.m_box p{text-align: center;}
.m_box p.title{background: #0db0b7; padding: 10px 0; color: #fff; font-weight: 500;}
.m_box.m_imp{border: 1px solid #e94554; border-radius: 10px 10px 0 0; overflow: hidden; padding-bottom: 15px; background: #f7f7f7;}
.m_box.m_imp p.title{background: #e94554; padding: 10px 0; color: #fff; font-weight: 500;}
.line_title{ position: relative; background: url(../images/line.png) no-repeat 0 50%;}
.line_title span{background: #fff; padding-right: 4%; font-size: 18px; color: #333; font-weight: 600;}
/*overview*/
.check {}
.check .clear:after, .check .left ul:after {content:""; display:block; clear:both;}
.check .left:first-child span {display:block; text-align:center;}
.check .left > ul > li{height:74px; line-height:74px; background:#f6f6f6; border-radius:10px; margin:0 0 10px 0;}
.check .left > ul > li.h120{height: 140px;}
.check .left > ul > li.h120 span{height: 140px; line-height: 114px;}
.check .left > ul > li span{float:left; display:block; width: 147px; height:74px; padding:10px 0; margin:0 20px 0 0; background:#2d57a4; border-radius:10px 0 0 10px; text-align:center; box-sizing:border-box; color: #fff; line-height: 51px; margin-right: 21px;}
.check .left > ul p{float:left; color:#2d57a4; line-height: 74px;}
.check .left > ul > li .s_list{float: left;}
.check .left > ul > li .s_list li{line-height: 17px;}
/*Conference Topic*/
.topicWrap{}
.topicWrap > div > div{background:#f6f6f6; padding:30px 50px; margin-top:42px; border-radius: 20px;}
.topicWrap h3{font-size:1.2rem; font-weight: 600; letter-spacing: -0.55px; padding-left: 20px;}
.topicWrap .line{background:#fff; padding:8px 20px; border-radius: 50px; display: flex;}
.topicWrap .line strong{margin-right: 10px;}
.topicWrap .line p{font-size: 15px;}
.topicBox{margin-top:20px; width:100%; display:inline-block;}
.topicBox .title{float:left; width:15%; margin-right:1%; padding:0 20px; font-size:16px; font-weight: 600; text-align: left; color: #00aac9;}
.topicBox > div{text-align:justify; float:left; width:83%; line-height:24px; font-size:16px;}
.topicWrap > div:after{content:""; display:block; clear:both;}
.topicBox .s_list li{padding: 3px 0;}
/*committee*/
div.doc_wrap {*zoom:1; box-sizing:border-box;}
div.doc_wrap:after {content:""; display:block; clear:both;}
div.doc_box {float:left; width:350px; margin:0 10px 0 0;}
div.doc_box:last-child {margin:0;}
div.doc_box h5 {background:#eaeaea; height:52px; line-height:50px; padding:0 0 0 6px; box-sizing:border-box; font-size:18px; border-radius: 50px;}
div.doc_box h5 > span{background: #fff; height:40px; line-height:40px; display: inline-block; padding: 0 20px; border-radius: 50px; font-weight: 700;}
div.doc_box > div {*zoom:1; padding:20px 30px; box-sizing:border-box; border-bottom:1px solid #ddd;}
div.doc_box > div:after {content:""; display:block; clear:both;}
div.doc_box dl dd {padding:0 0 0 13px; background:url('../images/sub/dot_black.png') 0 14px no-repeat; line-height:30px;}
div.doc_box.tit50{width: 100%; margin: 0;}
div.doc_box.tit50 h5{background:#eaeaea;}
/*Quick Menu */
#myBtntop {position:fixed; bottom:0; width:40px; height: 40px; left:50%; margin:0 0 0 699px; background: linear-gradient(#7e5fd3,#512ba4); color: #fff;}
.speech_box{position:relative; width: 48%; float: left;}
.speech_box:first-child, .speech_box:nth-of-type(odd){margin-right: 4%;}
.speech_box .pic_box{position:absolute; top:0; left:0;}
.speech_box .txt_box{padding-left:140px;}
.speech_box .txt_box .info{margin-bottom:50px; background:#fff;}
.speech_box .txt_box .info .line{padding-left: 15px; border-left: 2px solid #109dc8;}
.speech_box .txt_box .info .title{position:relative; font-size:19px; line-height: 22px; letter-spacing: -0.8px; font-weight:500; color:#109dc8; padding-bottom:10px; box-sizing:border-box; text-align: left;}
.speech_box .txt_box .info .name{font-weight: 600; font-size: 18px; text-align: left;}
.speech_box .txt_box .info .aff{font-size: 15px;text-align: left; letter-spacing: -0.3px;}
.speech_box.spbox_none{width: 100%; margin: 0; float: none;}
.short_box{width: 100%; margin: 0; float: none; min-height: 157px;}
.short_box .txt_box .info{margin: 0;}
.short_box .txt_box .info .career li{position: relative;}
.shortT{background: #f1f1f1; padding: 10px; font-size: 14px; clear: both; margin-top: 38px;}
.speech_box.inv_box{display: flex; align-items: center;}
.speech_box.inv_box.inv_box100{width: 100% !important;}
.speech_box.inv_box .pic_box{position: inherit;}
.speech_box.inv_box .txt_box{padding-left: 17px;}
.speech_box.inv_box .txt_box .info{margin-bottom:0;}
/*sponsor*/
.spBox{width: 100%; display: inline-block;}
.spBox li{float: left; width: 370px; height: 170px; margin-left: 20px;}
.spBox li:nth-child(3n+1){margin-left: 0;}
.spBox2{width: 100%; display: inline-block;}
.spBox2 li{float: left; width: 272px; height: 118px; margin-left: 20px;}
.spBox2 li:nth-child(4n+1){margin-left: 0;}
.sublogoWrap{border-top: 1px solid #eee; clear: both;}
/*abstract*/
.ab_box{} .flex{display:flex;}
.ab_box .ab_list{position:relative; background:#f7f7f7; width: 23.4%; margin-left: 2%; padding: 15px 20px; border-radius:15px; text-align:center; box-shadow: 5px 4px 2px 1px #e5e5e5;}
.ab_box .ab_list01{margin-left: 0;}
.ab_box li:before{display:block; position:absolute; content:''; top: 52%; right:-8.2%; transform:translate(0%, -50%); background: url(../images/sub/s_arrow.png) no-repeat 50% 50%; width: 20px; height: 30px;}
.ab_box li:last-of-type:before{display:none;}
.ab_box li p{text-align:left; text-align:center; padding: 2% 0;}
.ab_box li .list_tit{text-align:center;}
.ab_box li .list_info{font-size:15px; line-height: 20px;}
.ab_box li .list_info_sub{font-size:0.9em; font-weight:normal;}
.ab_box li hr{display:inline-block; width: 100%; height: 1px; background:#fff; border:0px none;}
.ab_box li p span{display:inline-block; font-size: 21px; font-weight:bold;}
/*tab*/
.tab {width: 100%; height: 40px; padding-left:0px !important; margin-bottom:20px; display: inline-block;}
.tab li{float:left; list-style:none; width:100%; display:contents;}
.tab a { float: left; border: 1px solid #ccc; text-align: center; margin: 8px 8px 0 0; padding: 15px 10px; font-size: 15.5px; width:49%; font-weight:500;}
.tab a > .route{background: #ccc; padding: 5px 10px; border-radius: 50px; margin-bottom: 10px; display: inline-block}
.tab a:hover {background:#14a0c1; color:#fff; text-decoration: none; background: #14a0c1;}
.tab a:hover .route, .tab a:focus .route, .tab .active .route{background: #006e88;}
.tab a:focus,.tab .active {background:#14a0c1; font-weight:500; color:#fff; text-decoration: none; border: 1px solid #14a0c1;}
.tabcontent { display: none; padding: 10px 15px; -webkit-animation: fadeEffect 1s; animation: fadeEffect 0.7s; margin-top: 220px;}
@-webkit-keyframes fadeEffect {
from {opaBox: 0;}
to {opaBox: 1;}
}
@keyframes fadeEffect {
from {opaBox: 0;}
to {opaBox: 1;}
}
.tabcontent {-webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; /* Fading effect takes 1 second */}
@-webkit-keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
/*Presentation Guideline*/
.p_title{position:relative; padding-left:20px;}
.p_title strong{font-size:18px;}
.p_title::before{position:absolute; background:linear-gradient(#567db9,#2d57a4); content:"1"; left:-15px; color:#fff; padding:9px 10px; top:3px; font-weight:500;}
.p_title2{position:relative; padding-left:20px;}
.p_title2::before{position:absolute; background:linear-gradient(#567db9,#2d57a4); content:"2"; left:-15px; color:#fff; padding:9px 10px; top:3px; font-weight:500;}
.p_title2 strong{font-size:18px;}
.loading {display: flex; justify-content: center; margin: 160px 0 40px;}
.loading .dot {position: relative; width: 2em; height: 2em; margin: 0.8em; border-radius: 50%;}
.loading .dot::before {position: absolute; content: ""; width: 100%; height: 100%; background: inherit; border-radius: inherit; animation: wave 2s ease-out infinite;}
.loading .dot:nth-child(1) {background: #7ef9ff;}
.loading .dot:nth-child(1)::before {animation-delay: 0.2s;}
.loading .dot:nth-child(2) {background: #89cff0;}
.loading .dot:nth-child(2)::before {animation-delay: 0.4s;}
.loading .dot:nth-child(3) { background: #4682b4;}
.loading .dot:nth-child(3)::before {animation-delay: 0.6s;}
.loading .dot:nth-child(4) {background: #0f52ba;}
.loading .dot:nth-child(4)::before {animation-delay: 0.8s;}
.loading .dot:nth-child(5) {background: #000080;}
.loading .dot:nth-child(5)::before {animation-delay: 1s;}
@keyframes wave {
50%, 75% {
transform: scale(2.5);
}
80%, 100% {
opacity: 0;
}
}
h1.tba{font-size: 54px; text-align: center; font-weight: 900; color: #ccc;}
.noticeBox{background: #fff7f7; border-radius: 20px; padding: 20px 30px;}
.noticeBox h2{background: #e74635; color: #fff; border-radius: 50px; padding: 10px 20px; margin: 0 0 10px;; display: inline-block; font-weight: 600;}
.noticeBox02{background: #f6f6f6; border-radius: 20px; padding: 20px 30px;}
.noticeBox02 h2{background: #333; color: #fff; border-radius: 50px; padding: 10px 20px; margin: 0 0 10px;; display: inline-block; font-weight: 600;}
/*overview*/
.overviewBox{border-radius: 0 0 20px 20px; padding: 30px;}
.overviewBox > div{display: flex; justify-content:space-between; margin-top: 30px;}
.overviewBox > div:first-child{margin-top: 0;}
.overviewBox > div .left{width: 225px; background: #333; display: flex; border-radius: 20px; align-items: center; color: #fff; justify-content: center; padding: 10px 0;}
.overviewBox > div .left h5{font-size: 18px; font-weight: 600;}
.overviewBox > div .right{width: 1040px; display: flex; align-items: center; padding-left: 20px; border-bottom: 1px solid #e8e8e8;}
.welcome{padding:35px 0; border-top: 2px solid #14a0c1; border-bottom: 2px solid #14a0c1; display: inline-block;}
.speak_wrap{display: flex; justify-content: flex-start; flex-wrap: wrap; align-items:flex-start;margin-right: -2.5rem;}
.speak_wrap .speaker_box{width: 50%; margin-bottom: 6.25rem; padding-right: 2.5rem;}
.speak_wrap .speaker_box img{display: block; margin: 0 auto;}
.speak_wrap .speaker_box .speaker_txt{padding: 2rem 0; margin-top: 2rem;}
.speak_wrap .speaker_box .speaker_txt .txt_blue{color: #109dc8;}
.speak_wrap .speaker_box .speaker_txt .txt_green{color: #6ecfbc}
.speak_wrap .speaker_box .speaker_txt.bd_blue{border-top: 3px solid #109dc8; border-bottom: 3px solid #109dc8;}
.speak_wrap .speaker_box .speaker_txt.bd_green{border-top: 3px solid #6ecfbc; border-bottom: 3px solid #6ecfbc;}
.speak_wrap .speaker_box .speaker_txt > span{font-size:1.25rem; }
.speak_wrap .speaker_box .speaker_txt > p{height: 100%; min-height: 5.4rem; font-size:25px; line-height: 1.3; font-weight:700; text-align: left;}
.speak_wrap .speaker_box .speaker_txt > h3{font-size: 20px; margin-top: 0;}
.speak_wrap .speaker_box .speaker_txt > p.txt_gray{height: auto; min-height: auto; font-size:15px; color: #888; font-weight:400; margin-top: .5rem;}
.speak_wrap .speaker_box .speaker_con{display: flex; flex-flow: column; justify-content: space-between; align-items: flex-start;
height: 100%; min-height:300px; padding-bottom: 2rem; margin-top: 2rem;}
.speak_wrap .speaker_box .speaker_con.bd_blue{border-bottom: 3px solid #109dc8;}
.speak_wrap .speaker_box .speaker_con.bd_green{border-bottom: 3px solid #6ecfbc;}
.speak_wrap .speaker_box .speaker_con > p{font-size: 1.125rem; color: #888; line-height: 2rem;min-height: 16rem;word-break: keep-all;}
.speak_wrap .speaker_box .speaker_con > a{display: block; width: fit-content; border-radius: 50%; padding: 0.5rem; margin-top: 2rem;}
.speak_wrap .speaker_box .speaker_con > a.blue{background: #109dc8;}
.speak_wrap .speaker_box .speaker_con > a > img{width: 25px}
.speak_wrap .speaker_box .speaker_con > a.white > img{filter: invert(1); -webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);}
a.bioBtn{padding: 4px 14px; font-size: 15px; background: #109dc8; box-shadow: 3px 4px 0 #005e7b; color: #fff; border:2px solid #109dc8; margin-top: 5px;}
.fs12{font-size:12px}.fs13{font-size:13px}.fs14{font-size:14px}.fs15{font-size:15px}.fs16{font-size:16px}.fs17{font-size:17px}.fs18{font-size:18px}.fs19{font-size:19px}
.fs20{font-size:20px}.fs21{font-size:21px}.fs22{font-size:22px}.fs23{font-size:23px}.fs24{font-size:24px}.fs25{font-size:25px}.fs26{font-size:26px}.fs28{font-size:28px}
.fs30{font-size:30px}.fs32{font-size:32px}.fs34{font-size:34px}.fs36{font-size:36px}.fs38{font-size:38px}.fs40{font-size:40px}.fs42{font-size:42px}.fs48{font-size:48px}
.fs50{font-size:50px}.fs52{font-size:52px}.fs54{font-size:54px}.fs56{font-size:56px}.fs58{font-size:58px}.fs60{font-size:60px}
.lh16{line-height:16px !important}.lh18{line-height:18px}.lh19{line-height:19px !important;}.lh20{line-height:20px}.lh21{line-height:21px !important;}.lh22{line-height:22px}.lh23{line-height:23px}.lh24{line-height:24px}
.lh25{line-height:25px}.lh26{line-height:26px}.lh28{line-height:28px}.lh30{line-height:30px}.lh32{line-height:32px}.lh34{line-height:34px}.lh36{line-height:36px}
.lh38{line-height:38px}.lh40{line-height:40px}.lh42{line-height:42px}.lh44{line-height:44px}.lh46{line-height:46px}.lh48{line-height:48px}.lh50{line-height:50px}
.lh52{line-height:52px}.lh54{line-height:54px}.lh56{line-height:56px}.lh58{line-height:58px}.lh60{line-height:60px}
sup,sub{font-size:10px !important; line-height:6px;}
del{color:#a1a1a1;}
/********************************************************
* Color
*********************************************************/
.white{color:#fff!important;}
.black{color:#000}
.gray1{color:#111}
.gray2{color:#222}
.gray3{color:#333}
.gray4{color:#444}
.gray5{color:#555}
.gray6{color:#666}
.gray7{color:#777}
.gray8{color:#888}
.gray9{color:#999}
.blue{color:#0033ab}
.red{color:#f90000;}
.pink{color:pink}
.orange{color:orange}
.txt-pink{color:#e5237c !important;}
.yel{color:#fff700;}
.pointC1{color:#14aac0 !important;}
.orange{color:#f86518 !important;}
/*Abstract Submission*/
.date-List{display:flex; justify-content:space-between; gap:12px;}
.date-List li{display:flex; background:#f6f6f6; padding:21px 69px; align-items:center; gap:21px; border-radius:22px;}
.date-List li:first-child{border: 3px solid #5095fb;}
.date-List li:last-child{border: 3px solid #53d4f0;}
.date-List li div{}
.date-List li div h5{font-size:18px; font-weight:500;}
.date-List li div p{font-size:23px; font-weight:700;}
.step-List{display:flex; flex-wrap:wrap; gap:14px;}
.step-List li{width:48%; text-align:center; padding:0 10px 10px 10px; position:relative;}
.step-List li:last-of-type::after{display:none;}
.step-List li h5{font-weight:600; font-size:19px; padding:8px 20px 5px; border-radius:15px 15px 0 0; display: inline-block; background: #53d4f0; color: #fff;}
.step-List li p{text-align:center; border-top: 2px solid #53d4f0; border-bottom: 2px solid #53d4f0; padding: 10px 0;}
.step-List li:first-child p, .step-List li:last-child p{border-top: 2px solid #5095fb; border-bottom: 2px solid #5095fb;}
.step-List li:nth-of-type(odd) h5{background: #5095fb;}
/*ourSp*/
.medalTit{font-size:25px; position:relative; font-family:'TTHakgyoansimSamulhamR'; padding-left:76px;}
.medalTit.cry{color:#295bd5;}
.medalTit.cry::before{position:absolute; display:block; content:url(../images/sub/medal01.png); left:0; top:-25px;}
.medalTit.gold{color:#efad13;}
.medalTit.gold::before{position:absolute; display:block; content:url(../images/sub/medal02.png); left:0; top:-25px;}
.medalTit.sliver{color:#9fa6af;}
.medalTit.sliver::before{position:absolute; display:block; content:url(../images/sub/medal03.png); left:0; top:-25px;}
.medalTit.sponsor{color:#3d859c;}
.medalTit.sponsor::before{position:absolute; display:block; content:url(../images/sub/medal04.png); left:0; top:-25px;}
/*exList*/
.spList{display:flex; flex-wrap:wrap; gap:15px;}
.spList li{position: relative;}
.spList li a{display:block; border:1px solid #ccc; border-radius:10px; overflow:hidden;}
.spList li span.number{position: absolute; left: -10px; top: -10px; background: #3a9a75; color: #fff; font-weight: 600; padding: 5px 10px; border-radius: 30px;}
.spList li div{margin-top:8px; margin-bottom:12px; display:flex; gap:8px;}
.spList li div span.btn1{}
.spList li div span a{padding:11px 31px; background:#e5e5e5; width:100%; display:block; font-weight:400; color:#b1b1b1; box-shadow:3px 4px 1px #00000026; transition:all ease 0.35s;}
.spList li div span a.active{color:#000; transition:.3s ease;}
.spList li div span a.active:hover{background:#175692; color:#fff; transform:translate( 3px, 4px); box-shadow:none;}
.spList li div span.btn1{width:100%; text-align:center;}
.spList li div span.btn35{width:35%; text-align:center;}
.spList li div span.btn2{width:100%; text-align:center;}
.spList li div span.btn2 a{}
.sp-ul{display:flex; flex-wrap:wrap; gap:5px; /*justify-content:space-between;*/}
.sp-ul li{}
.sp-ul li a{}
.sp-ul li a img{display:block;}
.list_style1{position:relative; padding-left:182px; margin-bottom:5px;}
.list_style1 span{font-weight:400; position:absolute; left:24px;}
.list_style1 span em{position:absolute; width:2px; display:block; height:12px; top:7px; background:#5095fb; left:-13px;}
.inqBox{border:2px solid #2ebed9; padding:14px 30px; border-radius:11px; display:flex; gap:16px; align-items:center;}
.inqBox h6{font-size:19px; font-weight:700; margin-bottom:10px;}
.grayBg{background:#f1f1f1; padding:16px 30px;}
.dateBox{display: flex;}
.mr62{margin-right: 62px;}
.boothnum{position: absolute; background: #2ebed9; color: #fff; padding: 2px 9px; border-radius: 30px; top: -9px;}