#gnb > ul > li > a{color: #333333;}
.gnbM{border-bottom: 1px solid #1556d7;}

header .h1_logo1{display: block;} header .h1_logo2{display: none;}
header.header.active .h1_logo1{display: block;}

.h1_logo img{margin: 18px 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: 250px; width: 100%; min-width: 1260px; position: relative; aspect-ratio:16/9}
#subtitle .inner{position:absolute; top:44%; left:18.5%;}
#subtitle h2{font-size: 36px; color: #ffffff; text-align: left; font-weight: 600; 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;}


/*tba2026*/
.loader-wrapper {
  position: relative;
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circle-loader {
  display: flex;
  gap: 15px;
}

.circle {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #f5f5f5, #d5d5d5);
  position: relative;
  box-shadow:
    6px 6px 12px rgba(0, 0, 0, 0.15),
    -6px -6px 12px rgba(255, 255, 255, 0.8),
    inset 2px 2px 4px rgba(0, 0, 0, 0.1),
    inset -2px -2px 4px rgba(255, 255, 255, 0.9);
  animation: circleRotate 2s ease-in-out infinite;
}

.circle:nth-child(1) {
  animation-delay: 0s;
}

.circle:nth-child(2) {
  animation-delay: 0.2s;
}

.circle:nth-child(3) {
  animation-delay: 0.3s;
}

.circle:nth-child(4) {
  animation-delay: 0.4s;
}

.circle:nth-child(5) {
  animation-delay: 0.5s;
}

.circle:nth-child(6) {
  animation-delay: 0.6s;
}

.circle:nth-child(7) {
  animation-delay: 0.7s;
}

.circle::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 15px;
  height: 15px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.8), transparent);
  border-radius: 50%;
}

@keyframes circleRotate {
  0% {
    transform: scale(1) rotateZ(0deg);
    box-shadow:
      6px 6px 12px rgba(0, 0, 0, 0.15),
      -6px -6px 12px rgba(255, 255, 255, 0.8),
      inset 2px 2px 4px rgba(0, 0, 0, 0.1),
      inset -2px -2px 4px rgba(255, 255, 255, 0.9);
  }

  50% {
    transform: scale(1.2) rotateZ(180deg);
    box-shadow:
      8px 8px 16px rgba(0, 0, 0, 0.2),
      -8px -8px 16px rgba(255, 255, 255, 0.9),
      inset 3px 3px 6px rgba(0, 0, 0, 0.15),
      inset -3px -3px 6px rgba(255, 255, 255, 1);
  }

  100% {
    transform: scale(1) rotateZ(360deg);
    box-shadow:
      6px 6px 12px rgba(0, 0, 0, 0.15),
      -6px -6px 12px rgba(255, 255, 255, 0.8),
      inset 2px 2px 4px rgba(0, 0, 0, 0.1),
      inset -2px -2px 4px rgba(255, 255, 255, 0.9);
  }
}

.loading-text {
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 36px;
  font-weight: 800;
  color: #444;
  letter-spacing: 1px;
}



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


/*--lnb--*/
.lnb_warp {position: absolute; bottom: 0;  z-index: 10; width: 100%;}
.lnb {text-align: center; display: flex; gap:0 28px; width: 1200px; margin: 0 auto;}
.lnb li {display: inline; position: relative;}
.lnb a {font-weight: 400; font-size: 15px; color: #999999; width: 100%; padding: 16px 0 19px; display: block; max-width: 273px; position: relative;}
.lnb a br{display:none;}
.lnb a span {display: block; margin-top: 5px; font-size: 2rem;}
.lnb .depth2r a, .lnb li a:hover {color: #fff; font-weight: 500;}
.lnb a:after {content: ''; background: #a82127; position: absolute; width: 100%; bottom: 0; left: 0; height: 0; transform: scaleX(0); transition: transform .4s ease;}
.lnb .depth2r a:after, .lnb a:hover:after{transform: scaleX(1);height: 4px;}


/*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*/
.contact_W{}
.contact_W>div{border-bottom: 3px double #ccc; padding: 0 10px 30px;}
.contact_W h1{background: #210d47; color: #fff; text-align: center; padding: 10px 0; border-radius: 10px; margin-bottom: 30px;}
.sec_p{background: #f1f1f1; padding: 3px 10px; border-radius: 15px; display: inline-block; font-weight: 600;}

/*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 busan*/
.busanImg{background: url("../images/sub/busanTit.png") no-repeat center; width: 1140px; height: 347px; padding: 104px 59px 0; border-radius: 0 0 64px;}
.busanImg p{width: 63%; color: #fff;}

/*visa_information*/
.tab{display:flex; width:100%; gap:6px;}
.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; font-size:18px; font-weight:500; transition: .3s; height: 50px; width: 100%; border: 1px solid #ccc; color: #565656; background: #ececec; border-radius: 45px 45px 0 0;}
.tab li a:hover{padding: 33px 0;}
.tab li a.active{background: linear-gradient(154deg, #3d1f8f, #237fb2); color: #fff; padding: 33px 0;}

.tab2{flex-wrap: wrap; border: 0;}
.tab2 li{width: 32.9%; border: 2px solid #000; background: #fff;}
.tab2 li a{position: relative; align-items:flex-start; height: 65px; padding: 17px 15px; justify-content: flex-start; font-size: 16.5px; border-radius: 0; background: #fff; border: none;}
.tab2 li a.imp{color: #a82127;}
.tab2 li a span{margin-right: 5px;}
.tab2 li a.active{background: #333333; color: #fff;}
.tab2 li a.imp.active{background: linear-gradient(154deg, #3d1f8f, #237fb2); color: #fff;}
.tab2 li a:hover, .tab2 li a.active{background: linear-gradient(154deg, #3d1f8f, #237fb2); color: #fff; padding: 17px 15px;}


.imgWrap{width: 100%; margin: 30px 0; padding: 20px; background: #f6f6f6; border-left: 2px solid #2675af;}
.imgWrap > span{padding: 10px 15px; font-weight: 600; font-size: 16px; border-radius: 30px; color: #fff; margin-bottom: 10px; display: inline-block; background: #2675af;}


/*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 #114f6f;}
.accordion-item.active .icon:after {width: 0;}
.accordion-item.active .heading{background: #f3f3f3;}
.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: #114f6f; background: #fff;}
.accordion-item .heading .title{color: #114f6f !important; font-size: 18.5px;}
.accordion-item .heading .title span{ margin-right: 21px; font-size: 17px; background: #114f6f; padding: 10px; border-radius: 20px; color: #fff;}
.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: #114f6f; 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;}



/*use_info*/
.use_info{}
.usefulTit{}
.usefulTit p{font-size: 21px; color: #114f6f; font-weight: 700; border-bottom: 1px solid #114f6f; padding-bottom: 18px;}


#myBtntop{
	position: fixed;
    bottom: 0;
    width: 60px;
    height: 60px;
    right: 0;
    margin: 0px 0px 0px 748px;
    background: #330589;
}
#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: #0b3897; 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: #0b3897 !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;}


/*welcome*/
.grettingSec1{display: flex;}

/*conference information*/
.flex{display: flex;}
.con_info{width: 100%; padding: 138px 0 0; background: #e8ecf3; border-radius: 0 0 80px 0;}
.con_info>div{display: flex; align-items: flex-start; padding-left: 183px; position: relative; margin-bottom: 23px;}
.con_info>div h3{line-height: 22.5px; margin: 0; position: absolute; left: 0; font-weight: 800;}
.con_info>div p{}
.con_info_dateBox{width: 100%;}
.con_info_dateBox>div {
    display: flex;
	justify-content: space-between;}
.con_info_dateBox>div p{ margin-bottom: 10px; padding: 2px 10px; border-radius: 14px; width: 49%; letter-spacing: -0.5px;}
.con_info_dateBox>div p:first-of-type{color: #004299; border-radius: 0; margin-bottom: 10px; padding: 2px 5px; border-bottom: 1px solid #e7e7e7; }

/*venue*/
.venue{background: url("../images/sub/bexco.png") no-repeat center; width: 1140px; height: 400px; display: flex; flex-direction: row-reverse; border-radius: 0 0 64px; padding: 27px 40px;}
.venue p{color: #fff; width: 50%;}
.venueBtn{background: #1a1346; color: #fff; padding: 5px 10px; display: inline-block; border-radius: 50px; margin-top: 5px; transition: .3s ease;}
.venueBtn:hover{background: #cf49e5;}

/*busan*/
.busnaT{color: #fff; background: linear-gradient(47deg, #0187e8, #ff70ff); display: inline-block; padding: 6px 25px; border-radius: 22px; padding: 6px 22px;}
.busanC{padding: 30px; background: #f4f5f6;}

/*visa*/
.import{padding-left: 18px; position: relative;}
.import::before{content: '※'; display: block; position: absolute; left: 0; top: 0;}
.noticeBox{ border: 1px solid #ad0441; border-radius: 20px; padding: 20px 30px;}
.noticeBox h2{background: #ad0441; color: #fff; border-radius: 50px; padding: 10px 20px; margin: 0 0 10px;; display: inline-block; font-weight: 600; font-size: 17px; line-height: 0;}

.noticeBox02{border:1px solid #c7c7c7; 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; font-size: 17px; line-height: 1;}

a.btn01 {padding: 17px 40px; border-radius: 50px; border: 2px solid #000; background-color: white; box-shadow: rgb(0 0 0 / 5%) 0 0 8px;
  letter-spacing: -0.5px; font-size: 20px; transition: all 0.5s ease; display: inline-block;}
a.btn01:hover{
 letter-spacing: 2px;
  background-color: hsl(261deg 80% 48%);
  color: hsl(0, 0%, 100%);
  box-shadow: rgb(93 24 220) 0px 7px 29px 0px; border: 2px solid #4627c2;
}


/*transportation*/
.preview_inn{}
.busan_inn{}
.gray-dotted{border: 1px dotted #ccc;}
.traBox{padding: 22px 25px; border-radius: 19px;}
.taxiMemobox{}
.taxiMemo{margin-top: 15px; padding: 10px 23px; border-top:2px dashed #e7e7e7; border-bottom:2px dashed #e7e7e7; position:relative}
.scissors{position: absolute; top: -33px; right: -22px; font-size: 25px;}
.imptxt{background:#fffa6a; padding:3px 7px;}

.pTit{font-weight: 700; font-size: 17px; color: #333649; display: table; background: linear-gradient(154deg, #013998, #24add8); color: #fff; padding: 0 10px; border-radius: 11px;}
.spanT{display: table; background: #333649; color: #fff; padding: 6px 15px; border-radius: 10px 10px 0 0; font-weight: 600; letter-spacing:0; font-size: 15px;}
.pptit{color:#0f7d7e; font-size:17px; font-weight:700;}


/*ex*/
.boxIn{width: 50%; padding: 30px 10px; border-radius: 10px; box-shadow: 0 0 4px 1px #00000024;}

.icon-b h6{font-size: 18px; color: #333333 !important; margin: 17px 0;}


.ex_info{box-shadow: 0 0 4px 1px #00000024;; padding: 30px; border-radius: 15px;}
.ex_info>div{width: 50%;}