#gnb > ul > li > a{color: #000;}
.gnbM{border-bottom: 1px solid #f1e0c4;}
.h1_logo img{margin: 45px auto 0; display: block;}
#gnb{height: 70px;}
#gnb > ul > li > a {height:70px; line-height:70px;}

#subtitle{background: url(../images/sub/sub-top.jpg) no-repeat center; height: 300px; width: 100%; min-width: 1260px; margin-top:-20px; position: relative;}
#subtitle .inner{position:absolute; top:50%; left:50%; transform:translate(-50%,40%);}
#subtitle h2{font-size: 43px; color: #346d65; text-align: center; font-weight: 700; letter-spacing: -0.2px; position: relative; animation: fadeInDown 1s;}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}
	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

.content_area{width: 1200px; margin: 0 auto;}
@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}
.animatedFadeInUp {opacity: 0}
.fadeInUp {opacity: 0;  animation-name: fadeInUp; -webkit-animation-name: fadeInUp;}


/* tba */
.loading {position: relative; top: 5%; transform: translateY(-5%); max-width: 240px;margin: 160px auto 0;}
.loading::after {clear: both; content: ""; display: block;}

@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-50px);
  }
  50% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeIn {
  0% {
    -moz-transform: translateY(0);
  }
  25% {
    -moz-transform: translateY(-50px);
  }
  50% {
    -moz-transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
.dot {width: 8px; height: 8px; border-radius: 50%; background: #FFF; float: left; margin-right: 12px;}
.dot:nth-child(4n+1) {background-color: #ec6900;}
.dot:nth-child(4n+2) {background-color: #ffba00;}
.dot:nth-child(4n+3) {background-color: #00a6d2;}
.dot:nth-child(4n+4) {background-color: #a04b97;}
.dot:nth-child(1) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
.dot:nth-child(2) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.dot:nth-child(3) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.dot:nth-child(4) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.dot:nth-child(5) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.dot:nth-child(6) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.dot:nth-child(7) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.35s;
  -moz-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
.dot:nth-child(8) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.dot:nth-child(9) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.dot:nth-child(10) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.dot:nth-child(11) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.55s;
  -moz-animation-delay: 0.55s;
  animation-delay: 0.55s;
}
.dot:nth-child(12) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.tba{margin-bottom: 80px;}
.tba p{font-size: 50px; text-align: center; margin: 50px 0 0; font-weight: 700; display: inline-block; width: 100%; color: #d7d7d7;}

.f_line{border-top: 1px solid #E7E7E7; margin: 40px 0;}

/*conference overview*/
.preview_inn{display: flex;}
.preview_inn .img {width: 457px;}
.preview_swiper{ overflow: hidden; max-width: 860rem; width: 100%; height: 100%; }
.preview_inn .img img { aspect-ratio: 457/468; object-fit: cover;}
.preview_inn .preview_info {background: #f7f7f7;padding: 60px;box-sizing: border-box;border-radius: 0 0 100px 0; width: 683px;}
.preview_inn .preview_info li + li {padding-top: 30px;}
.preview_inn .preview_info i{ letter-spacing: -.02em; }
.preview_inn b {color: #000; display: block;line-height: 1;font-weight: 600; font-size: 20px; margin-bottom: 10px;}
.preview_inn .preview_info p > span {color: #000;font-weight: 500;}

.preview_inn .preview_info li > div > p{margin: 10px 0;}
.keyBox{padding: 5px 10px; width: 293px; background: #fdebcc; border-radius: 50px; display: inline-block; text-align: center; margin-right: 11px;}

.preview_inn.jeju_inn .img{width: 300px;}
.preview_inn.jeju_inn .preview_info{padding: 30px 58px; width: 840px;}


/*welcome*/
.area_about > div {display: flex;flex-wrap: wrap;justify-content: space-between;}
.area_about > div > div.img{box-sizing: border-box;}
.area_about > div > div.txt{width: 66%;}
.area_about .txt p{ text-align: justify; line-height: 1.4} .area_about .txt p.end{font-size: 18px;}


/*contact us*/
.contactWrap{display: flex; justify-content:space-around; margin: 50px 0 0;}
.contactWrap .contactBox{width: 48%; background: #fff; box-shadow: 0 7px 11px 2px #e9e4e0; border-radius: 15px; padding: 45px 40px 40px; position: relative;}
.contactWrap .contactBox > p{position: absolute; top: -34px; left: 0; font-weight: 600; font-size: 37px; width: 100%; text-align: center;}
.contactWrap .contactBox:first-child{border-top: 10px solid #f49e31;}
.contactWrap .contactBox:first-child .tit, .contactWrap .contactBox:first-child > p{color: #f49e31;}
.contactWrap .contactBox:last-child{border-top: 11px solid #1a9cc4;}
.contactWrap .contactBox:last-child .tit, .contactWrap .contactBox:last-child > p{color: #1a9cc4;}

.con_line p.title{font-size: 24px; font-weight: 600; text-align: center !important;}
.contactBox .tit{font-weight: 600; margin: 25px 0; font-size: 20px; text-align: center !important;}


/*venue*/
.mapWrap{border-radius: 50px; overflow: hidden;}
.mapWrap .mapTxt{background: #f7f7f7; padding: 30px 40px; position: relative;}
.mapWrap .mapTxt > div{width: 70%;}
.mapWrap .mapTxt > div h2{margin: 0 0 5px; text-align: left; font-size: 26px;}
.mapWrap .mapTxt a{border-radius: 30px; border: 4px solid #000; color: #000; position: absolute; right: 49px; top: 50%; transform: translateY(-50%); font-size: 17px; text-align: center; padding: 30px; line-height: 28px;}
.mapWrap .mapTxt a img.venue-b{margin: 0 auto 5px; display: block; transition: all 0.3s;}
.mapWrap .mapTxt a strong{display: block; font-size: 23px; color: #ff8f00;}
.mapWrap .mapTxt a:hover img.venue-b{transform:translateY(-7px);}


/*about jeju*/
.imgWrap{position: relative; width: 100%; border-top: 2px solid #151965; margin: 50px 0; padding: 20px;}
.imgWrap > span{position: absolute; left: 0; top: -37px; padding: 10px 15px; font-weight: 600; font-size: 16px; background: #151965; border-radius: 15px 15px 0 0 ; color: #fff;}


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

.tab2{flex-wrap: wrap; border: 0;}
.tab2 li{width: 32.9%;}
.tab2 li a{position: relative; align-items:flex-start; height: 65px; padding: 17px 15px; justify-content: flex-start; font-size: 16.5px;}
.tab2 li a.imp{color: #fc540c;}
.tab2 li a span{margin-right: 5px;}
.tab2 li a.active{background: #333333; color: #fff;}
.tab2 li a.imp.active{background: #fc540c; color: #fff;}
.tab2 li a:hover, .tab2 li a.active{height: 65px;}

/*transporation*/
.taxiBox{margin: 50px 0 30px; padding: 30px 34px; border-top: 2px dashed #bfbfbf; border-bottom: 2px dashed #bfbfbf; position: relative;}
.taxiBox > img{position: absolute; right: -17px; top: -20px;}
.taxiBox p, .taxiBox strong{text-align: center !important; font-size: 17px;}

.accordion {width: 100%; margin: 0 auto; padding: 0;}
.accordion-item {position: relative;}
.accordion-item:first-child .heading{border-top: 2px solid #1a9cc4;}
.accordion-item.active .icon:after {width: 0;}
.accordion-item.active .heading{background: #F0F0F0;}
.accordion-item .heading {display: block; text-decoration: none; font-weight: 600; position: relative; padding: 25px 20px; transition: 0.3s ease-in-out; border-bottom: 1px solid #B0B0B0; color: #1a9cc4; background: #fff;}
.accordion-item .heading .title{color: #1a9cc4 !important; font-size: 18.5px;}
.accordion-item .heading .title span{float: right; margin-right: 21px; font-size: 13px;}
.accordion-item .heading .j_title{font-size: 15px; color: #ff863d; font-weight: 400;}

.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: #1a9cc4; 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: 40px 20px; font-size: 15px; border-bottom: 1px solid #B0B0B0;}
.accordion-item .content p {margin-top: 0;}
.accordion-item .content > h4{font-size: 25px; font-weight: 400;}

.accordion-item .heading .orange{color:#f49e31 !important;}
.accordion-item .icon.orangeI:before, .accordion-item .icon.orangeI:after{background:#f49e31 !important;}

.traMap{display:flex; gap:39px; align-items:center;}
.noticeBox{display:flex; gap:21px; box-shadow:0px 2px 10px #00000040; border-radius:11px; padding:31px; align-items: center;}
.busTit{display:inline-block; background:#ff8f00; color:#fff; padding:5px 14px; letter-spacing:1px; font-size:15px; font-weight: 600; border-radius: 15px 15px 0 0;}
.noticeBox p.Tit{color:#fff; font-weight:600; text-transform:uppercase; background:#eb6161; border-radius: 50px; padding:0 11px; margin-bottom:7px;}


/*use_info*/
.use_info p{font-size: 16px;}
.h5Wrap{display: flex; align-items:center; position: relative; margin-bottom: 20px;}
.h5Wrap img{margin-right: 20px;}
.h5Wrap h5{color: #151965; font-size: 25px; width: 95.3%; border-bottom: 4px solid #151965; height: 95px; line-height: 95px; position: absolute; left: 53px; bottom: -6px; padding-left: 70px;}
.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;}


.impoer_box{position: relative; width: 100%; border-top: 2px solid #c0005e; border-bottom: 1px solid #d4adc0; margin: 50px 0; padding: 20px; background: #fafafa;}
.impoer_box > .imp{position: absolute; left: 0; top: -37px; padding: 7px 15px; font-weight: 600; font-size: 16px; background: #c0005e; border-radius: 15px 15px 0 0 ; color: #fff;}

.checkWrap, .markWrap{display: flex; }
.checkWrap i{margin-right: 10px;}
.markWrap > span{margin-right: 5px; margin-top: 3px;}



#myBtntop{
	position: fixed;
    bottom: 0;
    width: 60px;
    height: 60px;
    right: 0;
    margin: 0px 0px 0px 748px;
    background: #b72424;
}
#myBtntop i{color: #fff; font-size: 20px;}



/*exhibitors_list*/
ul.ex_list{ width: 100%; height: auto; display: inline-block;}
ul.ex_list li{ float: left; height: 174px; margin-right: 13px; margin-bottom: 20px; border:1px solid #efeeed; border-radius: 20px; overflow: hidden;}
ul.ex_list li:nth-child(4n+0){margin-right:0 !important;}
ul.ex_list li img{display:block; width:273px; height:130px;}
ul.ex_list li span.btn1{width:100px; height:42px; float:left; border-right: 1px solid #fff;} ul.ex_list li span.btn1 a{border-bottom-left-radius:15px;}
ul.ex_list li span.btn2{width:173px ;height:42px; float:left; border-left:1px solid #ddd; text-align:center; line-height:33px;} ul.ex_list li span.btn2 a{border-bottom-right-radius:15px;}
ul.ex_list li span.btn1.none a{background:#dddddd;}
ul.ex_list li span.btn2.none a{background:#dddddd;}
ul.ex_list li span.btn1.none:hover a{color:#555;}
ul.ex_list li span.btn2.none:hover a{color:#555;}
ul.ex_list li span a{display:block; height:42px; text-align:center; line-height:42px;font-size:14px; background: #dddddd;}
ul.ex_list li span.btn1 a:hover, ul.ex_list li span.btn1 a:active{ background: #f49e31; color: #fff;}
ul.ex_list li span.btn2 a:hover, ul.ex_list li span.btn2 a:active{ background: #1a9cc4; color: #fff;}
ul.ex_list li span.grey a:hover, ul.ex_list li span.grey a:active{ background: #efefef !important; color: #555 !important;}


/*paper submission*/
.bgy{background: #e6003d !important; padding: 0 5px; color: #fff !important;}

ul.importantDate{display: flex; margin: 80px 0 10px;}
ul.importantDate li{float:left; position:relative; min-height: 123px; background:#f3f3f3; width: 32.8%; padding: 22px 3.2%; margin-top: 16px; display: flex; align-items: center; border: 3px solid #151965; border-radius: 25px;}
ul.importantDate li + li{margin-left: 0.8%;}
ul.importantDate li h2{position:absolute; top: -58px; left: 17px; color: #151965;}
ul.importantDate li .Date_txt{float: right;}
ul.importantDate li .Date_txt span{display: block; line-height: 19px;}

.deadline{width: 900px; background: #093f7a; border-radius: 80px; display: flex; padding: 3px; align-items:center; margin: 30px auto 0;}
.deadline p{color: #fff; font-weight: 700; padding-left: 18px; font-size: 19px;}
.deadline p span{font-size: 27px;}

.txt-orange{color: #f49e31 !important;} .txt-sky{color: #1a9cc4 !important;}


/*keynote*/
.keynoteBox{}
.keynoteBox > div{display: flex; justify-content:space-between; margin-top: 50px;}
.keynoteBox > div:first-child{margin-top: 0;}
.keynoteBox > div .left{width: 180px; padding-top: 20px; border-top: 2px solid #000; display: flex; margin-right: 30px;}
.keynoteBox > div .left h5{font-size: 23px; margin-left: 10px; color: #000;}
.keynoteBox > div .right{width: 715px; display: flex; flex-direction: column; justify-content: center;}
.keynoteBox > div .right .title{font-size: 23px; background: -webkit-linear-gradient(#f49e31, #ff3b00); -webkit-background-clip:text; -webkit-text-fill-color: transparent; font-weight: 600; position: relative; padding: 0 0 10px; margin-bottom: 15px;}
.keynoteBox > div .right .title::after{content: ''; position: absolute; background: #ff3b00; left: 0; bottom: 0; width: 80px; height: 1px;}
.keynoteBox > div .right .name{font-size: 19px; font-weight: 600;}

.keynoteBox > div .img{margin-right: 20px;}

/*reg*/
ul.step_7{display: inline-block; width: 100%;}
ul.step_7 li{width:24.2%; margin-right: 1%; height: 220px; position: relative; padding: 20px 10px; text-align: center; border-top: 4px double #cdcdcd; border-bottom:1px solid #cdcdcd; box-sizing: border-box; float: left;}
ul.step_7 li:last-child, ul.step_7 li:nth-of-type(4) {margin-right: 0px;}
.smt2{margin-top:2%;}
ul.group li strong.secondary{display: block; font-size: 20px; font-weight: 800; color: #151965 !important;}
ul.w_line li div.icon_box{padding-top: 1rem; margin: 0 auto; display: block;}
ul.group li dl dd{font-size:16px;}
ul.w_line li:after{position: absolute; z-index: 1; right: -24px; top: 109px; content: ""; display: block; width: 29px; height: 29px; background: url(../images/reg_R.png); }

ul.w_line li:last-child:after, ul.w_line li:nth-of-type(4):after{display: none;}

ul.step_7.step_3 li{width: 32.6%; height: 243px;}

h5.title{text-align: center;background: #ff3b00; border-radius: 50px; padding: 15px 7px 15px 15px; width: 647px; margin: 0 auto;}
.title_imp1{color: #fff; font-size: 18px;}
.title_imp2{background: #fff; color: #000; padding: 7px 15px; border-radius: 50px; font-size: 23px;}


.LuckyBg{background: url(../images/sub/Lucky_Draw_bg.jpg) no-repeat center center; width: 1140px; height: 644px; border-radius: 40px; margin-top: 30px; padding: 30px; position: relative;}
.LuckyBg h2{margin: 0 0 20px 0; font-size: 40px; font-weight: 800;}
.LuckyBg .txtBox{background: #fff; border-radius: 40px; padding: 30px 35px;}
.LuckyBg .txtBox .flex{align-items:center; margin-bottom: 15px;}
.LuckyBg .txtBox .flex > strong{width: 145px;}
.LuckyBg > .img{position: absolute; bottom: -20px; right: -10px;}

.LuckyBg2{background: url(../images/sub/Lucky_Draw_bg2.jpg) no-repeat center center; width: 1140px; height: 1000px; border-radius: 40px; margin-top: 30px; padding: 30px; position: relative;}
.LuckyBg2 h3:before{display: none;}
.LuckyBg2 img.right_bottom{position: absolute; right: 39px; bottom: 89px;}
.LuckyBg2 img.right_top{position: absolute; right: 57px; top: 137px;}