.header{background-color: rgb(0, 0, 0, 0.6);}
.hover{background-color: #fff;border-bottom: 1px solid #000;}
.flor1{position: relative;height: 100vh;overflow: hidden;}
.h-slide{position: relative; height: 100%;}
.h-slide .fade-video {position: absolute;left: 50%;top: 45%;transform: translate(-50%, -50%);min-width: 100%;min-height: 100%;max-width: inherit;object-fit: cover;filter: brightness(1);transition: filter 1s ease;}

.visual-box{position: absolute;left: 50%; transform: translateX(-50%);}
.flor2 .fronter .txt-panel .ttop{font-size: 27px;margin-bottom: 10px;}
.flor2 .fronter .txt-panel .tbtm{min-height: 135px;}
.flor2 .slicker .slick-slide .txt-list{display: none;}
.flor2 .txt-list ul > li{position: relative;padding-left: 10px;letter-spacing: -1px;margin-bottom:5px;}
.flor2 .txt-list ul > li::before{content: "";display: block;width: 3px;height: 3px;position: absolute;left:0;top:10px;background-color: #fff;border-radius: 50%;}

@media screen and (max-width: 1024px) {
    .flor1 {height: 45rem;}
    .h-slide{overflow: hidden;}
    .flor1 video {height: 140%;}
    .flor2 .fronter .txt-panel .tbtm{min-height: auto;}
    .mobile-active .txt-list{display: none;}
}

@media screen and (max-width: 640px) {
    .flor1 {height: 35rem;overflow:visible;margin-bottom: 240px;}
    .flor1 video {height: 120%;}
    .main-search{margin-top: 80;}
    .visual-box {height: 36rem;}
    .visual-box .txt-part{height: calc(35rem - 92px);margin-bottom: 30px;}
    .main-search .inpt-box{background-color: rgb(0, 0, 0, 0.6);}
}

@media screen and (max-width: 480px) {
    .flor1{height: 28rem;}
    .visual-box .txt-part {height: calc(28rem - 92px);}
}