/********************************************************
* Sub Page
*********************************************************/
/* Common */
.sub-visual {position:relative; height:364px; transition:height .3s;}
.sub-visual__bg {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.sub-visual__img {height:100%; background-size:cover!important; animation:visualAnimation forwards linear 1s; background: url(../images/sub/visual_bg.jpg);}
@keyframes visualAnimation {0%{transform:scale(1.1);}100%{transform:scale(1);}}
.sub-visual .inner {display:flex; align-items:flex-end; position:relative; height:100%; padding-bottom:95px; z-index:50;}
.sub-bread-nav-wrap{position: absolute; bottom: 0; left: 0; width: 100%;}
.sub-bread-nav-wrap::before{content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: #fff;}
.sub_txt{display: flex; height: 50px;}
.sub_txt li{background: #fff; height: 100%; position: relative; width: 50%; max-width: 200px; line-height: 50px; text-align: center; font-size: 13px;}
.sub_txt li::after{content: ""; background: url(../images/sub/sub_txt_right.png); position: absolute; left: 0px; top: 50%; margin-top: -4.5px; width: 7px; height: 9px; 
z-index: 99;}
.sub_txt .sub-bread-nav__home{max-width: 80px;}
.sub_txt .sub-bread-nav__home::after{display: none;}
.sub_txt .sub-bread-nav__depth2{max-width: 233px; border-top-right-radius:20px;}

.sub-visual .inner .title-st1{font-size: 35px; letter-spacing: 3px; font-weight: 700; line-height: 1; font-family: 'JalnanGothic';}

.sub-content{width: 1300px; margin: 0 auto; padding: 100px 0;}
.sub_tba{display: block; margin: 0 auto;}

.pc_table{overflow-x: scroll; margin-bottom: 60px; width: 1300px;}

/*overview*/
.welcomeBox{width: 100%; margin: 0 auto; background: url(../images/sub/welcome.jpg) no-repeat center right; height: 450px; display: flex; justify-content: flex-end; flex-direction: column; align-items: center;}
.welcomeBox > div.txt{width: 90%; padding: 40px; background: #fff; border-radius: 30px 30px 0 0;}
.welcomeBox > div.txt h2{font-size: 24px; font-family: 'JalnanGothic';}
.table_about {width:100%;}
.table_about tr{border-bottom: 1px solid #9ad9ec;}
.table_about th {padding:10px;text-align:center; border-right:4px double #9ad9ec;color:#109dc8;line-height:16px; font-size: 16px;}
.table_about td {padding:15px 20px;text-align:left; line-height: 1.5;}
.table_about td a{margin-right: 45px;}
.bB0{border-bottom: 0 !important;}

.osp_list{display:flex; flex-wrap:wrap; align-items:center;}
.osp_list li{margin-right:40px;}
.osp_list li img{width:200px;}
.w142{width:142px !important;}


/*past symposium*/
h6.h6_tit{font-size: 21px; color: rgb(22 105 145 / 75%); position: relative; font-weight: 800; margin-bottom: 15px; clear: both; font-family: 'JalnanGothic'; letter-spacing: 1px;}
h6.h6_tit a{font-size: 15px; background: #353091; border-radius: 10px; color: #fff; padding: 4px 12px;}
.clfix{zoom:1; display: block;}
.sub0104_wrap .con{margin-bottom: 50px; display: inline-block; width: 100%;}
.sub0104_wrap .con:last-child{margin-bottom: 0;}
.sub0104_wrap .img{text-align: center; position: relative; width: 16.5%; height:300px; overflow:hidden; float: left; border: 1px solid #ddd;}
.sub0104_wrap .img img{height: 300px;}
.sub0104_wrap table{width: 81%; height: 300px; float: right; border-top: 2px solid #353091; border-bottom: 2px solid #353091;}
.sub0104_wrap table.no_poster{width: 100%; float: none;}
.sub0104_wrap table tr{border-bottom: 1px solid #ddd;}
.sub0104_wrap table th{text-align: left; padding: 20px; color: #222; background: #f9f9f9;}
.sub0104_wrap table td{padding: 20px;}
.sub0104_wrap table td span{display: block;}

/*tab*/
p.tba {
  font-weight: 900;
  color: rgb(34 156 187 / 72%); font-size: 50px; text-align: center; margin: 130px auto; font-family: 'JalnanGothic'; text-transform: uppercase; letter-spacing: 5px;
}

/* the magic */
.inner-shadow {
  text-shadow: 1px 2px 4px #fff6e6, 0px 0px 0px black, 0px 0px 2px white;
}



.tabcontent {-webkit-animation: fadeEffect 1s;  animation: fadeEffect 1s; /* Fading effect takes 1 second */}
.title2{padding: 15px 0; font-size: 17px; font-weight: 600; background: #3a979e; display: flex; justify-content: center; align-items: center; width: 875px; text-align: center; color: #fff; border-radius: 20px 0 20px 0; margin: 0 auto;}
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.gray_bg{background:#f5f5f5; padding:25px 35px; clear: both;}
.pink_bg{background:#fff3ff; padding:13px 21px;}
.ul-style1{position:relative; padding-left:15px;}
.ul-style1 > li{padding-bottom:8px; list-style: circle;}
.ul-style1 > li:last-child{padding-bottom: 0;}
.venue02{display:flex; margin-top:20px;}
.venue02 .img_wrap{width:50%; float:left; position:relative;}
.venue02 .slick-prev{position:absolute; z-index:999; top:56%; left:0; transform:translateY(-50%); background:rgba(0,0,0,0.5) url(../images/main/keynote_left.png) no-repeat 5px 10px; width:29px; height:38px;}
.venue02 .slick-next{position:absolute; z-index:999; top:56%; right:0; transform:translateY(-50%); background:rgba(0,0,0,0.5) url(../images/main/keynote_right.png) no-repeat 10px; width:29px; height:38px;}

.venue02 .slick-initialized .slick-slide{ width:650px !important;}
.venue02 .slick-slide{margin:0;}
.venue_slider{overflow:hidden; width:650px;}
.venue_slider > .slick-list{overflow: inherit;}
.venue_slider > .slick-list .rollWrap{margin-left: 0;}
.venue_slider .slick-initialized .slick-slide{margin-left: 0; margin-top: 18px;}

.tab{display:flex; width:100%; gap:6px; border-bottom: 2px solid #000;}
.tab li{position: relative;} .tab li.li50{width: 50%;} .tab li.li33{width: 33.3333%;}
.tab li a{display:flex; align-items: center; justify-content: center; position: absolute; left: 0; bottom: 0; padding:8px 15px; background:#fff; font-size:16px; font-weight:500; border-radius: 20px 20px 0 0; transition: .3s; height: 50px; width: 100%; border: 2px solid #000; border-bottom: 0;}
.tab li a.active{background:#ececec; color: #000; font-weight: 600;}
.tab li a:hover, .tab li a.active{height: 60px;}

.topic_tab{flex-wrap: wrap; border: 0;}
.topic_tab li{width: 24.6%; height: 100px;}
.topic_tab li a{border-bottom: 2px solid #000; font-size: 14.5px; height: 100px; line-height: 18px; justify-content:flex-start;}
.topic_tab li a span{margin-right: 10px;} .topic_tab li a span.mt19{margin-top: -19px;} .topic_tab li a span.mt36{margin-top: -36px;}
.topic_tab li a:hover, .topic_tab li a.active{height: 100px; border: 2px solid #109dc8; background: #edf8ff; color: #0087b0;}


.venue_slider >div{width:650px; overflow:hidden;}
.venue02 .txt_wrap{width:650px; display:flex; align-items: center;}
.venue02 .txt{ width:100%; background:#f5f5f5; height:100%; padding:37px 50px; border-bottom-right-radius:150px;}
.venue02 .txt .tit{padding-top:87px; font-size:21px; color:#3c79be; line-height:1; font-weight:600; margin-bottom:40px; display:block;}
.ul-style2 li span{font-weight:500; color:#222; position:absolute; left:13px;}
.ul-style2 {position:relative; padding-left:10px;}
.ul-style2 li{margin-bottom:20px; padding-left:85px;}
.ul-style2 li::before{position:absolute; width:3px; height:15px; background:#ef8518; content:""; left:0; border-radius:15px; margin-top:5px;}

.btn01{color:#e5237c; border:3px solid #e5237c; padding:14px 44px; border-radius:5px; margin-right:10px; font-size:17px; font-weight:bold;}
.btn02{color:#fff; background-color:#e5237c; border:3px solid #a81458; padding:14px 44px; border-radius:5px; margin-right:10px; font-size:17px; font-weight:bold;}
.btn03{background-color:#e56823; border:3px solid #a85814;}
.btn04{background-color:#3f23e5; border:3px solid #1434a8;}
.btn05{background-color:#aa23e5; border:3px solid #6f14a8; display: inline-block; line-height: 17px; padding: 10px 44px; vertical-align: middle; height: 59px; margin-top: -6px; cursor: pointer;}

/*keynote plenary*/
.spWrap{display: flex; flex-wrap:wrap; justify-content:space-between;}
.speakerWrap{display:flex; margin-top:20px; align-items: flex-start; width: 49.9%;}
.speakerWrap img{width: 220px;}
.speakerWrap .txt_wrap{display: flex; flex-direction: column; width: 404px; background: #e5e5e5; padding: 20px; height: 300px; justify-content:center; position:relative;}
.speakerWrap .txt_wrap .title{font-family: 'JalnanGothic'; font-size: 17px; color: #000c3e; padding-bottom: 15px; position: relative; border-bottom: 1px solid #b6b9d2; padding-top:40px;}
.speakerWrap .txt_wrap .title::after{content: ''; display: block; width: 95px; height: 3px; position: absolute; background: #b6b9d2; right: 0; bottom: -2px;}
.speakerWrap .txt_wrap .name{margin-top: 15px; font-weight: 600;}
.speakerWrap .txt_wrap .aff{font-size: 13px;}
.txt_wrap a.btn_small{margin: 0 5px 0 0; width: 115px; text-align: center;}
.txt_wrap a.btn_bio{background: #109dc8;}

.pLdate{background:#fff; display:inline-block; padding:5px 12px; border-radius:6px; margin-bottom:20px; font-weight:400; width:fit-content; font-family:'JalnanGothic'; position:absolute; top:28px;}
/*committee*/
.h1_tit{font-size:25px; color:#006393; font-weight:600; margin-bottom:15px; position:relative; font-family: 'JalnanGothic';}
.h1_tit::before{position:absolute; content:''; border-radius: 50px; width: 40px; height: 40px; background: #e6f4fb; left: -19px; top: -10px; z-index: -1}
.h1_tit > span{font-weight: 400; margin-left: 20px;}
.s_table{ width:100%; border-top:2px solid #109dc8; border-bottom:2px solid #109dc8;}
.s_table tr{border-bottom:1px solid #dfe7f1;}
.s_table th{text-align: center; padding:13px; color:#109dc8; background:#f9f9f9;}
.s_table td{padding:13px; border-right: 1px solid #dfe7f1; line-height: 1.5; font-size: 14.5px;}
.s_table td:last-child{border-right: 0;}
.c_table td{padding: 10px 13px; font-size: 14px;}
.c_chair{text-align: left; padding:16px; color:#109dc8; background:#f9f9f9;}
.bR2{border-right:1px solid #dfe7f1 !important;} .bR0{border-right: 0;}
.bR1{border-right: 1px solid #dfe7f1 !important;}

.s_table .p_title{display: block; letter-spacing: -0.5px; line-height: 19px;}
.s_table .p_name{letter-spacing: -0.4px; line-height: 19px; margin-top: 5px;}

.c_table{ width:100%; border-top:2px solid #109dc8;}
.c_table tr{border-bottom:1px solid #ddd;}
.c_table th{text-align: center; padding:13px; color:#109dc8; background:#f9f9f9;}
.c_topic{background:#f7f7ff; border-bottom:4px double #dfe7f1} 
.tab-link{padding:10px;  display:block !important;}
.tab-link:hover{color:#109dc8;}
.tab-link.on{color:#109dc8; font-weight:600; background:aliceblue; display:block;}

/*aboutKorea*/
.flex{display:flex;}
.ab_k strong{font-size:18px; color:#442990;}

/*useful_information*/
.img_wrap{padding-right:30px;}
.useful_list dl dt{font-size:21px; color:#2a328d; font-weight:600; padding-bottom:6px;} 
.useful_list dl dd{line-height:1.5em;}
.useful_list dl dd p{font-size:18px; color:#6b2a8d;}
.al_center{align-items:center;}
.table_w{display:flex; width:1155px; gap:10px;}
.table_w th{height:13px;}
.table_w .s_table{font-size: 14px;}

.useWrap{display: flex; margin-top: 15px;}
.useWrap > img{width: 80px; height: 80px;}
.h5Wrap{position: relative; margin-bottom: 20px; padding-left: 20px;}
.h5Wrap h5{color: #000c3e; font-size: 20px; width: 95.3%; height: 80px; line-height: 80px; font-weight: 800;}
.h5Wrap > .ul-style1{display: flex; flex-wrap: wrap;} .h5Wrap > .ul-style1 > li{ width: 50%}
.t_box{padding:10px; margin:10px 0px; display:flex; justify-content:space-evenly;}
.t_box h6{text-align:center; font-size: 18px; color: #fff; border-radius: 50px; padding: 8px 18px;}
.t_box a.a_link02{padding: 5px 7px;}

.useWrap p{text-align: justify; font-size: 14.5px;}
.mon_table td p{text-align: center; margin-top: 10px;}



/*news*/
.arBox{width: 100%;}
.arBox .ar_header{display: table; width: 100%; border-top: 3px solid #109dc8; border-bottom: 1px solid #109dc8; background: #f9f9f9;}
.arBox .ar_header span{display: table-cell; height: 50px; text-align: center; vertical-align: middle;}
.arBox .ar_header span:nth-child(1){width: 10%;}
.arBox .ar_header span:nth-child(2){width: 70%;}
.arBox .ar_header span:nth-child(3){width: 10%;}
.arBox .ar_header span:nth-child(4){width: 10%;}
.arBox ul{}
.arBox ul li{}
.arBox .info {display:table; width:100%;height:60px; border:1px solid transparent;  border-bottom:1px solid #ddd; box-sizing:border-box}
.arBox .info:hover, .arBox.view .info {border:1px solid #19283B; box-shadow: 4px 4px 10px rgba(0,0,0,.2);}
.arBox .info > * {display:table-cell; height:60px; text-align:center; vertical-align:middle;}
.arBox .info .num, .arBox .info .date, .arBox .info .source {width:10%; font-size:14px}
.arBox .info .title {width:70%; text-align:left; font-size:17px;}
.arBox .info .title span {display:block; width:750px; font-size:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.arBox.view .info {height:auto}
.arBox.view .info .title span {text-overflow:initial; white-space:normal; line-height:28px}


.newsBox{width:100%;}
.news_header{display:table; width:100%; border-top:2px solid #353091; border-bottom:2px solid #dedeed; background:#f2f2fc;}
.newsBox .news_header span{ display:table-cell; height:50px; text-align:center; vertical-align:middle;}
.newsBox .news_header span:nth-child(1) {width:10%;}
.newsBox .news_header span:nth-child(2) {width:70%;}
.newsBox .news_header span:nth-child(3) {width:10%;}
.newsBox .news_header span:nth-child(4) {width:10%;}
.news_list li a{border-bottom:1px solid #eaeaea; display:block; padding:8px 0;}
.news_list li a>.num{width:10%; text-align:center; display:inline-block;}
.news_list li a>.title{width:69%; text-align:left; display:inline-block; padding-left:21px;}
.news_list li a>.source{width:10%; text-align:center; display:inline-block;}
.news_list li a>.date{width:10%; text-align:center; display:inline-block;}

.ul-style3{position:relative; padding-left:10px;}
.ul-style3 li{padding-bottom:8px;}
.ul-style3 li::before{position:absolute; content:'-'; left:0; margin-top:0px;}

.news_tit{font-size:26px; border-top:2px solid #5c5c5c; border-bottom:2px solid #5c5c5c; padding:13px 12px;}
.notice_Box{padding:32px; border-bottom:1px solid #ccc;}

.c_icon{position:relative; padding-left:23px;}
.c_icon::before{position:absolute; content:url(../images/sub/check_icon.png); display:block; left:0; bottom:3px;}


/*awards*/
.imp{position:relative; padding-left:35px;}
.imp strong{display: block; line-height: 27px;}
.imp::after{position:absolute; width:25px; height:25px; content:''; left:0; top:0; background: url(../images/sub/imp.png)}

.small_imp{display: inline-block; background: #d82026; border-radius: 50px; color: #fff; padding: 5px 10px;}
.small_imp > strong{color: #eaff00;}

.date_ul li{margin-bottom:13px;}
.step_box{display:flex; align-items:center; position:relative;}
.step_box span:first-of-type{background:#000c3e; border-radius:20px; color:#fff; text-align:center; margin-right:20px; font-size:13px; width:89px; font-weight: 600;}
.step_box span:first-of-type::after{content: ''; background: url(../images/sub/step_arrow.png); width: 11px; height: 21px; position: absolute; left: 39px; top: 27px; display: block;}
.step_box span.t32::after{top: 32px;} .step_box span.t48::after{top: 48px;} .step_box span.t75::after{top: 75px;} .step_box span.tnone::after{display: none;}

.step_box.line::before{position:absolute; content:""; z-index:-1; top:0; left:42px;}

/*contact*/
.tit{font-size:18px; font-weight:800;}
.contactWrap{display: flex; justify-content: space-between; align-items: flex-start;}
.contactWrap > div{width: 49%;}

/*reg*/
.q_box{border-top: 1px dotted #E0E0E0; padding-top: 30px;}
.qs{font-weight:600; color:#0884c0; font-size:15px; display:flex;}
.qa{display:flex; margin-left:18px;}
.tit2{color:#5457a5; font-weight:600;}
.sym{position:relative;  padding-left:19px;}
.sym::before{position:absolute; content:url(../images/sub/sym_icon.png); left:0; top:3px;}

.org_b{background:#ffc000; font-weight:500;}

/*abstract*/
h1.h1_tit a, .s_table .btn a{font-size: 15px; background: #109dc8; border-radius: 10px; color: #fff; padding: 4px 12px;}

/*technical session*/
.tab-content h2{font-size:19px; border-bottom:1px solid #ccc; padding-bottom:10px;}
.topic_w{padding:5px 20px;}
.t_title>p:first-of-type{font-size:17px; margin-bottom:5px; font-weight:600;}
.t_title p.them{font-size:16px; color:#109dc8; font-weight:600;}
.t_title div .ul-style1 li{color: #109dc8; font-weight: 600;}
.t_title div .ul-style1 li .ul-style3{margin-top: 5px;}
.t_title div .ul-style1 li .ul-style3 li{color: #109dc8; font-weight: 500;}
.topic_sp{display:flex; gap:12px; align-items:center;}
.tb_wrap{width:100%;}
.table_type1 .s_table th{padding:13px;}
.t_t{position:relative; padding-left:13px;}
.t_t::before{position:absolute; content:""; width:4px; border-radius:2px; height:16px; background:#000; bottom:5px; left:0;}
.h2_tit{padding-left:19px; color:#fff; background:#109dc8; margin-bottom:12px; padding:12px 20px;}
.cv_button{background:#b17ed8; display:inline-block; color:#fff; font-size:14px; font-weight:600; width:48px; line-height:22px; margin-left:10px; border-radius:5px; padding-left:9px; position:relative;}
.cv_button::after{position:absolute; content:url(../images/sub/down.png); display:block; right:7px; top:3px;}


.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 313px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 102%;
  left: 34%;
  font-size:15px;
  line-height:19px;
  margin-left: -115px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/*welcome*/
.welcome_t{font-size:23px; font-weight:600; color:#442990;}
.w_app{display:inline-block; margin-top:8px; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; padding-top:14px; padding-bottom:14px; font-size: 13px; width: 100%;}

.area_about > div {display: flex;flex-wrap: wrap;justify-content: space-between; height: 545px; position: relative;}
.area_about > div > div.img{box-sizing: border-box; width: 356px;}
.area_about > div > div.txt{width: 70%; position: absolute; right: 0;}
.area_about .txt p{ text-align: justify; } .area_about .txt p.end{font-size: 18px;}


/*spon*/
.ul-style4{position:relative; padding-left:18px;}
.ul-style4 li{padding-bottom:8px; list-style:decimal;}

/*transportation*/
.tra_box{display:flex; justify-content:space-around; text-align:center; gap:10px;}
.tra{border-radius:55px; background-color:#109dc8; border-radius:25px; padding:12px 25px 30px; width:calc(100%/3); 
  color:#fff;
  box-shadow:5px 7px 0 rgba(0,0,0,0.15);
  -ms-transition: all ease 0.35s; 
  -webkit-transition: all ease 0.35s; 
  transition: all ease 0.35s; margin: 0 5px;}

.tra:hover{
  background-color:#999;
  box-shadow:none;
  -ms-transform:translate( 5px, 7px);
  -webkit-transform:translate( 5px, 7px);
  transform:translate( 5px, 7px);
}
.tra a div{text-align:center;}
.tra p{text-transform:uppercase; color:#ccc; font-size:17px; transition:.3s; color:#fff; font-weight: 600;}

/*accommodation*/
.bT0{border-top:1px solid none;}

.sponsor_wrap{display: flex; flex-wrap:wrap;}
.sponsor_wrap .box{width: 31.42%; border: 1px solid #ddd; margin-right: 2.85%; text-align: center; margin-top: 2.85%;}
.sponsor_wrap .box:nth-child(3n){margin-right: 0;}
.sponsor_wrap .box:nth-child(-n+3){margin-top: 0;}
.sponsor_wrap .box img{width: 100%;}
.sponsor_wrap .txt{background:#353091; padding: 10px 10px 15px;}
.sponsor_wrap .txt h6{font-size: 20px; color: #fff; font-weight: 500; margin-bottom: 10px;}
.sponsor_wrap .txt ul{display: inline-block;}
.sponsor_wrap .txt ul li{float: left; width: 120px; height: 40px; background: #fff; margin-right: 10px; border-radius:5px ;}
.sponsor_wrap .txt ul li:last-child{margin-right: 0;}
.sponsor_wrap .txt ul li a{color: #222; display: block; line-height: 40px; }


.award_flex{width: 100%; font-size: 16px; margin-top: 10px;}
.award_flex > div:first-child{width: 8%; margin-right: 1%}
.award_flex > div:last-child{width: 91%;}
.award_flex .ul-style4 li{position: relative;}
.award_flex .ul-style4 li::before{content: ''; position: absolute; left: -23px; top: 2px; width: 21px; height: 21px; background: #e2ebfb; border-radius: 50%; z-index: -1;}



.accordion {width: 100%; margin: 0 auto; padding: 0;}
.accordion-item {position: relative; margin-bottom: 15px;}
.accordion-item.active .icon:after {width: 0;}
.accordion-item.active .heading{background: #f1f3f5; border-bottom: 0;}
.accordion-item .heading {display: flex; text-decoration: none; font-weight: 600; position: relative; padding: 14px 20px; transition: 0.3s ease-in-out;  border-top: 2px solid #333; border-bottom: 2px solid #333; background: #fff;}
.accordion-item .heading .number{width: 2%; text-align: center; margin-right: 2%;}
.accordion-item .heading .title{font-size: 16.5px; width: 90%;}
.accordion-item .heading .title span{float: right; margin-right: 21px; font-size: 13px;}

.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: #442990; 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; border-bottom: 2px solid #333; border-top: 0;}
.accordion-item .content p {margin-top: 0;}


.award-popup{display: flex; text-decoration: none; font-weight: 600; position: relative; padding: 14px 20px; transition: 0.3s ease-in-out;  border-bottom: 2px solid #333; cursor: pointer;}
.sub-content > .award-popup:first-child{border-top: 2px solid #333;}
.award-popup:hover{box-shadow: 0px 5px 8px 2px #b7b7b7;}
.award-popup .number{width: 2%; text-align: center; margin-right: 2%;}
.award-popup .title{font-size: 16.5px; width: 90%;}
.award-popup .title strong{background: #f3ecff; padding: 5px 10px; border-radius: 50px;}
.award-popup .icon {display: block; position: absolute; top: 50%; right: 20px; font-size: 30px; color: #4c2a8d; border-radius: 3px; transform: translateY(-50%);}

.close {font-size: 35px; font-weight: bold; position: absolute; right: -28px; background: #fff; top: 0; padding: 5px 10px 15px;}
.close:hover, 
.close:focus { color: black; text-decoration: none; cursor: pointer;}
/* The Modal (background) --------------------------------------------*/
.modal {display: none; position: fixed; z-index: 999999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}

/* Modal Content */
.modal-content {position: relative; top:3%; background-color: #fff; margin: auto; padding: 20px; width: 686px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; border-radius: 15px; z-index: 9999;}

.margin-auto{margin: 0 auto;}

.btn_wrap{}
.btn_wrap a{border-radius: 10px 10px 0 0; padding: 13px 22px; background: #353091; color: #fff; font-weight: 600; font-size: 15px; display: inline-block;}

.btn{text-align: center;}
.btn a {
  display: inline-block;
  padding:15px 25px; font-size: 17px; font-weight: 800;
  border-radius:55px;
  background-color:#109dc8;
  color:#fff;
  box-shadow:3px 4px 0 rgba(0,0,0,0.15);
  -ms-transition: all ease 0.35s; 
  -webkit-transition: all ease 0.35s; 
  transition: all ease 0.35s; margin: 0 5px;
}
.btn a.orange{background: #ef8518;}

.btn a:hover{
  background-color:#999 !important;
  box-shadow:none;
  -ms-transform:translate( 3px, 4px);
  -webkit-transform:translate( 3px, 4px);
  transform:translate( 3px, 4px);
  color:#fff !important;
}
.btn a i{margin-left: 5px;}

a.btn_small {
  display: inline-block;
  padding:6px 11px; font-size: 14px; font-weight: 800;
  border-radius:55px;
  background-color:#ef8518;
  color:#fff;
  box-shadow:2px 3px 0 rgba(0,0,0,0.15);
  -ms-transition: all ease 0.35s; 
  -webkit-transition: all ease 0.35s; 
  transition: all ease 0.35s; margin: 0 5px;
}

a.btn_small:hover{
  background-color:#999;
  box-shadow:none;
  -ms-transform:translate( 2px, 3px);
  -webkit-transform:translate( 2px, 3px);
  transform:translate( 2px, 3px);
}
a.btn_small i{margin-left: 5px;}

.s_line{border-bottom:1px solid #dfe7f1}


.regG_proc {font-size:0; margin:0 0 10px;}
.regG_proc li {display:inline-block; text-align: center;  width:32.4%; margin-right:15px;}
.regG_proc li:last-child {margin-right:0;}
.regG_proc li > span{border-radius: 50px 50px 0 0; background: #ccc; display: block; width: 110px; height: 55px; margin: 0 auto;}
.regG_proc li > span img{position: relative; top: -4px;}
.regG_proc li .step {font-size:18px; margin-bottom:10px}
.regG_proc li .box {border-radius:20px; position:relative; display:block; height:0; overflow:hidden; max-width:100%; padding-bottom:19%;}
.regG_proc li:nth-child(odd) .box {border:3px solid #109dc8}
.regG_proc li:nth-child(odd) > span{background: #109dc8;}
.regG_proc li:nth-child(even) .box {border:3px solid #ef8518}
.regG_proc li:nth-child(even) > span{background: #ef8518}
.regG_proc li .box > div {padding: 10px 15px; display: flex; align-items: center; flex-direction: column;}
.regG_proc .e{font-size: 15px; text-align: center; margin-top: 5px;}

.onlineBox{position: relative;}
.onlineBox img.award{position: absolute; right: 0; bottom: 50px;}

.keyWrap{display: flex;}
.keyBox{padding: 5px 10px; width: 180px; background: #e2f3ff; border-radius: 50px; display: inline-block; text-align: center; margin-right: 11px; height: 31px;}


/*our sponsors*/
.sponsor_wrap{display: flex; flex-wrap:wrap;}
.sponsor_wrap .box{width: 31.42%; border: 1px solid #ddd; margin-right: 2.85%; text-align: center; margin-top: 2.85%;}
.sponsor_wrap .box:nth-child(3n){margin-right: 0;}
.sponsor_wrap .box:nth-child(-n+3){margin-top: 0;}
.sponsor_wrap .box img{width: 100%;}
.sponsor_wrap .txt{background:#109dc8; padding: 10px 10px 15px; height: 100px;}
.sponsor_wrap .txt h6{font-size: 17px; color: #fff; font-weight: 600; margin-bottom: 10px; letter-spacing:-0.1px;}
.sponsor_wrap .txt ul{display: inline-block;}
.sponsor_wrap .txt ul li{float: left; width: 120px; height: 40px; background: #fff; margin-right: 10px; border-radius:5px ;}
.sponsor_wrap .txt ul li:last-child{margin-right: 0;}
.sponsor_wrap .txt ul li a{color: #222; display: block; line-height: 40px;}



/*keynote plenary*/
.key_tab a{width:49.5%;}
.key_tab li:last-child a{margin-right: 0;}
.sp_box{display:flex; justify-content:space-between;}
.sp_box > div:last-of-type{margin-left:10px; display: inline-block; width: 1070px;}
.sp_table{width:100%; border-top:3px solid #109dc8; border-bottom:1px solid #109dc8;}
.sp_table tr{border-bottom:1px solid #ddd;}
.sp_table th{text-align: left; padding:10px 30px; color:#222; background:#f9f9f9;}
.sp_table td{padding:10px 15px; font-size: 14px;}
.sp_table td ul{padding: 0;}
.sp_table td li{display: flex;}
.sp_table td li span{background: #EDEDED; padding: 5px 13px; border-radius: 50px; font-size: 13px; text-align: center; margin-right: 10px; width: 130px; height: 26px;}
.sp_table td li p{width: 631px;}
.txt_wrap{display: inline-block; margin-left: 10px;}

.line22{line-height: 22px;}


/*ACS 12pre*/
.editor{display: flex; /*justify-content:space-between;*/justify-content:center;}
.editor .editorWrap{display: flex; align-items: center; flex-direction: column;}
.editor .editorWrap .editor_t{display: block; width: 100%; padding: 8px; text-align: center; color: #fff; background: #109dc8; border-radius: 20px 0 0 0;}
.editor .editorWrap > div.editor_double{display: flex; justify-content:space-between;}
.editor .editorWrap > div.editor_double > div{display: flex; flex-direction: column;align-items: center;}
.txtWrap{text-align: center; margin-top: 10px;}
.txtWrap .name{color: #005bb3; font-weight: 600;}
.txtWrap .aff{font-size: 13px; line-height: 1.2;}

.s_table_acs th{letter-spacing: -0.25px;}
.s_table_acs td{font-size: 14px; letter-spacing: -0.3px;}

a.btn_small.green{background-color: #77ba37;}
a.btn_small.green:hover{background-color: #999;}

.mr50{margin-right: 50px;}

/*과학스쿨*/
.ul-style-s{}
.ul-style-s li{display: flex; margin: 8px 0;}
.ul-style-s li.center{align-items: center;}
.ul-style-s li > div:first-child{background: #000c3e; color: #fff; font-weight: 600; border-radius: 50px; padding: 5px 10px; height: 33px; width: 85px; text-align: center; margin-right: 20px;}
.ul-style-s li > div ul li{margin: 3px 0;}