html {
    scroll-behavior: smooth;
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: normal;
 src: url( "https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareR.eot" );
 src: url( "https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareR.eot?#iefix" ) format('embedded-opentype'),
      url( "https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareR.woff" ) format('woff'),
      url( "https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareR.ttf" ) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: bold;
 src: url( "https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareB.eot" );
 src: url( "https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareB.eot?#iefix" ) format('embedded-opentype'),
      url( "https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareB.woff" ) format('woff'),
      url( "https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareB.ttf" ) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 900;
 src: url( "https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareEB.eot" );
 src: url( "https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareEB.eot?#iefix" ) format('embedded-opentype'),
      url( "https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareEB.woff" ) format('woff'),
      url( "https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/NanumSquareEB.ttf" ) format('truetype');
}
@keyframes hidePreloader {
    0% {
        width: 100%;
        height: 100%;
    }

    100% {
        width: 0;
        height: 0;
    }
}

body>div.preloader {
    position: fixed;
    background: white;
    width: 100%;
    height: 100%;
    z-index: 1071;
    opacity: 0;
    transition: opacity .5s ease;
    overflow: hidden;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

body:not(.loaded)>div.preloader {
    opacity: 1;
}

body:not(.loaded) {
    overflow: hidden;
}

body.loaded>div.preloader {
    animation: hidePreloader .5s linear .5s forwards;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-brand img{
        height: 3rem;
    }    
}
@media (max-width: 991.98px) {
    .navbar-expand-lg .navbar-brand img{
        height: 2.7rem;
    }  
    .topSwiper{
        width: 100%;
        height: 300px !important;
        overflow: hidden;
        border-bottom: 30px solid #930701;
    }
    .topSwiper p{
        font-size: 0.9em !important;
        line-height: 1.5;
    }
    .topSwiper .swiper-pagination-fraction,.topSwiper .swiper-pagination-custom,.topSwiper .swiper-container-horizontal > .swiper-pagination-bullets{
        bottom: 10px !important;
    }
    .topSwiper .swiper-pagination-bullet{
        width: 8px !important;
        height: 8px !important;
        background: #fff !important;
    }
    .topSwiper .swiper-pagination-bullet-active{
        width: 24px !important;
        border-radius: 7px !important;
    }
    h1{
        font-size: 1.4em !important;
    }
    h2{
        font-size: 1.15em !important;
    }
    .h5{
        font-size: 1em !important;
        line-height: 1.1;
    }
    h4{
        font-size: 0.9em !important;
    }
    .sec02{
        background: url(../img/jd/190228_event_1_bg_m.jpg) 0% 50% no-repeat !important;
        background-size: 120% auto !important;
    }
    .sec09{
        padding: 10em 0 !important;
    }
}
.transparent_bg {
    background: rgba(255,255,255,0) !important;
}
.fixed_bg {
    background-attachment: fixed !important;
}
.topSwiper{
    width: 100%;
    height: 750px;
    overflow: hidden;
    border-bottom: 30px solid #930701;
}
.topSwiper .swiper-container{
    position: relative;
    width: 100%;
    height: 100%;
}
.topSwiper .swiper-container .swiper-slide .swiperTxt{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 11;
    width: 80%;
}
.topSwiper .swiper-container .swiper-slide::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 10;
}
.topSwiper .swiper-container img{
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
}


.sec02{
    background: url(../img/jd/9a3ae96ba44e4.jpg) top center no-repeat;
    background-size: cover;
}
.sec02 .card{
    background: transparent !important;
    box-shadow: none !important;
}
.sec03{
    visibility: hidden;
    opacity: 0;
}
.active{
    visibility: visible !important;
    transition: .5s;
    opacity: 1 !important;
}
.sec03 .card {
  width: 100%; 
  height: 120px;
  color:#D6D600;
  overflow: hidden;
}
.sec03 .card-img {
  width: 100%;
  height: 100%;
  background-color: black; /* fallback color */
  background-position: center;
  background-size: cover;
  transition:all 0.3s ease-in-out;
  opacity:1;
}
.sec03 .card .card-img-overlay{
    color:#fff;
    background: rgba(0,0,0,0.0);
    transition:all 0.3s ease-in-out;
    opacity:0;
}
.sec03 p{
    font-size: 0.9em;
    line-height: 1.5;
}
.sec04 .container{
    visibility: hidden;
    opacity: 0;
}
.sec05{
    background: url(../img/jd/c9c2977618b2e.png) top center no-repeat;
    background-size: cover;
}
.sec05 p{
    font-size: 0.8em;
}
.sec06{
    visibility: hidden;
    opacity: 0;
}
.sec06 .card {
  width: 100%; 
  height: 180px;
  color:#D6D600;
  overflow: hidden;
}
.sec06 .card-img {
  width: 100%;
  height: 100%;
  background-color: black; /* fallback color */
  background-position: center;
  background-size: cover;
  transition:all 0.3s ease-in-out;
  opacity:1;
}
.sec06 .card .card-img-overlay{
    color:#fff;
    background: rgba(0,0,0,0.5);
    transition:all 0.3s ease-in-out;
    opacity:1;
}
.sec06 p{
    font-size: 0.8em;
    line-height: 1.3;
}
.sec07{
    background: rgba(0,0,0,0.1);
}
.sec07 .container{
    visibility: hidden;
    opacity: 0;
}
.sec07 .position-relative{
    transform: scale(1);
    transition:all 0.3s ease-in-out;
}
.sec07 .position-relative .overlay{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
    z-index: 100;
    color: #fff;
    transition:all 0.3s ease-in-out;
    opacity: 0;
}
.sec07 h5{
    font-size: 0.85em;
    text-align: left;
    letter-spacing: -1.5 !important;
}
.sec07 .lead{
    font-size: 0.85em;
    text-align: left;
    letter-spacing: -1.5 !important;
}
.sec07 p{
    font-size: 0.7em;
    text-align: left;
}
.sec08 .container{
    visibility: hidden;
    opacity: 0;
}
.sec08 h5{
    font-size: 0.95em;
    text-align: left;
}
.sec08 p{
    font-size: 0.85em;
    line-height: 1.4;
    text-align: left;
}
.sec09{
    background: url(../img/jd/56d018e1d459c.jpg) top center no-repeat;
    background-size: cover;
    padding: 20em 0;
}
.sec09 .row{
    visibility: hidden;
    opacity: 0;
}
.sec09::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 10;
}
.sec10{
    visibility: hidden;
    opacity: 0;
}
.sec11 i{
    font-size: 3em;
    color: #333;
}
.sec11 .movie{
    width: 100%;
    height: 200px;
}
.sec11 h5{
    font-size: 0.95em;
    text-align: left;
}
.sec11 p{
    font-size: 0.85em;
    line-height: 1.4;
    text-align: left;
}
.sec12{
    background: url(../img/jd/e967a1b2eceb0.png) top center no-repeat;
    background-size: cover;
    padding: 3em 0 !important;
}
.sec12_swiper{
    width: 100%;
    overflow: hidden;
}
.sec12_swiper .swiper-container2 img{
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
}
.sec13 .sec13Title{
    visibility: hidden;
    opacity: 0;
}
.sec14{
    background: url(../img/jd/5f2ad1fad7ee3.jpg) top center no-repeat;
    background-size: cover;
    padding: 0 !important;
}
.sec14::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 10;
}
.delay-05s {
  animation-delay: .5s;
}
.delay-15s {
  animation-delay: 1.5s;
}
ul.tabs {width: 100%;display: block;padding: 0 !important}
ul.tabs li {display:block;float:left;width:33.3%;margin:0 -1px 10px -1px;background:#fff;border:solid 1px #569ffd;cursor:pointer}
ul.tabs li a {display:block;height:40px;color:#999;text-align:center;line-height:40px;font-size: 0.8em;}
ul.tabs li.active {color:#fff !important;font-weight:bold;background:#569ffd}
ul.tabs li.active a {color:#fff !important}

.tab_container table {width:100%;border-collapse:collapse;border-spacing:0}
.tab_container td {padding:12px 0;color:#666;text-align:center;background:#f6f6f6;border:solid 1px #ccc;}
.tab_container td a {cursor:pointer}