#quick {position: fixed;z-index: 15;bottom: 25px;right: 25px;z-index: 750}
#quick ul{display: flex;flex-direction: column;gap: 4px}
#quick ul li a{width: 70px;height: 70px;position: relative;display: block}
#quick ul li a:before{content: '';display: block;width: 60px;height: 60px;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #3282DE;border-radius: 50%;position: absolute;transition-duration: 0.5s}
#quick ul li button{width: 70px;height: 70px;position: relative;display: block}
#quick ul li button:before{content: '';display: block;width: 60px;height: 60px;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #3282DE;border-radius: 50%;position: absolute;transition-duration: 0.5s}
#quick ul li:nth-child(2) a:before{background: #002E8B}
#quick ul li:hover a:before{width: 70px;height: 70px}
#quick ul li:nth-child(2) button:before{background: #002E8B}
#quick ul li:hover button:before{width: 70px;height: 70px}
#quick ul li i{position: absolute;display: block;width: 100%;top: 50%;transform: translateY(-50%);overflow: hidden}
#quick ul li div{position: absolute;display: block;width: 100%;top: 50%;transform: translateY(-50%);text-align: center;overflow: hidden}
#quick ul li div strong{font-size: 13px;color: #FFFFFF;    font-family: var(--atsens-font-sans);font-weight: 400}
#quick ul li div strong{display: block;transform: translateY(100%);transition-duration: 0.5s}
#quick ul li:hover div strong{display: block;transform: translateY(0%)}
#quick ul li i svg{display: block;margin: 0 auto}
#quick ul li i svg{display: block;margin: 0 auto;transition: 0.5s}
#quick ul li:hover i svg{transform: translateY(-100%)}
.main_visual{height: 100vh;overflow: hidden;position: relative;background: #000}
.inner2{width: 1523px;margin: 0 auto}
.main_visual > video{position: absolute;inset: 0;width: 100%;height: 100%;transform: none;object-fit: cover;transition: opacity 0.1s ease-in-out;max-width: none}
.main_visual > video#video2{opacity: 0}
.main_visual .hero_loader{position: absolute;inset: 0;z-index: 40;display: flex;align-items: center;justify-content: center;background: #030811;transition: opacity .55s ease, visibility .55s ease;pointer-events: none}
.main_visual .hero_loader span{width: 56px;height: 56px;border: 1px solid rgba(255,255,255,.24);border-top-color: #57F9FF;border-radius: 50%;animation: heroLoaderSpin 1s linear infinite}
.main_visual.is-loaded .hero_loader{opacity: 0;visibility: hidden}
@keyframes heroLoaderSpin{to{transform: rotate(360deg)}}
@media (prefers-reduced-motion: reduce){
	.main_visual .hero_loader span{animation: none}
}
.main_visual .mv_title{position: absolute;z-index: 15;width: 100%;bottom: 110px}
.main_visual .swiper {height: 160px}
.main_visual .vis_title {margin-bottom: 120px}
.main_visual .vis_title strong{font-size: 70px;color: #FFFFFF;line-height: 80px;    font-family: var(--atsens-font-sans);}
.main_visual .vis_title p{font-size: 28px;color: #FFFFFF;font-weight: 500;}
.main_visual .vis_title .mt{margin-top: 45px}
.main_visual .mot_box{display: flex;justify-content: space-between}
.main_visual .mot_box .sl_box{background: rgba(128,222,255,0.1);border-radius: 12px;padding: 8px 0;padding-left: 30px;width: 311px;backdrop-filter: blur(20px)}
.main_visual .mot_box .sl_box .wr{display: flex;align-items: center;gap: 20px}
.main_visual .mot_box .sl_box .wr *{line-height: 32px}
.main_visual .mot_box .sl_box .wr strong{width: 109px;text-align: center;font-size: 16px;color: #ffffff;font-weight: 700}
.main_visual .mot_box .sl_box .wr p{font-size: 16px;color: #fff;    font-family: var(--atsens-font-sans);}
.main_visual .mot_box .sl_box i{width: 109px;height: 32px;position: absolute;left: 30px;top: 50%;margin-top: -19px;background: #3282DE;border-radius: 30px}
.swiper-backface-hidden .swiper-slide{opacity: 0.1;transition: 0.5s}
.swiper-backface-hidden .swiper-slide-prev{opacity: 0.5}
.swiper-backface-hidden .swiper-slide-next{opacity: 0.5}
.swiper-backface-hidden .swiper-slide-active{opacity: 1}
.pop-layer-body img{max-width: 100%}
#header #gnb {opacity: 1;transition-duration: 0.5s}
#header.on #gnb {opacity: 1}
#header:hover #gnb {opacity:1}
.main_visual .mot_box .btn_list ul{display: flex;;gap: 30px;background: rgba(128,222,255,0.1);    backdrop-filter: blur(20px);padding: 22px;;border-radius: 12px 0 0 12px  ;padding-right: 130px;margin-right: -190px;overflow: hidden}
.main_visual .mot_box .btn_list ul li video{width: 184px;position: relative;display: block}
.main_visual .mot_box .btn_list ul li .bg{width:184px;aspect-ratio:16/9;border-radius: 8px;overflow: hidden;background:#000}
.main_visual .mot_box .btn_list ul li .bg picture{display:block;width:100%;height:100%}
.main_visual .mot_box .btn_list ul li .bg img{width: 100%;height:100%;object-fit:cover;display:block}
.main_visual .mot_box .btn_list ul li strong{display: block;color: #FFFFFF;text-align: center;font-size: 17px;margin-top: 15px;position: relative;z-index: 5;    font-family: var(--atsens-font-sans);}
.main_visual .mot_box .btn_list ul li a{display: block}
.main_visual .mot_box .btn_list ul li{position: relative}
.main_visual .mot_box .btn_list ul li:before{content: '';display: block;width: 116px;height: 58px;border-radius: 58px 58px 0 0;background: #57F9FF;position: absolute;bottom: -20px;left: 50%;margin-left: -58px;filter: blur(30px);opacity: 0;transform: scale(0.7);transform-origin: center bottom;transition-duration: 0.7s}
.main_visual .mot_box .btn_list ul li:hover:before{opacity: 0.7;transform: scale(1);transform-origin: center bottom}

.main_visual .vis_title div{overflow: hidden}
.main_visual .vis_title div *{transform: translateY(100%);display: block}
.main_visual.on .vis_title div *{transform: translateY(0%);display: block;transition-duration: 1.5s}
.main_visual.on .vis_title div:nth-child(2) *{transition-delay: 0.2s}
.main_visual.on .vis_title div:nth-child(3) *{transition-delay: 0.6s}

.main_visual .mot_box .sl_box{transform: translateX(-70px);opacity: 0;backdrop-filter: blur(0px)}
.main_visual.on .mot_box .sl_box{transform: translateX(0px);opacity: 1;transition-duration: 1.2s;transition-delay: 0.6s;backdrop-filter: blur(20px)}
.main_visual .mot_box .btn_list{transform: translateX(70px);opacity: 0;backdrop-filter: blur(0px)}
.main_visual.on .mot_box .btn_list{transform: translateX(0px);opacity: 1;transition-duration: 1.2s;transition-delay: 0.6s;backdrop-filter: blur(20px)}
.main_visual .dim{position: absolute;width: 100%;height: 100%;background: #000;top: 0;left: 0;opacity: 0.3;mix-blend-mode: screen}
@media (max-width: 1780px){
	#footer .ft01 .right > ul{gap: 50px}
}
@media (max-width: 1670px){
	#footer .ft01 .right > ul{gap: 35px}
	.inner2{padding: 0 20px;max-width: 100%}
	.main_visual .mot_box .btn_list ul{margin-right: 0;padding: 20px;border-radius: 21px}
	#footer .ft01 .left ul:nth-child(2){flex-direction: column}
}
@media (max-width: 1450px){
	.main_visual .mot_box{gap: 20px}
	.main_visual .vis_title strong{font-size: 50px;line-height: 1.2}
	.main_visual .vis_title p{font-size: 18px}
	.main_visual .mot_box .btn_list ul{gap: 10px}
}
@media (max-width: 1160px){
	#footer .ft01 .right:before{top: -30px}
	.main_visual .mot_box{flex-direction: column}
	.main_visual .mot_box .sl_box{width: 100%}
	.main_visual .vis_title{margin-bottom: 50px}
	.main_visual .mv_title{bottom: auto;top: 50%;transform: translateY(-50%)}
	.main_visual .mot_box .btn_list ul li{flex: 1}
	.main_visual .mot_box .btn_list ul li video,.main_visual .mot_box .btn_list ul li .bg{width: 100%}
	#footer .ft01 .left ul li p{font-size: 13px}
	#footer .ft01 .right > ul > li > ul > li > a{font-size: 13px}
	#footer{padding: 40px 20px}
	#footer .ft01 .right{padding-left: 30px}
	#footer .ft01{padding-top: 30px}
	#footer .ft00{padding-bottom: 20px}
	#footer .ft00 ul li a{font-size: 14px}
	#footer .ft00 ul li{font-size: 14px}
	#footer .ft01 .left ul li span, #footer .ft01 .right > ul > li > a{font-size: 14px}
	#footer .ft01 .left{gap: 30px}
	#footer .ft01 .right > ul > li > ul > li ul li a{font-size: 13px}
	#footer .ft02 address{font-size: 13px}
	.main_visual .swiper{width: 200px;margin: 0 auto}
	.main_visual .mot_box .sl_box i{left: 50%;margin-left: -86px}

}

@media (max-width: 960px){
	#quick{transform: scale(0.7);right: 0;bottom: 0}
	.main_visual .vis_title .mt{margin-top: 20px}

	#footer .ft00 ul li a{font-size: 12px}
	#footer .ft00 ul li{font-size: 12px}
	#footer .ft00 ul{gap: 20px}
	#footer .ft01{flex-direction: column}
	.main_visual .mot_box .btn_list ul{padding: 15px}
	.main_visual .mot_box .sl_box, .main_visual .mot_box .btn_list ul{border-radius: 7px}
	.main_visual .mot_box .sl_box{padding: 15px;}
	.main_visual .mot_box .sl_box .wr strong{width: 80px}
	.main_visual .mot_box .sl_box .wr strong, .main_visual .mot_box .sl_box .wr p{font-size: 13px}
	.main_visual .swiper{height: 115px}
	.main_visual .mot_box{gap: 10px}
	.main_visual .mot_box .sl_box i{width: 80px;height: 26px;margin-top: -14px}
	.main_visual .vis_title strong{font-size: 30px}
	.main_visual .vis_title p{font-size: 14px}
/*	.main_visual .mot_box .sl_box i{margin-top: -13px;height: 26px}*/
	.main_visual .mot_box .sl_box .wr *{line-height: 22px;font-size: 14px}
	.main_visual .mot_box .btn_list ul li strong{font-size: 13px}
	#footer .ft01 .right > ul{gap: 0}
	#footer .ft01 .right > ul > li{flex: 1}
	#footer .ft01 .left ul:nth-child(2){flex-direction: row}
	#footer .ft01 .right:before{display: none}
	#footer .ft01 .right{padding-top: 20px;margin-top: 20px;border-top: 1px solid #292929}
	#footer .ft01 .left ul li p, #footer .ft01 .left ul li span, #footer .ft01 .right > ul > li > a{font-size: 12px}
	#footer .ft01 .right > ul > li > ul > li > a{font-size: 12px}
	#footer .ft01 .right > ul > li > ul > li ul li a{font-size: 11px}
	#footer .ft01 .right > ul > li > ul{gap: 6px}
	#footer .ft01 .right > ul > li > a{margin-bottom: 10px}
	#footer .ft01 .right > ul > li > ul > li ul{gap: 6px;margin-top: 4px}
	#footer .ft02 address{font-size: 11px}
	#footer .ft01 .right{padding-left: 0}
	#footer .ft00 svg{width: 55px;height: auto}
}
@media (max-width: 660px){
	.main_visual{height: 120vh}
	.main_visual .vis_title strong{font-size: 26px}
	.main_visual .vis_title{margin-bottom: 20px}
	#footer .ft00{flex-direction: column;align-items: flex-start;gap: 10px}
	#footer .ft01 .left ul, #footer .ft01 .left, #footer .ft01 .left ul{gap: 15px}
	.main_visual .mot_box .sl_box i {
        left: 50%;
        margin-left: -86px;
    }
	.main_visual .vis_title .mt{margin-top: 10px}
	.main_visual .swiper{width: 170px}
	.main_visual .mot_box .btn_list ul{flex-wrap: wrap}
	.main_visual .mot_box .btn_list ul li{width: calc(50% - 5px);flex: auto}
}