.bg-image{background-position: center;background-repeat: no-repeat;background-size: cover;}

.sec-title h1{font-size:3.75rem;color:#fff;font-weight:800;text-align: center;}
.sec-title.black h1{color:black;}
.sec-title h1 span{font-weight:300;}

body .swiper-button-next{margin-top:0;background-image: none;z-index:10;right: 20px;border: 1px solid #fff;border-radius: 200px;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #fff;top: 50%;transform: translateY(-50%);transition:0.3s;}
body .swiper-button-prev{margin-top:0;background-image: none;z-index:10;left: 20px;border: 1px solid #fff;border-radius: 200px;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #fff;top: 50%;transform: translateY(-50%);transition:0.3s;}
body .swiper-button-next:hover{color:#d81823;border-color:#d81823;}
body .swiper-button-prev:hover{color:#d81823;border-color:#d81823;}

body .swiper-pagination-bullet{width:10px;height:10px;margin:0 4px;opacity:.6;}
body .swiper-pagination-bullet-active{background: #000;}

#sec02_page {position: absolute;bottom:20px;left: 50%;transform: translateX(-50%);}

.mobile{display:none;}



.sec-card{padding:2.5rem 2rem;background: #061424;display:block;}
.border-radius{border-radius: 20px;overflow: hidden;}


/***************** sec01 *****************/
#section1 {padding:0; position: relative;width:100%;height:100vh;overflow:visible;}

#sec01_sli{height:100%;width:100%;margin: 0 auto;overflow: inherit;}
#sec01_sli .sec01_sli{min-height: 100vh; height:100%; background-position:70% 50%; background-size:cover; background-repeat:no-repeat;padding: 100px 20px 120px;display:flex; justify-content:center; align-items:center; }

#sec01_sli .sec01_sli:before {content: '';position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;right: 0;background-position: center;background-repeat: no-repeat;width: 100%;height: 100%;background-size: cover !important;transform: scale(1.08, 1.08);transition: transform 5s ease-in-out;}
#sec01_sli .sec01_sli.swiper-slide-active:before{transform: scale(1.0,1.0) rotate(0.002deg);}

.sec01_sli.sli_01:before{background-image: url("../img/main/main01-01.jpg");}
.sec01_sli.sli_02:before{background-image: url("../img/main/main01-02.jpg");}

#sec01_sli .text-box{width: 100%;text-align:left;position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0;display: flex;justify-content: center;flex-flow: column;}
#sec01_sli .text-box h1{font-weight:800;font-family:'Pretendard';}
#sec01_sli .text-box h5{color:rgba(255,255,255,0.64);font-weight:500;}


#sec01_page{display:flex;align-items:center;}
body #sec01_sli .swiper-pagination-bullet {width:5px;height:5px;background: rgba(255,255,255,0.8);border-radius:0;position: relative;overflow: hidden;transition: 0.2s;}
body #sec01_sli .swiper-pagination-bullet-active {width:150px;height:3px;border-radius: 0;background: rgba(255,255,255,0.6);}
.swiper-progress {position: absolute;left: 0;top: 0;height: 100%;background:#b21f3a;width: 0;}






/***************** sec02 *****************/
#section2{padding:0;margin-top:160px;min-height:100vh;background-image: url("../img/main/sec02-bg.jpg");position: relative;display:flex;align-items:center;justify-content:center;}

#section2 .text-box h5{color:rgba(255,255,255,0.64);max-width:950px;text-align: center;font-weight:500;margin:0 auto;}

.blockchain-earth {opacity:.6;margin: 20px auto 0;width:100%;max-width:300px;text-align: center;}





/***************** sec03 *****************/
.sec03-pt-wrap{display:grid;grid-template-columns: repeat(3, 1fr);gap:30px;}
.sec03-pt{}

.sec03-pt .text-box h5{width:100%;max-width:300px;}
.sec03-pt .text-box .tit{margin-bottom:6rem;display:flex;align-items: center;justify-content: space-between;}
.sec03-pt .text-box .tit i{color:#fff;font-size:1.5rem;opacity: .4;}
.sec03-pt .text-box span{font-size:1.5rem;display:inline-block;font-weight: bold;}

.sec03-pt.last-box{opacity:.2;background: none;display:flex;align-items:center;justify-content:center;}
.sec03-pt.last-box img{width:50%;}


.sec03-ico { position: relative; width: 100%; height:180px; overflow: hidden; opacity: 0.4;}
.cube-inner { width: 100%; height: 100%; padding: 0; -webkit-transform-origin: 20px 20px; transform-origin: 20px 20px; -webkit-transform: rotateX(-33.5deg) rotateY(45deg); transform: rotateX(-33.5deg) rotateY(45deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation: slowspin 2s ease-in-out infinite 1s; animation: slowspin 2s ease-in-out infinite 1s; margin: -20px 0 0 -20px; top: 50%; left: 50%; }
.cube-inner, .cube-inner li { position: absolute; display: block; }
.cube-inner li { width: 30pt; height: 30pt; position: absolute; display: block; }
.cube-inner li::after { content: ''; position: absolute; display: block; background-color: rgba(255, 255, 255, 0.3); width: 30pt; height: 30pt; backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: 1s ease-in-out; }
.cube-inner .front, .cube-inner .bottom, .cube-inner .right, .cube-inner .left, .cube-inner .back, .cube-inner .top { background: radial-gradient(transparent 30%, rgba(255, 255, 255, 0.2) 100%); }
.cube-inner .front { transform: translateZ(20px); -webkit-transform: translateZ(20px); }
.cube-inner .right { transform: rotateY(-90deg) translateZ(20px); -webkit-transfrom: rotateY(-90deg) translateZ(20px); }
.cube-inner .bottom { transform: translateY(20px) rotateX(90deg); -webkit-transfrom: translateY(20px) rotateX(90deg); }
.cube-inner .left { transform: rotateY(90deg) translateZ(20px); -webkit-transfrom: rotateY(90deg) translateZ(20px); }
.cube-inner .back { transform: translateZ(-20px); -webkit-transfrom: translateZ(-20px); }
.cube-inner .top { transform: translateY(-20px) rotateX(90deg); -webkit-transfrom: translateY(-20px) rotateX(90deg); }
.cube { width: 100%; height: 100%; padding: 0; margin: -50px 0 0 -50px; top: 50%; left: 50%; -webkit-transform-origin: 50px 50px; transform-origin: 50px 50px; -webkit-transform: rotateX(-33.5deg) rotateY(45deg); transform: rotateX(-33.5deg) rotateY(45deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation: slowspin 10s ease-in-out infinite 2s; animation: slowspin 10s ease-in-out infinite 2s; }
.cube, .cube li { position: absolute; display: block; }
.cube li { width: 75pt; height: 75pt; }
.cube li::after { content: ''; position: absolute; display: block; background-color: rgba(255, 255, 255, 0.3); width: 75pt; height: 75pt; backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: 1s ease-in-out; }
.cube .front, .cube .bottom, .cube .right, .cube .left, .cube .back, .cube .top { background: radial-gradient(transparent 30%, rgba(255, 255, 255, 0.2) 100%); }
.cube .top { transform: translateY(-50px) rotateX(90deg); -webkit-transfrom: translateY(-50px) rotateX(90deg); }
.cube .bottom { transform: translateY(50px) rotateX(90deg); -webkit-transfrom: translateY(50px) rotateX(90deg); }
.cube .front { transform: translateZ(50px); -webkit-transform: translateZ(50px); }
.cube .back { transform: translateZ(-50px); -webkit-transfrom: translateZ(-50px); }
.cube .left { transform: rotateY(90deg) translateZ(-50px); -webkit-transfrom: rotateY(90deg) translateZ(-50px); }
.cube .right { transform: rotateY(90deg) translateZ(50px); -webkit-transfrom: rotateY(90deg) translateZ(50px); }
.cube .floorshadow::after { display: none; }
.cube .floorshadow { width: 110px; height: 110px; left: 295px; background-color: transparent; box-shadow: -300px 0px 50px rgba(0, 0, 0, 0.3); transform: rotateX(-90deg) translateZ(60px); backface-visibility: visible; -webkit-transform: rotateX(-90deg) translateZ(60px); -webkit-backface-visibility: visible; }

@keyframes slowspin { 0% { transform: rotateX(33.5deg) rotateY(45deg); } 100% { transform: rotateX(33.5deg) rotateY(225deg); } }



/***************** sec04 *****************/
#section4{}

.sec04-pt-wrap{}
.sec04-pt{width:50%;}

.sec04-pt.pt-lf{border-radius: 20px 0 0 20px;overflow: hidden;}

.sec04-pt.pt-rt{background:#061424;padding:4rem 2rem;border-radius: 0 20px 20px 0;display:flex;align-items:center;justify-content:center;}
.sec04-pt.pt-rt .text-box .sec04-ico i{font-size:3rem;color:rgba(255,255,255,0.2);transform: rotate(-180deg);}
.sec04-pt.pt-rt .text-box h3{font-weight:700;display:flex;}
.sec04-pt.pt-rt .text-box h4{font-weight:400;}
.sec04-pt.pt-rt .text-box .box h5{color:rgba(255,255,255,0.64);display:flex;align-items:center;margin-bottom:.5rem;font-weight:500;}
.sec04-pt.pt-rt .text-box .box:last-child h5{margin-bottom:0;}
.sec04-pt.pt-rt .text-box h5 span{width:6px;height:6px;display:inline-block;border-radius: 100px;margin-right:10px;background:#9CA3AF;}
.sec04-pt.pt-rt .text-box .line{margin:1.5rem 0 2rem;width:100%;height: 1px;background: rgba(255,255,255,0.2);}

#sec04_page{bottom:10px;left:50%;}
#sec04_page .swiper-pagination-bullet{background: rgba(255, 255, 255, 0.4);opacity: 1;}
#sec04_page .swiper-pagination-bullet-active{background:#b21f3a;opacity: 1;}


/***************** sec05 *****************/
.sec05-pt-wrap{}

.sec05-pt-wrap .sec-card:hover h5{color:#b21f3a;}



/***************** sec06 *****************/
#section6{background: #061424;}



/***************** sec07 *****************/
#section7{background-image: url("../img/main/sec07-bg.jpg");background-position:bottom center;}

.sec07_pt_wrap ul{display:flex;flex-flow: column;}
.sec07_pt_wrap ul li{display:flex;align-items: center;justify-content: center;}
.sec07_pt_wrap ul li:first-child{margin-bottom:15px;}
.sec07_pt_wrap p{font-size:24px;color:#fff;font-weight:500;display:flex;align-items:center;margin:0 50px;flex-flow: row wrap;}
.sec07_pt_wrap p span{padding-right:5px;font-weight:600;}

.loc_map{margin-top:70px;border-radius:30px;overflow:hidden;height: 480px;}



/***************** sec08 *****************/
#section8{padding:6rem 0;background-image: url("../img/main/sec08-bg.jpg");}


/***************** mobile *****************/

@media (max-width: 1200px) {
    .sec-title h1 { font-size: 3rem; }

    /** sec03 **/
    .sec03-pt-wrap {gap:20px;}


    /** sec07 **/
    .sec07_pt_wrap p { font-size: 20px; }
}

@media (max-width: 1024px) {

    #sec01_sli .sec01_sli { min-height: auto; padding: 80px 20px 100px; }

    /** sec03 **/
    #section2{margin-top:0;}

    /** sec03 **/
    .sec03-pt-wrap { grid-template-columns: repeat(2, 1fr); }

    /** sec04 **/
    .sec04-pt-wrap{flex-flow: column;}
    .sec04-pt { width: 100%; }
    .sec04-pt.pt-lf { border-radius: 20px 20px 0 0; }
    .sec04-pt.pt-rt { border-radius: 0 0 20px 20px; padding:1.5rem 0;}
    .sec04-pt-wrap img{width:100%;height: auto;object-fit: cover;}

    .gall-item .gall-image { height: 280px; }
}

@media (max-width: 768px) {
    .sec-title h1 { font-size: 2.5rem; }
    .sec-card { padding: 2rem 1.5rem; }

    /** sec03 **/
    .sec03-pt .text-box h5{max-width:100%;}


    /** sec07 **/
    .loc_map{height:400px;}
    .sec07_pt_wrap p{margin:0 15px;}
}

@media (max-width: 480px) {
    .sec-title h1 { font-size: 2rem; }

    /** sec03 **/
    .sec03-pt-wrap { grid-template-columns: 1fr; }
    .sec03-pt .text-box .tit{margin-bottom:2rem;}
    .sec03-pt.last-box{display:none;}


    /** sec06 **/
    .gall-item .gall-image img{width:100%;height: auto;}

    /** sec07 **/
    .gall-item .gall-image { height: 240px; }
    .loc_map { height: 360px; }
}

@media (max-width: 430px) {
    body .swiper-button-next,
    body .swiper-button-prev { width: 40px; height: 40px; font-size: 16px; }

    /** sec07 **/
    .gall-item .gall-image { height: 200px; }
    .loc_map { height: 300px; }
}