.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}



body{font-family: "Poppins", "Pretendard Variable", sans-serif;background-color:#000}
.wrap{width:100%;margin:0 auto;border:0px solid #000}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #000;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #000;
  border-top-color: #fff;
  border-bottom-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  transition: all 0.4s;
}
.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}
.back-to-top:hover {
  background: #2cccd3;
  color: #fff;
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 15px 0;
  background-color:#000;
  border-bottom:1px solid #202020;
}
#header .container{max-width:1450px}
#header.header-scrolled, #header.header-inner-pages {
  background: rgba(0, 0, 0, 1.0);
}
#header .logo {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top:-10px;

}
#header .logo a {
  color: #fff;
}
#header .logo img {
  max-width:387px;width:100%
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}
.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}
.navbar li {
  position: relative;
  padding:0 10px
}
.navbar a, .navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 20px 5px 20px;
  font-size: 18px;
   font-weight:600;
  color: #fff;
  white-space: nowrap;
  transition: 0.3s;
}
.navbar a i, .navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
  color: #fff;
  font-weight:600;
  background-color:#262626;border-radius:30px
}


.navbar .getstarted, .navbar .getstarted:focus {
  padding: 8px 20px;
  margin-left: 30px;
  border-radius: 50px;
  color: #fff;
  font-size: 14px;
  border: 2px solid #7813ff;
  font-weight: 600;
}
.navbar .getstarted:hover, .navbar .getstarted:focus:hover {
  color: #fff;
  background: #7813ff;
}
.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}
.navbar .dropdown ul li {
  min-width: 200px;
}
.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
  color: #0c3c53;
}
.navbar .dropdown ul a i {
  font-size: 12px;
}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  color: #47b2e4;
}
.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}
.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}
@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}
.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}
.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.1);
  transition: 0.3s;
  z-index: 999;
}
.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}
.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  border-radius: 10px;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}
.navbar-mobile a, .navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #37517e;
}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #47b2e4;
}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
  margin: 15px;
  color: #37517e;
}
.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #000;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
.navbar-mobile .dropdown ul li {
  min-width: 200px;
}
.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}
.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
  color: #47b2e4;
}
.navbar-mobile .dropdown > .dropdown-active {
  display: block;
}




section .container{padding:130px 20px;max-width:1450px;width:100%;;border:0px solid #fff}
html{width:100%;height:100%;}
body{width:100%;height:100%;}
.wrap{width:100%;height:100%;}
#main{width:100%;height:100%;}
#home{position:relative;width:100%;height:100%;overflow:hidden;padding-top:100px}

#home .container .row {text-align:center;}
.navbar a.rbtn{display:Block;font-size:20px !important;;color:#fff;border:0px solid #fff;padding:15px 10px;border-radius:30px;box-sizing:border-box;text-align:center;background-image: linear-gradient(to right, #8003ff, #555cff , #16dcff);width:155px;}
#home .container .row {position:relative;z-index:4}
#home .container .row address{font-size:1.8em !important;;color:#fff;margin-top:40px;margin-bottom:60px}
#home .container .row a.bigbtn{margin:0 auto;font-size:2.0em !important;;color:#fff;border:0px solid #fff;padding:10px 10px;border-radius:50px;box-sizing:border-box;text-align:center;background-image: linear-gradient(to right, #8003ff, #555cff , #16dcff);max-width:344px;width:90%;}
#home .container .row h1 img{max-width:1040px;width:90%;}

#home .container .row h1 img.web{display:block;margin:0 auto}
#home .container .row h1 img.mo{display:none;margin:0 auto}


#myVideo{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height:100vh;
	background-color: white; 
	background-image:  our video *;
	background-position: center bottom;
	background-size: cover;
	object-fit: cover;
	z-index:3;
	overflow:hidden;
}

.content .container .row h2{font-size:3.0em;position:relative;display:block;width:100%;color:#fff;padding:20px 0;;font-weight:700;;margin-bottom:90px;
  border-bottom: 5px solid transparent; /* Define a transparent border */
  border-image: linear-gradient(to right, #ec74fb, #555cff , #16dcff); /* Apply the gradient */
  border-image-slice: 1; /* Ensure the entire gradient is used */
}
.content .container .row h2 a{margin-top:10px;position:absolute;right:0;font-size:20px !important;;color:#fff;border:0px solid #fff;padding:12px 10px;border-radius:30px;box-sizing:border-box;text-align:center;background-image: linear-gradient(to right, #8003ff,  #49f9f4);width:200px}

.section2{position:relative;z-index:10}
.content .container .row h4{font-size:2.0em;color:#cd36ff;margin-bottom:0px;font-weight:700;padding-left:15px}


  .slider-wrapper {
    margin: 30px auto 60px auto;
    box-sizing: border-box;
    user-select: none;
  }
  .slider-container {
    overflow: hidden;
    margin-bottom: 30px;
  }
  .slider-track {
    display: flex;
    transition: transform 0.3s ease;
    will-change: transform;
  }
  .slider-item {
    flex: 0 0 25%; /* 4개씩 보여주기 */
    box-sizing: border-box;
    padding: 10px;
    user-select: none;
  }
  .box {
   
    justify-content: center;
    align-items: center;
    user-select: none;
  }
  .slider-bottom .box {
  }

  .button-area {
    text-align: center;
    margin-bottom: 0px;
  }
  .button-area .left{text-align:left;float:left;width:50%}
  .button-area .right{text-align:right;float:left;width:50%}
  .button-area button {
    margin: 0 10px;
    font-size: 16px;
    cursor: pointer;
    user-select: none;
    border: none;
    transition: background-color 0.3s ease;
    background:none;
  }

  /* 비활성 상태일 때 색상만 바꾸기 (커서 유지) */
  .button-area button.inactive {
     opacity: 0.2;
    /* cursor: pointer;  커서는 그대로 */
  }
  /* 구분용 제목 */
 

#agenda .slider-container{border:0px solid #fff;padding:0;margin:0}
#agenda .slider-container .box{background-color:#131313;padding:20px 20px;border-radius:30px;color: #fff}
#agenda .slider-container .box span{display:block;color:#727272;display:block !important;}
#agenda .slider-container .box label{color:#cd36ff;border:1px solid #cd36ff;padding:5px 20px;border-radius:50px;font-size:1.2em;margin:25px 0}
#agenda .slider-container .box dt{font-size:1.4em;font-weight:bold;display:block;height:200px;width:100%;}
#agenda .slider-container .box dt b{font-size:0.8em;display:block;font-weight:500}
#agenda .slider-container .box dd{font-size:1.0em;display:block;color:#727272}
#agenda .keynote_area{border-bottom:1px solid #131313;padding:3% 0 5%}

.trkbtn{display:none}


    @media (max-width: 991px) {
      .slider-item {
        flex: 0 0 50%;
      }
    }
    @media (max-width: 768px) {
      .slider-item {
        flex: 0 0 100%;
      }
    }



#agenda .arrowarea{padding:30px 0}
#agenda .arrowarea .right .slider-buttons{text-align:right}

.track1 .row h4{color:#8100ff !important;}
.track1 .box label{color:#8100ff !important;border:1px solid #8100ff !important;}
.track2 .row h4{color:#3a59c7 !important;}
.track2 .box label{color:#3a59c7 !important;border:1px solid #3a59c7 !important;}
.track3 .row h4{color:#11e8ff !important;}
.track3 .box label{color:#11e8ff !important;border:1px solid #11e8ff !important;}

#event{margin-top:-50px}
#event .row img{max-width:635px;width:100%;margin:0 auto;}
#faq .row ul.fq{display:block;width:100%;border-bottom:3px solid #1b1b1b;margin-top:-50px}
#faq .row ul.fq li{color:#fff;font-size:1.4em;padding:20px 10px;position:relative;border-bottom:1px solid #1b1b1b}
#faq .row ul.fq li dt{position:relative;width:100%;border:0px solid #fff;padding-right:10px}
#faq .row ul.fq li dt:before{content:"Q. ";width:50px;display:block;float:left}
#faq .row ul.fq li dt .arw{position:absolute;right:0;margin-top:10px;top:0px}
#faq .row ul.fq li:after{content:"";clear:both;display:block}
#faq .row ul.fq li .answer{display:none;padding:20px 0}
#faq .row ul.fq li .answer:before{content:"A. ";color:#11e8ff;width:50px;display:block;float:left}

.maparea{margin-top:100px}
.maparea h2{margin-bottom:0 !important}
.maparea .mapbox{background-color:#1a1a1a;padding:5%}
.maparea .mapbox > div{max-width:1122px;width:100%;margin:0 auto;text-align:center}
.maparea .mapbox > div > img{width:100%}
.maparea .mapbox > div dt{color:#fff;text-align:center;font-size:1.3em;padding:20px 0}
.maparea .mapbox > div label{text-align:center;color:#fff;font-size:1.3em;margin-top:30px}
.maparea .mapbox > div label span{display:inline-block;padding:20px 10px}
.maparea .mapbox > div label .line5{color:#71439e}
.maparea .mapbox > div label .line9{color:#d6ab00}
.maparea .mapbox > div p{color:#999999;font-size:1.2em;}


footer{}

footer .container {padding:30px 20px;max-width:1450px;width:100%;}
footer .container .row{margin:0;padding:0px 0;border:0px solid #fff}
footer .container .row .left{color:#fff}
footer .container .row .left address{font-size:1.2em;padding:10px 0;color:#777777}
footer .container .row .right ul{float:right}
footer .container .row .right ul li{float:left;padding:5px}
footer .bdr{padding:10px 20px;border-top:1px solid #232323;border-bottom:1px solid #232323;max-width:3000px !important;width:100%;} 
footer .bdr .row{padding:0px 20px !important;max-width:1450px;width:100%;margin:0 auto;color:#fff}
footer .bdr .row a{color:#fff;font-size:1.8em}
footer .bdr .row a img{margin-right:5px}


/* 세부 아젠다 */
.popagenda .row h2{text-align:Center;margin-bottom:0 !important}
.popagenda .row{color:#fff}
.popagenda .row table{border:0px;}
.popagenda .container > .row{
  border-bottom: 5px solid transparent; /* Define a transparent border */
  border-image: linear-gradient(to right, #ec74fb, #555cff , #16dcff); /* Apply the gradient */
  border-image-slice: 1; /* Ensure the entire gradient is used */
}

.popagenda .row table td:nth-child(1){width:15%;text-align:center;border-right:1px solid #181818}
.popagenda .row table td{color:#fff;vertical-align:middle;border:0px;border-bottom:1px solid #181818;padding:10px;font-size:1.1em}
.popagenda .row table th{background-color:#1a1a1a;border:0px;padding:10px;font-size:1.3em}
.popagenda .row table th:nth-child(1){text-align:center;border-right:1px solid #181818}
.popagenda .row table th:nth-child(2){text-align:left;}
.popagenda .row table td label{border:1px solid #bb30e9;color:#bb30e9;padding:2px 10px;border-radius:50px}
.popagenda .row table td dt{display:inline-block;padding:2px 5px;font-size:1.2em}
.popagenda .row table td dd{display:inline-block;padding:5px 5px;color:#727272}

.popagenda .row table td .row ul li{float:left;width:33.3%}
.popagenda .row table td .row ul.tit li{text-align:Center;padding:20px 0}
.popagenda .row table td .row ul.tit li:nth-child(1){background-color:#8100fe;}
.popagenda .row table td .row ul.tit li:nth-child(2){background-color:#4b72fe;}
.popagenda .row table td .row ul.tit li:nth-child(3){background-color:#11e7ff;}

.popagenda .row table td .sebu ul li.trk1 label{border:1px solid #8100ff;color:#8100ff;}
.popagenda .row table td .sebu ul li dt{display:block;width:100%;}
.popagenda .row table td .sebu ul li dd{display:block;width:100%;}
.popagenda .row table td .sebu ul li.trk2 label{border:1px solid #4a72ff;color:#4a72ff;}
.popagenda .row table td .sebu ul li.trk3 label{border:1px solid #11e8ff;color:#11e8ff;}




.success h2{text-align:Center !important}
.success h4{display:block;font-size:1.0em;color:#fff !important;text-align:center;margin-bottom:40px}
.success .schbox{max-width:765px;width:100%;margin:0 auto;background-color:#1a1a1a;padding:60px 20px 50px;margin-top:50px;position:relative;border-radius:20px;text-align:center}
.success .schbox dt {position:absolute;top:-30px;left:0;width:100%;text-align:center}
.success .schbox dt > img{max-width:223px;width:95%}
.success .schbox .row > div img{max-width:292px;width:95%}

@media only screen and (max-width: 1500px) {



}


@media only screen and (max-width: 1200px) {

  #header .logo {max-width:300px;width:100%;}
 #home .container .row address{font-size:1.4em !important;}
 

}
@media only screen and (max-width: 991px) {
  #home .container .row a.bigbtn{max-width:1200px;width:30%;font-size:3.0vw !important}
  .content .container .row h2{font-size:2.0em;color:#fff;padding:20px 0;;margin-bottom:90px;}
  .content .container .row h2 a{margin-top:10px;position:absolute;right:0;font-size:15px !important;;color:#fff;border:0px solid #fff;padding:5px 10px;width:auto}
.trkbtn{display:block}
}
@media only screen and (max-width: 768px) {
  body{font-size:14px}
    #home .container .row a.bigbtn{max-width:1200px;width:50%;font-size:5.0vw !important}
    #home .container .row address{font-size:1.0em !important;}
    .content .container .row h4{font-size:1.5em;}

 section .container{padding:60px 40px;}
 #agenda .arrowarea{padding:10px 0}

#faq .row ul.fq li{font-size:1.2em;padding:10px 5px;}
#faq .row ul.fq li dt{position:relative;width:100%;border:0px solid #fff;padding-right:20px}
#faq .row ul.fq li dt:before{content:"Q. ";width:20px;display:block;float:left}
#faq .row ul.fq li dt .arw{width:15px}
#faq .row ul.fq li .answer{display:none;padding:10px 0}
#faq .row ul.fq li .answer:before{content:"A. ";color:#11e8ff;width:20px;display:block;float:left}
.maparea .mapbox > div dt{color:#fff;text-align:center;font-size:1.2em;padding:20px 0}
.maparea .mapbox > div label{text-align:center;color:#fff;font-size:1.1em;margin-top:30px}
.maparea .mapbox > div label span{display:block;border:0px solid #fff;padding:5px}

.maparea .mapbox > div p{color:#999999;font-size:1.0em;}

footer .bdr .row{padding:0px 0px !important;}
footer .bdr .row a{color:#fff;font-size:1.3em}
footer .container .row .left address{font-size:1.0em;}
footer .container .row .left img{width:120px}
footer .container .row .right ul li img{width:30px}
#event .row img{max-width:405px;width:100%;margin:0 auto}



.popagenda .row table td dt{padding:2px 2px;font-size:0.9em}
.popagenda .row table td dd{font-size:0.8em}

.popagenda .row .sebu .trk2{display:none}
.popagenda .row .sebu .trk3{display:none}
.popagenda .row table td .row ul li{float:left;width:100%}
.popagenda .row table td .row ul.tit li{float:left;width:33.3%;font-size:0.9em}
.popagenda .row table td:nth-child(1){width:18%;font-size:0.9em}
.popagenda .row table th{background-color:#1a1a1a;border:0px;padding:10px;font-size:1.1em}
.popagenda .row table td label{padding:2px 5px;font-size:0.8em}


#home .container .row h1 img.web{display:none}
#home .container .row h1 img.mo{display:block}

.navbar a.rbtn{width:100%;padding:5px 12px}



}




@media only screen and (max-width: 520px) {
   section .container{padding:60px 20px;}
  #header .logo {max-width:200px;width:100%;}
    .content .container .row h2{font-size:1.8em;}
.success .schbox .row > div{padding:10px}
.success h4{display:block;font-size: 0.8em;color:#fff !important;text-align:center;margin-bottom:40px}

#home .container .row {padding-top:15%}

  .button-area .left img{width:25px}
  .button-area .right img{width:25px}
  #agenda .slider-container .box label{margin:5px 0;padding:2px 15px;}
  #agenda .slider-container .box dt{font-size:1.1em;height:120px;}
  #agenda .slider-container .box dt b{font-size:0.7em;}
  #agenda .slider-container .box dd{font-size:0.8em;}

}