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

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

.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: 280px; 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: #ffffff; 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;}

/*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;  border-radius: 0 0 59px 59px; border: 2px dotted #ccc; padding: 45px 30px 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 .tit, .contactWrap .contactBox:first-child > p{color: #fff; background: #0b3897; padding: 10px; border-radius: 30px;}
.contactWrap .contactBox:last-child .tit, .contactWrap .contactBox:last-child > p{color: #fff; background: #c3268b; padding: 10px; border-radius: 30px;}

.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: 15px; 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 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{width: 100%; border-top: 2px solid #151965; margin: 30px 0; padding: 20px; background: #f6f6f6; border-radius: 0 0 20px 20px;}
.imgWrap > span{padding: 10px 15px; font-weight: 600; font-size: 16px; background: #151965; border-radius: 30px ; color: #fff; margin-bottom: 10px; display: inline-block;}


/*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 cubic-bezier(0.4, 0, 1, 1); height: 50px; width: 100%; border: 1px solid #ccc; color: #565656; background: #f4f5f6; border-radius: 45px;}
.tab li a.active{background: linear-gradient(154deg, #013998, #d8248a);  color: #fff}
.tab li a:hover, .tab li a.active{background: linear-gradient(154deg, #013998, #d8248a); color: #fff}

.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: #c3268b;}
.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{background: #0b3897; color: #fff;}

/*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 #0b3897;}
.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: #0b3897; background: #fff;}
.accordion-item .heading .title{color: #0b3897 !important; font-size: 18.5px;}
.accordion-item .heading .title span{ margin-right: 21px; font-size: 17px; background: #0b3897; 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: #0b3897; 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 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;}


.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: #233eaa;
}
#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: 13px; border:1px solid #efeeed;}
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.btn2{width:173px ;height:42px; float:left; border-left:1px solid #ddd; text-align:center; line-height:33px;} 
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: #be278c; 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-radius: 25px;}
ul.importantDate li + li{margin-left: 0.8%;}
ul.importantDate li h2{position:absolute; top: -80px; color: #3b3b3b; border-bottom: 3px solid #3b3b3b; font-size: 28px; left: 17px;}
ul.importantDate li .Date_txt{float: right;}
ul.importantDate li .Date_txt span{display: block; line-height: 19px;}

.deadline{width: 686px; background: linear-gradient(154deg, #013998, #d8248a); border-radius: 80px; display: flex; padding: 3px 9px; 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: 821px; border-radius: 15px; 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: 20px 43px;}
.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_dateBox{}
.con_info_dateBox>div{display: flex; justify-content: space-between;}
.con_info_dateBox>div p{background: #f4f5f6; 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 10px; border-bottom: 1px solid #e7e7e7; background: #fff;}

/*venue*/
.venueBox{background: url("../images/sub/venue.png") no-repeat; height: 680px; border-radius: 35px; position: relative;}
.venueBox p{position: absolute; background: #1f2e415e; padding: 30px; bottom: 0; border-radius: 0 0 35px 35px; color: #fff;}
.venueBtn{background: #d8248a; color: #fff; padding: 5px 10px; border-radius: 14px; box-shadow: 0 4px 5px 0px #00000059; transition:.3s linear; line-height: 28px;}
.venueBtn:hover{box-shadow: none;}

/*busan*/
.busnaT{color: #fff; background: linear-gradient(154deg, #013998, #d8248a); 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{background: #edfbfa; border-radius: 20px; padding: 20px 30px;}
.noticeBox h2{background: #11d1c1; 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{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; font-size: 17px; line-height: 1;}

.impBox{background: #fff4fa; border-radius: 20px; padding: 20px 30px;}
.impBox h2{background: #d8248a; color: #fff; border-radius: 50px; padding: 10px 20px; margin: 0 0 10px;; display: inline-block; font-weight: 600; font-size: 17px; line-height: 0;}

a.btn01 {position: relative; display: inline-block; padding:17px 34px; letter-spacing: -0.2px; font-size: 18px; font-weight: 600;  border: 2px solid #000; box-shadow:0px 5px 5px 0px #00000061; text-align: center;
  -ms-transition: all ease 0.35s; 
  -webkit-transition: all ease 0.35s; 
  transition: all ease 0.35s; margin-right: 10px;}
a.btn01:hover{
  box-shadow:none;
  -ms-transform:translate( 3px, 4px);
  -webkit-transform:translate( 3px, 4px);
  transform:translate( 3px, 4px);
  background: linear-gradient(154deg, #013998, #d8248a); color: #fff;
}
.btnbox>a:nth-of-type(even){margin-right:0;}

/*useful*/
.usefulBox{border:1px dotted #ccc; padding: 22px; border-radius: 19px;}
.useTit{display: flex; align-items: center; border-bottom: 1px solid #ccc; margin-bottom: 10px; color: #0b3897; padding-bottom: 10px;}
.useTit span{font-weight: 600; font-size: 18px;}
.useTit span.img{margin-right: 10px;}

/*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;}


/*keynote*/
.keynoteW{display: flex; justify-content: space-between}
.keynoteW>div{width: 49%;}
.keynoteW>div p.keyTit{font-size: 29px; text-transform: uppercase; font-weight: 800; margin-bottom: 15px;}
.keyCont{border-top: 2px solid #000; border-bottom: 1px solid #ccc; padding: 20px 0; display: flex; align-items: center;}
.keyCont .txt-Box{position: relative; margin-left: 57px;}
.keyCont .txt-Box::after{position: absolute; width: 2px; height: 100%; background: #e7e7e7; display: block; content: ""; top: 0; left: -27px;}
.keyCont>div p.title{font-size: 23px; font-weight: 600; margin-bottom: 13px; text-align: left; color: #233696;}
.keyCont>div p.name{font-size: 23px; font-weight: 600;}
.keyCont>div p.aff{font-size: 16px; text-align: left; letter-spacing: -0.2px; margin-top: 10px;}

/*ex-guideline*/
.flexBox{display: flex;}
.ju-between{justify-content: space-between;}
.align-it-center{align-items: center;}
.strongTit{width: 130px; display: inline-block;}
.ex_info{box-shadow: 0 0 4px 1px #00000024; padding: 30px;  border-radius: 15px;}
.ex_info >div{width: 50%;}
.ex_info >div h4{}
.gap10{gap:10px;}

/*recruiting*/
.companyW{display: flex; gap:0 73px; justify-content: right; position: relative;}
.companyWImg{position: absolute; left: -11px; bottom: -20px;}