body{overflow-x:hidden}body .header_section .header_top{padding-top:16px}body .header_section .header_top .header_top-contact{margin-right:30px}body .header_section .custom_nav-container.navbar-expand-lg .navbar-nav .nav-link{padding:10px 0 10px 20px}body .slider_section .carousel-item .container{min-height:400px}body .slider_section .carousel-item .container .img-frame{height:40vh;overflow:hidden}body .slider_section .carousel-item .container .img-frame img{height:40vh;width:auto}body .slider_section .carousel-item .container .justify-center{display:flex;flex-direction:column;justify-content:center;align-items:center}body .slider_section .carousel-item .container .justify-center .img-frame{max-height:200px;overflow:hidden}body .slider_section .carousel-item .container .justify-center .img-frame img{max-height:200px;width:auto}body .slider_section .carousel-item .container .justify-center h1{text-align:center}body .slider_section .carousel-item .container .justify-center .read-btn{background-color:#0a0057}body .about_section .about_detail-box{display:flex;flex-direction:column;justify-content:center;align-items:center}body .about_section .about_detail-box .logo{margin-bottom:30px}body .about_section .about_detail-box h3{text-align:center}body .about_section .about_detail-box p{margin:5px 0;text-align:center}body .service_section .service_img-box{margin-bottom:10px}body .service_section .s-b-1 h3{color:#0a0057;font-weight:400}body .shop_section .shop-detail h3{color:#78cffd;font-size:22px}@media (max-width: 768px){body .shop_section .map-container{min-height:400px}body .shop_section .map-container .shop_img-box{margin-left:0}}body .area_section{padding-bottom:125px}body .area_section .carousel-indicators{position:absolute;top:115%;left:33%;bottom:auto;right:auto}body .area_section .carousel-indicators li{width:21px;height:10px;background-color:#0a0057;background-clip:padding-box;margin:0;border:none;opacity:1;transition:background-color 0.6s}body .area_section .carousel-indicators li.active{background-color:#78cffd}body .area_section .carousel-item .col-md-6{padding:0}body .area_section .map-frame{aspect-ratio:1;position:relative;background-color:#02caf0}body .area_section .map-frame img{width:100%;aspect-ratio:1}body .area_section .map-frame::after{content:'';background-color:white;position:absolute;width:120px;height:120px;top:-60px;left:-60px;transform:rotate(45deg)}body .area_section .area-frame{aspect-ratio:1;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#02caf0}body .area_section .area-frame h3{color:#fff;font-weight:normal}body .area_section .area-frame::before{content:'';background-color:white;position:absolute;width:240px;height:240px;bottom:-120px;right:-120px;transform:rotate(45deg)}body .area_section .trapezoid{width:230px;text-align:center;height:0;position:relative;border-top:40px solid #2963BD;border-left:40px solid transparent;box-sizing:content-box}body .contact_section .contact-wrapper{overflow:hidden}body .contact_section .contact-wrapper .contact-banner{height:100%;width:auto}body .info_section .container .row{justify-content:space-between}body .info_section .container .row .logo{width:200px;margin-bottom:20px}body .info_section .container .row .info_nav ul *+*{margin-bottom:8px}body .footer_section p,body .footer_section a{color:#0a0057}body .contact_button_section{position:fixed;bottom:0px;left:0px;z-index:1000;width:100vw}body .contact_button_section .contact_baloon{position:absolute;right:45px;bottom:40px;filter:drop-shadow(2px 2px 4px rgba(10,0,87,0.6));cursor:pointer;transform:scale(0) rotate(15deg);transform-origin:95% 50%}body .contact_button_section .contact_baloon:has(+.contact_icon:hover){animation:animate-come-in 0.6s forwards 0.2s}body .contact_button_section .contact_icon{position:absolute;right:40px;bottom:40px;filter:drop-shadow(2px 2px 4px rgba(10,0,87,0.6));cursor:pointer;transform-origin:100% 100%}.animate.pop{animation-duration:0.3s;animation-name:animate-pop;animation-timing-function:cubic-bezier(0.26, 0.53, 0.74, 1.48)}@keyframes animate-pop{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}@keyframes animate-come-in{0%{-webkit-transform:scale(0) rotate(0);transform:scale(0) rotate(0);opacity:1}10%{-webkit-transform:scale(0.2) rotate(60deg);transform:scale(0.2) rotate(60deg)}70%{-webkit-transform:scale(0.9) rotate(-10deg);transform:scale(0.9) rotate(-10deg)}100%{-webkit-transform:scale(0.8) rotate(0);transform:scale(0.8) rotate(0);opacity:1}}
